google_clone/google_clone.html at master · dwiesenberg/google_clone · 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
<! HTML and CSS to clone Google page project

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Google Clone</title>
  <link rel="stylesheet" href="google_clone.css">
</head>

<! Menu links in header>

<header>
  <nav>
    <a href="www.google.com/+You">+You</a>
    <a href="www.google.com/Email">Email</a>
    <a href="www.google.com/Images">Images</a>
    <a href="https://www.google.com/intl/en/options">Google Apps</a>
    <a <input type="submit" name="sign in" value="Sign in"</a>
  </nav>
</header>

<! Google image "Google logo">

<img src="google_new_logo.jpg" alt="Google new logo">

<! Search bar>

<input type="text" name="search bar">
<img src="microphone.jpg" alt="microphone image">

<! Google Search ... Feeling Lucky>

<a>
  <input class="google_search" href="www.google.com" type="submit" name="submit" value="Google Search">
  <input class="I'm_feeling_lucky" href="www.google.com/I'm_feeling_lucky" type="submit" name="submit" value="I'm feeling lucky">
</a>

<!Footer bar>

<footer>
  <nav>
    <a href="advertising. html">Advertising</a>
    <a href="business. html">Business</a>
    <a href="about.html">About</a>
    <a href="privacy_and_terms. html">Privacy & Terms</a>
    <a href="settings.html">Settings</a>
  </nav>
</footer>