helloworld/index.html at main · pranavktrpl/helloworld · 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
59
<html>
    <head>
        <title>Hello World!</title>
        <link href="style.css" rel="stylesheet">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
    </head>
    <body>
        <div id="navbar">
            <a href="#things">Things to do!</a>
            <a href="#imp">Important Links</a>
        </div>
        <div id="header_text">
            This is my first webpage
        </div>
        <a href="https://google.com">Google</a>
        <br>
        <img src="https://home.iitd.ac.in/images/news/susan-dell.jpg">
        <h1>Headings</h1>
        <h3>Timeline so far!</h3>
        <table border>
            <tr>
                <th>Date</th>
                <th>Event</th>
            </tr>
            <tr>
                <td>20 November 2021</td>
                <td>Joined College</td>
            </tr>
            <tr>
                <td>9-12 Jan 2022</td>
                <td>Minors</td>
            </tr>
            <tr>
                <td>14th Jan 2022</td>
                <td>DevClub First Session</td>
            </tr>
        </table>
        <img src="https://home.iitd.ac.in/images/slider/slide1.jpg" width="50%">
        <a name="things"></a>
        <h3>
            Things to do in IITD
        </h3>
        <ol>
            <li>Make Friends!</li>
            <li>Explore your interests</li>
            <!-- <li>Study</li> -->
            <!-- Please add more interesting stuff -->
        </ol>
        <!-- This is a comment -->
        <a name="imp"></a>
        <h3>Important Links</h3>
        <ul>
            <li><a href="https://moodle.iitd.ac.in" target="_blank" class="moodle">Moodle</a></li>
            <li><a href="https://webmail.iitd.ac.in/roundcube" target="_blank" class="webmail">WebMail</a></li>
        </ul>
    </body>
</html>