-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (94 loc) · 3.67 KB
/
index.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
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html>
<head>
<title>Google</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div class="nav-bar">
<!-- Gmail -->
<a href="https://mail.google.com/mail/?tab=wm"><div class="gmail" id="nav-text">Gmail
</div></a>
<!-- Images -->
<a href="https://www.google.co.uk/imghp?hl=en&tab=wi&ei=VRb4VparK6_X6QTns734Dw&ved=0EKouCBUoAQ">
<div class="images" id="nav-text">Images
</div></a>
<!-- App Box -->
<a href="https://www.google.co.uk/intl/en/options/">
<div class="app-box">
<!-- TOP ROW -->
<div class="top-row">
<div class="tl"></div>
<div class="tm"></div>
<div class="tr"></div>
</div>
<!-- MIDDLE ROW -->
<div class="middle-row">
<div class="ml"></div>
<div class="mm"></div>
<div class="mr"></div>
</div>
<!-- BOTTOM ROW -->
<div class="bottom-row">
<div class="bl"></div>
<div class="bm"></div>
<div class="br"></div>
</div>
</div></a>
<!-- Sign In -->
<a href="https://accounts.google.com/ServiceLogin?hl=en&passive=true&continue=https://www.google.co.uk/%3Fgws_rd%3Dssl">
<div class="sign-in" id="nav-text"><strong>Sign in</strong>
</div></a>
</div>
<!-- Google Logo -->
<div class="google-logo">
<div class="google"><img src="https://www.google.co.uk/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"</div>
<div class="uk">UK</div>
</div>
<!-- Search Bar -->
<div class="search-bar">
<div class="form-wrap">
<div class="form">
<form>
<input class="search-box" type="text">
</form>
</div>
<div class="mic">
<img id="mic" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACrElEQVR42u2Xz2sTQRSAX8VSb1K8iNqKooJH2Ux6Ksn+iPQqxZMIehJB0do/IMhmQWsvHr2KSEGk0tSLIoWIYNUKij20F2/N7iaUZnYT0kYzzhMKs0HDJiTdLcwHDwKZSd63781LBiQSSW9JZdkhzfKm1Rz9mjZp/W9YdEU3vXv4HsQZ40FtNG36q5rls//Ej4tmbSS2T15Mvp3ExOPmEMQNbBtMMEyoljcFcQN7PqyAlqNfIG7gYQ0tYNIaxA1MrJPY3wImbUqBKAXSFv0tBSIVMOkvKRDtGKWN/T6FdqRAxFNoWwpEPIXqUqBT6ALU/UVgu8GW4GD3f6f9TRDYNJTDrk7YbtiqUumHwIYoUJuHERDAS0r4CvgFECgbY+cFAR7KT+g1POmCKFDNw6WggHc3fBtVb4CAoyauBgXIG+g1Xh5mRAGah6cggBd11fK/h7lOprIs0H6uRl6KAo5O7kOv4QmPiwJ4Jqqv4FiwCtXjvD2+tRmfK6kZ/ygI2HritK0rDVGgrClJ6DWMwYC/AGuCBMYcIC2V0CzvjmbRz3j3xUjn6CfeYreUJ2wQkGD75INPX1mFfsEFrrcIYCvdhC4paWQakxajpJMr0C9YFg54i7AsClRmh9/xnr0NHcInzZStk2aLwAcGMAD9pPIazvFKVDD5rdnhJeHLX5RTyRPQHpz5o66emMc9wdlPtvA8wF7Aq2BUHh1525qEo5JtR1WeOXpickO9cJIpyuD6xJmhYiZ5ytWSl3mlnuOaf+2zDaLDXmJrSgZ/MYVEugo+gSh+FkSBa4yd5Ul87DZ5XpFl/AyIEjzYjkau8WqshU2cr13HPbgX4gJOD97n465GZlyVvC9mSKloKI2iTnbwNT+gBX54H+IaXAtxJzE3ycSAFqSAFJACUkAikXD+AHj5/wx2o5osAAAAAElFTkSuQmCC">
</div>
</div>
</div>
<!-- Search Buttons -->
<div class="buttons">
<div class="google-search">
<button class="gs"><strong>Google Search</strong></button>
</div>
<div class="feeling-lucky">
<button class="ifl"><strong>I'm Feeling Lucky</strong></button>
</div>
</div>
<!-- Footer -->
<div class="footer">
<!-- Left -->
<a href="https://www.google.co.uk/intl/en/ads/?fg=1">
<div class="advertising">Advertising</div>
</a>
<a href="https://www.google.co.uk/services/?fg=1">
<div class="business">Business</div>
</a>
<a href="https://www.google.co.uk/intl/en/about.html?fg=1">
<div class="about">About</div>
</a>
<!-- Right -->
<a href="https://www.google.co.uk/preferences?hl=en">
<div class="settings">Settings</div>
</a>
<a href="https://www.google.co.uk/intl/en/policies/terms/?fg=1">
<div class="terms">Terms</div>
</a>
<a href="https://www.google.co.uk/intl/en/policies/privacy/?fg=1">
<div class="privacy">Privacy</div>
</a>
</div>
</body>
</html>