-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathremake-google.html
109 lines (109 loc) · 5.77 KB
/
remake-google.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
---
layout: remake
title: Google.com 1998
description: Remake of Google home page. Search the web.
color-scheme: auto
---
<div class="c-{{ site.ns }}-plane c-{{ site.ns }}-plane--trendy c-{{ site.ns }}-plane--full-height c-{{ site.ns }}-plane--v-inset-xlarge">
<div class="c-{{ site.ns }}-plane-cabin">
<header class="c-{{ site.ns }}-plane c-{{ site.ns }}-plane--article-width c-{{ site.ns }}-plane--h-inset-medium c-{{ site.ns }}-plane--v-inset-large u-{{ site.ns }}-text-align-center">
<div class="c-{{ site.ns }}-plane-cabin">
<h1 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--display">Google!</h1>
<h2 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--lede">Search the Web using Google<sup>beta</sup></h2>
<form class="c-{{ site.ns }}-list c-{{ site.ns }}-list--bare">
<div class="c-{{ site.ns }}-list__item">
<input type="search" class="c-{{ site.ns }}-input c-{{ site.ns }}-input--block" placeholder="Enter keyword" autofocus>
</div>
<div class="c-{{ site.ns }}-list__item">
<div class="c-{{ site.ns }}-list c-{{ site.ns }}-list--inline c-{{ site.ns }}-list--align-center">
<div class="c-{{ site.ns }}-list__item">
<button class="c-{{ site.ns }}-button c-{{ site.ns }}-button--block">
Google Search
</button>
</div>
<div class="c-{{ site.ns }}-list__item">
<button class="c-{{ site.ns }}-button c-{{ site.ns }}-button--block">
I’m feeling lucky
</button>
</div>
</div>
</div>
</form>
</div>
</header>
<nav class="c-{{ site.ns }}-plane c-{{ site.ns }}-plane--large-width c-{{ site.ns }}-plane--h-inset-medium u-{{ site.ns }}-text-align-center">
<div class="c-{{ site.ns }}-plane-cabin">
<ul class="c-{{ site.ns }}-list c-{{ site.ns }}-list--ui lay-horizontal is-comfortable">
<li class="c-{{ site.ns }}-list__item">
<div class="c-{{ site.ns }}-plane u-{{ site.ns }}-height-100">
<div class="c-{{ site.ns }}-plane-cabin">
<h3 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--small">Special Searches</h3>
<ul class="c-{{ site.ns }}-list c-{{ site.ns }}-list--bare is-compact">
<li class="c-{{ site.ns }}-list__item">
<a class="c-{{ site.ns }}-link" href="javascript:">Stanford Search</a>
</li>
<li class="c-{{ site.ns }}-list__item">
<a class="c-{{ site.ns }}-link" href="javascript:">Linux Search</a>
</li>
</ul>
</div>
</div>
</li>
<li class="c-{{ site.ns }}-list__item">
<div class="c-{{ site.ns }}-plane u-{{ site.ns }}-height-100">
<div class="c-{{ site.ns }}-plane-cabin">
<ul class="c-{{ site.ns }}-list c-{{ site.ns }}-list--bare is-compact">
<li class="c-{{ site.ns }}-list__item">
<a class="c-{{ site.ns }}-link" href="javascript:">Help!</a>
</li>
<li class="c-{{ site.ns }}-list__item">
<a class="c-{{ site.ns }}-link" href="javascript:">About Google</a>
</li>
<li class="c-{{ site.ns }}-list__item">
<a class="c-{{ site.ns }}-link" href="javascript:">Company Info</a>
</li>
<li class="c-{{ site.ns }}-list__item">
<a class="c-{{ site.ns }}-link" href="javascript:">Google! Logo</a>
</li>
</ul>
</div>
</div>
</li>
<li class="c-{{ site.ns }}-list__item">
<div class="c-{{ site.ns }}-plane u-{{ site.ns }}-height-100">
<div class="c-{{ site.ns }}-plane-cabin">
<form class="c-{{ site.ns }}-list c-{{ site.ns }}-list--bare is-compact">
<div class="c-{{ site.ns }}-list__item">
<h3 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--small">Get Google! updates monthly</h3>
</div>
<div class="c-{{ site.ns }}-list__item">
<input type="email" class="c-{{ site.ns }}-input is-compact" placeholder="Your email">
</div>
<div class="c-{{ site.ns }}-list__item">
<div class="c-{{ site.ns }}-list c-{{ site.ns }}-list--inline c-{{ site.ns }}-list--align-center c-{{ site.ns }}-list--valign-center">
<div class="c-{{ site.ns }}-list__item">
<button class="c-{{ site.ns }}-button is-compact">
Subscribe
</button>
</div>
<div class="c-{{ site.ns }}-list__item">
<div class="c-{{ site.ns }}-text c-{{ site.ns }}-text--small">
<a class="c-{{ site.ns }}-link" href="javascript:">Archive</a>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</li>
</ul>
</div>
</nav>
<footer class="c-{{ site.ns }}-plane c-{{ site.ns }}-plane--large-width c-{{ site.ns }}-plane--h-inset-medium c-{{ site.ns }}-plane--v-inset-large u-{{ site.ns }}-text-align-center">
<div class="c-{{ site.ns }}-plane-cabin">
Copyright © 1998 Google Inc.
</div>
</footer>
</div>
</div>