@RYANMALDONADO/

Google! Beta

HTML, CSS, JS

A replica of Google in 1998!

fork
loading
Files
  • index.html
  • index.css
  • index.js
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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>Google! Beta</title>
        <link href="index.css" rel="stylesheet" type="text/css" />
        <link rel="icon" href="https://media.wnyc.org/i/1200/627/c/80/photologue/photos/Google%20G%20Icon.jpg">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
        <script src="index.js"></script>
    </head>
    <body>
        <center>
            <div id = "centerBox">
                <img src = "https://s3.ap-southeast-1.amazonaws.com/cdn.deccanchronicle.com/sites/default/files/mediaimages/gallery/2015/Sep/google-1998-beta.jpg" width = "700">
                <p>Search the web using Google!</p>
                <input id = "urlBox" type = "text" placeholder = "">
                <br><br>
                <input id = "button" value = "Google Search" type = "button">&nbsp;<input type = "button" id = "button1" value = "I'm feeling lucky">
            </div>
            &nbsp;
            <div id = "bottomBoxes">
                <div id = "box1">
                    <br><br>
                    <center><p>Special Searches</p></center>
                    <center><a href = "#">Stanford search</a></center>
                    <center><a href = "#">Linux search</a></center><br>
                </div>
                <div id = "box2">
                    <br><br>
                    <center><a href = "#">Help!</a></center>
                    <center><a href = "#">About Google!</a></center>
                    <center><a href = "#">Company info</a></center>
                    <center><a href = "#">Google! Logos</a></center>
                    <br><br>
                </div>
                <div id = "box3">
                    <center><p>Get Google!<br>updates monthly:</p></center><br>
                    <center><input type = "text" placeholder = "your e-mail"></center><br>
                    <center><input type = "button" value = "subscribe">&nbsp;
                    <a href = "#">Archive</a>
                    </center>
                </div>
            </div>
            <br>
            <p>Copyright © 1998 Google Inc.</p>
        </center>
    </body>
</html>
result
console