Html-learning-stage/project1.html at main · RaySpot1/Html-learning-stage · 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
57
58
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
        <script src="https://kit.fontawesome.com/9379271a5b.js" crossorigin="anonymous"></script>
        <title>chrome://newtab</title>
    </head>
    <body>
        <div>
            <a href="https://www.google.com/gmail/"><div class="topright">Gmail</div></a>
            <a href="https://www.google.com.ng/imghp?hl=en&tab=ri&authuser=0&ogbl"><div class="toprightt">Images</div></a>
            <a href="#"><div class="toprighttt" title="Google apps"><i class="fas fa-th"></i></div></a>
            <a href="#"><div class="toprightttt" title="User profile"><i class="fas fa-user-circle"></i></div></a>

            <span title="Click to view today's doodle" href="#">
                <div class="doodle"><i class="fas fa-circle"></i></div>
                <div class="doodle-1"><i class="fas fa-circle"></i></div>
                <div class="doodle-2"><i class="fas fa-circle"></i></div>
                <div class="doodle-3"><i class="fas fa-circle"></i></div>
            </span>

            <span class="search-glass">
                <i class="fas fa-search" style="float: left;"></i>
            </span>
        </div>

        <a href="#">
            <div class="shortcut" title="Add shortcut">
                <i class="fas fa-plus-circle fa-3x"></i>
                <span class="shortcut-text">Add shortcut</span>
            </div>
        </a>

        <div class="bottomcorner">
            <span class="bottomcorner-box">
                <span title="Cutomize this page">Customize</span>
                <i class="fas fa-pen" title="Cutomize by voice" style="float: left; margin: 0 5px 0 0;"></i>
            </span>
        </div>

        <div class="p">
            <span title="Google">
                <span style="color: blue;">G</span>
                <span style="color:red;">o</span>
                <span style="color: yellow;">o</span>
                <span style="color:blue;">g</span>
                <span style="color: green;">l</span>
                <span style="color: red;">e</span>
            </span>
        </div>

        <div class="search-box">
            <input class="search-txt" type="text" name="" placeholder="Search google or type a URL">
            <i class="fas fa-microphone" title="Search by voice"></i>
        </div>
    </body>
</html>