HTML-CSS/Home.html at main · gdsc-umit/HTML-CSS · 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
<!DOCTYPE html>
<html>

<head>
    <title>GDSC UMIT</title>
    <link rel="icon" href="https://img.icons8.com/office/16/000000/google-logo.png" />
    <link rel="stylesheet" href="home.css">
    <meta charset="UTF-8">
    <meta name="description" content="GDSC HTML CSS SESSION">
    <meta name="keywords" content="HTML, CSS, JavaScript">
    <meta name="author" content="GDSC">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
    <nav class="navbar">
        <a href="Home.html">Home</a>
        <a href="achievements.html">Achievements</a>
        <a href="gallery.html">Gallery</a>
    </nav>
    <div class="main">
        <div class="header">
            <p class="nameshadow">SUNDAR PICHAI</p>
            <p class="name" style="left: 26vw">Sundar</p>
            <p class="name" style="left: 60vw">Pichai</p>
        </div>
        <div class="bottom">
            <div class="information">
                <h1>CEO at <i>Google</i> and <i>Alphabet</i></h1>
                <div class="socials"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50"
                        viewBox="0 0 50 50" style=" fill:#c84c3c;">
                        <path
                            d="M 16 3 C 8.83 3 3 8.83 3 16 L 3 34 C 3 41.17 8.83 47 16 47 L 34 47 C 41.17 47 47 41.17 47 34 L 47 16 C 47 8.83 41.17 3 34 3 L 16 3 z M 37 11 C 38.1 11 39 11.9 39 13 C 39 14.1 38.1 15 37 15 C 35.9 15 35 14.1 35 13 C 35 11.9 35.9 11 37 11 z M 25 14 C 31.07 14 36 18.93 36 25 C 36 31.07 31.07 36 25 36 C 18.93 36 14 31.07 14 25 C 14 18.93 18.93 14 25 14 z M 25 16 C 20.04 16 16 20.04 16 25 C 16 29.96 20.04 34 25 34 C 29.96 34 34 29.96 34 25 C 34 20.04 29.96 16 25 16 z">
                        </path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="48" height="48" viewBox="0 0 24 24"
                        style=" fill:#c84c3c;">
                        <path
                            d="M 5 3 C 3.9 3 3 3.9 3 5 L 3 19 C 3 20.1 3.9 21 5 21 L 19 21 C 20.1 21 21 20.1 21 19 L 21 5 C 21 3.9 20.1 3 19 3 L 5 3 z M 5 5 L 19 5 L 19 19 L 5 19 L 5 5 z M 7.8007812 6.3007812 C 6.9007812 6.3007812 6.4003906 6.8 6.4003906 7.5 C 6.4003906 8.2 6.8992188 8.6992188 7.6992188 8.6992188 C 8.5992187 8.6992187 9.0996094 8.2 9.0996094 7.5 C 9.0996094 6.8 8.6007813 6.3007812 7.8007812 6.3007812 z M 6.5 10 L 6.5 17 L 9 17 L 9 10 L 6.5 10 z M 11.099609 10 L 11.099609 17 L 13.599609 17 L 13.599609 13.199219 C 13.599609 12.099219 14.499219 11.900391 14.699219 11.900391 C 14.899219 11.900391 15.599609 12.099219 15.599609 13.199219 L 15.599609 17 L 18 17 L 18 13.199219 C 18 10.999219 17.000781 10 15.800781 10 C 14.600781 10 13.899609 10.4 13.599609 11 L 13.599609 10 L 11.099609 10 z">
                        </path>
                    </svg>
                </div>

            </div>
            <div class="photo">
                <img class="pic" src="../HTML-CSS/Media/SundarPichai.jpg" />
            </div>
        </div>
    </div>

</body>

</html>