Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Fixed Google 2
ID	6519894042951680
Created	4 years ago, 1609283170174
Updated	4 years ago, 1609283170188
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>Fixed Google 2 </title> <!-- Css --> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,800italic,800,700italic,700,600italic,600,400italic,300italic\|Josefin+Sans:400,100,100italic,300,300italic,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link href='https://fonts.googleapis.com/css?family=Product+Sans:400,400i,500,500i,600,600i,700,700i' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Trade+Winds\|Covered+By+Your+Grace\|Rock+Salt' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lato:400,300italic,300,100italic,100,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300' rel='stylesheet' type='text/css'> <!-- This is the 'FLATTEN CSS' (STILL IN DEV) --> <style> , ::before, ::after { transition: all 0.5s ease; box-sizing: border-box; word-break: break-all; outline: none; resize: none; border: none; padding: 0; margin: 0; } @media(min-width: 600px) { , ::before, ::after { word-wrap: break-word; } } body { font-family: "Helvetica Neue", 'Helvetica', Roboto, 'Open Sans', 'Arial', sans-serif; background-color: #fff; font-size: 14px; color: #333; } a { background-color: transparent; text-decoration: none; cursor: pointer; color: #337ab7; } a:hover, a:focus { text-decoration: underline; color: #23527c; } h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 400; line-height: 1.1; color: inherit; display: block; } h1, h2, h3 { margin-bottom: 10px; margin-top: 20px; } h1 small, h2 small, h3 small { font-size: 65%; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 400; line-height: 1; color: #777; } h1 { margin-right: 0.67em; margin-left: 0.4em; font-weight: 900; font-size: 36px; } h2 { margin-right: 0.83em; margin-left: 0.6em; font-weight: 700; font-size: 30px; } h3 { margin-right: 1em; font-weight: 600; margin-left: 1em; font-size: 24px; } h4 { margin-right: 1.33em; margin-left: 1.33em; font-size: 18px; } h5 { margin-right: 1.67em; margin-left: 1.67em; font-size: 14px; } h6 { margin-right: 2.33em; margin-left: 2.33em; font-size: 12px; } p { margin: 0 0 10px; margin-right: 2em; margin-left: 2em; } .text-increase { font-weight: 900; font-size: 30px; } .text-inline { display: inline-block !important; margin-right: 0 !important; margin-left: 0 !important; } .lead { margin-bottom: 20px; font-weight: 300; line-height: 1.4; font-size: 16px; } form { display: block; } label { display: inline-block; margin-bottom: 5px; font-weight: 700; cursor: default; max-width: 100%; } .help-block { margin-bottom: 10px; margin-top: 5px; display: block; color: #737373; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .page-header { border-bottom: 1px solid #eee; padding-bottom: 10px; margin: 40px 0 20px; } .container { padding-right: 20px; padding-left: 20px; max-width: 1200px; margin: auto; } @media (min-width: 1200px) { .container { width: 1170px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 768px) { .container { width: 750px; } } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } input, textarea, keygen, select, button { font: 11px BlinkMacSystemFont; letter-spacing: normal; display: inline-block; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; text-align: start; color: initial; } button, input, select, textarea { font-family: inherit; line-height: inherit; font-size: inherit; } input { -webkit-appearance: textfield; -webkit-user-select: text; border: 2px inset initial; background-color: white; cursor: auto; padding: 1px; } input, textarea, keygen, select, button { font: 11px BlinkMacSystemFont; letter-spacing: normal; display: inline-block; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; text-align: start; color: initial; } label { display: inline-block; margin-bottom: 5px; font-weight: 700; cursor: default; max-width: 100%; } .form-control { box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08); line-height: 1.42857143; border-top: 1px solid #e5e5e5; background: #fff; border-radius: 2px; padding: 6px 12px; font-size: 14px; display: block; color: #555; width: 100%; } .form-control-max { max-width: 900px; margin: 0 auto; } .form-inline .input-field { vertical-align: middle; display: inline-block; margin-bottom: 0; } .form-inline .input-field { vertical-align: middle; display: inline-block; margin-bottom: 0; } .form-inline .form-control { vertical-align: middle; display: inline-block; width: auto; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { vertical-align: middle; display: inline-table; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .input-field { margin-bottom: 15px; } .input-group-addon { background-color: #eee; border: 1px solid #ccc; vertical-align: middle; white-space: nowrap; display: table-cell; text-align: center; border-radius: 4px; padding: 6px 12px; font-weight: 400; font-size: 14px; line-height: 1; color: #555; } .input-group { border-collapse: separate; position: relative; display: table; } .container-layout { padding-right: 20px; padding-left: 20px; margin: auto; } .clearfix::after, .clearfix::before, .row::after, .row::before, .container::after, .container::before, .container-layout::before, .container-layout::after, .input-group::before, .input-group::after, .form-control::before, .form-control::after { display: table; content: " "; clear: both; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position: relative; display: block; margin: 2px; } @media (min-width: 800px) { .row { align-items: center; flex-direction: row; display: flex; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6 { width: 50%; } .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 100%; } .col-pull-12 { right: 100%; } .col-pull-11 { right: 91.66666667%; } .col-pull-10 { right: 83.33333333%; } .col-pull-9 { right: 75%; } .col-pull-8 { right: 66.66666667%; } .col-pull-7 { right: 58.33333333%; } .col-pull-6 { right: 50%; } .col-pull-5 { right: 41.66666667%; } .col-pull-4 { right: 33.33333333%; } .col-pull-3 { right: 25%; } .col-pull-2 { right: 16.66666667%; } .col-pull-1 { right: 8.33333333%; } .col-pull-0 { right: auto; } .col-push-12 { left: 100%; } .col-push-11 { left: 91.66666667%; } .col-push-10 { left: 83.33333333%; } .col-push-9 { left: 75%; } .col-push-8 { left: 66.66666667%; } .col-push-7 { left: 58.33333333%; } .col-push-6 { left: 50%; } .col-push-5 { left: 41.66666667%; } .col-push-4 { left: 33.33333333%; } .col-push-3 { left: 25%; } .col-push-2 { left: 16.66666667%; } .col-push-1 { left: 8.33333333%; } .col-push-0 { left: auto; } .col-offset-12 { margin-left: 100%; } .col-offset-11 { margin-left: 91.66666667%; } .col-offset-10 { margin-left: 83.33333333%; } .col-offset-9 { margin-left: 75%; } .col-offset-8 { margin-left: 66.66666667%; } .col-offset-7 { margin-left: 58.33333333%; } .col-offset-6 { margin-left: 50%; } .col-offset-5 { margin-left: 41.66666667%; } .col-offset-4 { margin-left: 33.33333333%; } .col-offset-3 { margin-left: 25%; } .col-offset-2 { margin-left: 16.66666667%; } .col-offset-1 { margin-left: 8.33333333%; } .col-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-1 { width: 10.33333333333%; } .col-2 { width: 18.6666666667%; } .col-3 { width: 25%; } .col-4 { width: 33.33333333%; } .col-5 { width: 41.6666666667%; } .col-6 { width: 50%; } .col-7 { width: 58.3333333333%; } .col-8 { width: 66.66666667%; } .col-9 { width: 75%; } .col-10 { width: 83.3333333333%; } .col-11 { width: 91.6666666667%; } .col-12 { width: 100%; } .container-layout { max-width: 1600px; } } .layout { padding: 100px 50px 40px; text-align: center; position: relative; background: #fff; margin: auto; width: 100%; color: #444; } .layout-dull { padding: 100px 50px 20px; } .layout h1 { font-size: 80px; line-height: 1; } .layout h2 { font-size: 60px; line-height: 1; } .layout h3 { font-size: 40px; line-height: 1; } .layout h4 { font-size: 30px; line-height: 1; } .layout h5 { font-size: 25px; line-height: 1; } .layout h6 { font-size: 20px; line-height: 1; } .layout p { font-size: 20px; line-height: 1; } .layout-dull { border: none; } .layout-bottom { border-bottom: 1px solid #eeeeee; } .layout-top { border-top: 1px solid #eeeeee; } .layout-header { position: relative; margin: auto; color: #444; } .layout-header img { max-width: 100%; } .layout-left { position: relative; float: left; } .layout-right { position: relative; float: right; } .decor, .decor:hover { text-decoration: none; } .dull { outline: none; resize: none; border: none; float: none; padding: 0; margin: 0; } .dull-margin { margin: 0 !important; } .dull-padding { padding: 0 !important; } .dull-float { float: none !important; } .nav { background: transparent; padding: 0 30px; z-index: 100; } .nav-layout { align-items: center; max-width: 1000px; margin: 0 auto; display: flex; } .navbar-spacer { flex-grow: 1; } .navbar-title { font-weight: 900; padding: 20px 0; color: #444; } li.navbar-link { transition: all .1s ease; display: inline-block; padding: 20px 10px; font-size: 1em; } li.navbar-link .fa { font-size: 1.5em; } li.navbar-link a { text-transform: uppercase; text-decoration: none; color: #777; } li.navbar-link:hover { background: #ddd; cursor: pointer; } li.navbar-blank, li.navbar-blank:hover { background: transparent; } li.navbar-line:hover { text-decoration: underline; } .btn { text-transform: uppercase; display: inline-block; word-spacing: normal; border-radius: 3px; font-weight: 600; padding: 10px; margin: 10px; } .btn-defaults:hover { background-color: #e1e1e1; } .btn-raised { box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.26); } .btn-raised:hover { box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26); } .btn-raised-primary { background-color: #106cc8; color: #fff !important; } footer.footer { margin: 1em; } footer.footer .copyrights { font-weight: 900; } </style> <!-- --> <!-- This is the 'WEBSITE SPECIFIC CSS' --> <style> .title { font-family: 'Product Sans', Arial, sans-serif; display: inline-block; margin-top: -40px; font-weight: 500; } ._G, ._O_E, ._O2, ._L { display: inline-block; float: left; } ._G { color: #4285F4; } ._O_E { color: #EA4335; } ._O2 { color: #FBBC05; } ._L { color: #34A853; } .Special-Button { text-align: center; max-width: 1000px; margin: 40px auto; display: block; } .Button { display: inline-block; margin: 0 10px; } .form-control { font-family: "Helvetica Neue", 'Helvetica', Roboto, 'Open Sans', 'Arial', sans-serif; padding: 10px 12px; font-size: 16px; } .form-control:hover { box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08); } </style> <!-- --> <!----> </head> <body> <!-- Html --> <header> <nav class="nav"> <article class="nav-layout"> <header class="navbar-header"> <ul class="navbar"> <li class="navbar-link navbar-blank navbar-line"> <a link="https://www.google.com/chrome/"> Chrome </a> </li> <li class="navbar-link navbar-blank navbar-line"> <a link="https://www.mozilla.org/en-US/firefox/new/"> Firefox </a> </li> <li class="navbar-link navbar-blank navbar-line"> <a link="http://www.apple.com/safari/"> Safari </a> </li> </ul> </header> <section class="navbar-spacer"></section> <main class="navbar-main"> <ul class="navbar"> <li class="navbar-link navbar-blank navbar-line"> <a link="https://mail.google.com/mail/?tab=wm"> Gmail </a> </li> <li class="navbar-link navbar-blank navbar-line"> <a link="https://www.google.ca/webhp?hl=en"> Images </a> </li> <li class="navbar-link navbar-blank"> <a link="https://chrome.google.com/webstore/category/apps"> <i class="fa fa-th"></i> </a> </li> <li class="navbar-link navbar-blank"> <a link="https://accounts.google.com/login#identifier" class="btn btn-raised btn-raised-primary dull-margin"> Sign in </a> </li> </ul> </main> </article> </nav> </header> <main> <header class="layout text-center"> <h1 class="title"> <span class="_G">G</span> <span class="_O_E">o</span> <span class="_O2">o</span> <span class="_G">g</span> <span class="_L">l</span> <span class="_O_E">e</span> </h1> </header> <main class="container"> <form class="form-control-max"> <input type="text" class="form-control search" /> </form> <section class="container-layout Special-Button"> <section class="Button"> <a link="https://www.google.ca/" class="btn btn-raised btn-raised-primary dull-margin decor">Google Search</a> </section> <section class="Button"> <a link="https://www.google.com/doodles/" class="btn btn-raised btn-raised-primary dull-margin decor">I'm Feeling Lucky</a> </section> </section> </main> </main> <footer class="footer container-layout"> <h4 class="text-center copyrights"></h4> </footer> <!-- --> <!-- Js --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script> var main = function() { //Variables { var year = new Date().getFullYear(); //} //NoScript effect { $(".noscript").hide(); //} //Google { $("a").click(function() { //-- window.open($(this).attr("link"), "Google", "toolbar = yes, overflow: auto, scrollbars = yes, resizable = yes, width = 1000, height = 800, scroll"); }); $(".search").keypress(function(e) { if (e.keyCode === 13) { window.open("https://www.google.ca/#q=" + $(".search").val(), "New tab", "toolbar = yes, overflow: auto, scrollbars = yes, resizable = yes, width = 1000, height = 800, scroll"); } }); //} //Copyright { $(".copyrights").append(year + " whitelight © All Rights Reserved."); //} }; $(document).ready(main); </script> <!----> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJ2D8rnKCww
Votes	97
Spin-Offs	1
Type	WEBPAGE
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	true
By Child	false
Author Nick	whitelight
Author Name	liteo
Author ID	kaid_1190332921960108519357064
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1709835013177
Updated	10 months ago, 1709835013177
Source Deleted	unknown