-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
47 lines (46 loc) · 2.09 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
<!DOCTYPE html>
<html>
<head>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<header>
<nav>
<ul id="nav-left">
<li><a href="#">About</a></li>
<li><a href="#">Store</a></li>
</ul>
<ul id="nav-right">
<li><a href="#">Gmail</a></li>
<li><a href="#">Images</a></li>
<li><a href="#"><svg id="apps-icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#c4c4c4"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"/></svg></a></li>
<li><button id="sign-in-button">Sign In</button></li>
</ul>
</nav>
</header>
<main>
<div class="search">
<img id="logo" src="img/google-logo.png" alt="Google's logo.">
<div id="search-bar">
<svg id="search-icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#9aa0a6"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
<input type="search">
<img id="mic" src="img/mic.svg" alt="">
</div>
<button id="button1">Google Search</button>
<button id="button2">I'm Feeling Lucky</button>
</div>
</main>
<footer>
<ul id="footer-left">
<li><a href="#">Advertising</a></li>
<li><a href="#">Buiseness</a></li>
<li id="hsw"><a href="#">How Search works</a></li>
</ul>
<ul id="footer-right">
<li><a href="#">Privacy</a></li>
<li><a href="#">Terms</a></li>
<li><a id="settings" href="#">Settings</a></li>
</ul>
</footer>
</body>
</html>