google-homepage/index.html at master · heliumlake/google-homepage · GitHub

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
<!DOCTYPE html>
<html>
<head>
    <title>Google Replica</title>
    <!--Link Stylesheet-->
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<!--<div class="container">-->
<body>
<!--top links go here-->
<div id="top-navbar">
<header>
    <nav>
        <ul>
            <li><a href="#">About</a></li>
            <li><a href="#">Store</a></li>
            <li style="float: right;"><input type="button" class="button" id="login-button" value="Sign in" /></li>
            <li style="float: right;"><img src="menu2.jpg" alt="menu" width="16" height="16"></li>
            <li style="float: right;"><a href="#">Images</a></li>
            <li style="float: right;"><a href="#">Gmail</a></li>
        </ul>
    </nav>
</header>
</div>

<!--search and logo go here-->
<div id="search">
        <!--logo-->
        <img src="googlelogo_color_272x92dp.png" alt="google logo">
        </br>
        <!--input-->
        <input type="search" alt="Search" placeholder="&#x1f50d;" size="50" id="search-box" />
        <div id="search-button-layout">
        <input type="button" class="button" alt="Search" value="Google Search" /> <input type="button" class="button" alt="Lucky" value="I'm Feeling Lucky"/>
        </div>
</div>

<!--bottom links go here-->
<div id="bottom-navbar">
<footer>
    <nav>
        <ul style="background-color: #f2f2f2; padding: 1em; border: solid; border-width: 1px; border-color: #e4e4e4; color: #78757d;">
            <li><a href="#">Advertising</a></li>
            <li><a href="#">Business</a></li>
            <li><a href="#">How Search works</a></li>
            <li style="float: right;"><a href="#">Settings</a></li>
            <li style="float: right;"><a href="#">Terms</a></li>
            <li style="float: right;"><a href="#">Privacy</a></li>
        </ul>
    </nav>
</footer>
</div>
</body>
<!--</div>-->
</html>