-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
51 lines (48 loc) · 1.66 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
<html>
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<nav>
<a href="https://mail.google.com/mail/&ogbl">Gmail</a>
<a href="https://www.google.co.jp/imghp?hl=en&ogbl">Images</a>
<span class="material-icons">apps</span>
<button id="sign-in">Sign in</button>
</nav>
<main>
<img id="logo"
src="https://cdn.statically.io/gh/TheOdinProject/curriculum/284f0cdc998be7e4751e29e8458323ad5d320303/foundations/the_front_end/project_html_css/imgs/00.png" />
<form id="search">
<span class="material-icons" id="icon-search">search</span>
<input type="text" />
<span class="material-icons" id="icon-mic">mic</span>
</form>
<div class="flex-horizontal-container" id="search-buttons">
<button>Foogle Search</button>
<button>I'm Feeling Lucky</button>
</div>
<p>Foogle offered in: <a
href="https://www.google.com/setprefs?sig=0_GRMQ0AcXkz65VIL_EOHIMqPhtsU%3D&hl=ja&source=homepage&sa=X&ved=0ahUKEwjF4aax9-TyAhVGA4gKHeaND7MQ2ZgBCA4">日本語</a>
</p>
</main>
<footer>
<div>
Japan
</div>
<div class="flex-horizontal-container">
<div>
<a>About</a>
<a>Advertising</a>
<a>Business</a>
<a>How Search works</a>
</div>
<div>
<a>Privacy</a>
<a>Terms</a>
<a>Settings</a>
</div>
</div>
</footer>
</body>
</html>