hackolantern/index.html at main · suhas-nukala/hackolantern · 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
60
61
62
63
64
65
66
67
<!DOCTYPE html>

<head>
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
</head>
<style>
    body {
        background-color: #cfe0f8;
        background-color: #d2e3fc;
}

    div {
        background-color: #b8d3fc;
        padding: 1.5rem;
    }
</style>

<body>

    <div>
        <img src="https://bit.ly/36LETLT" width="150px" height="auto" alt="your-name">

        <h1 style="color:#202124;">John Doe</h1>

        <!-- This is a comment -->

        <h3 class="heading">Bio:</h3>

        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
            ea commodo consequat.
            <br>
            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
            laborum.
        </p>

        <a href="https://www.linkedin.com/">View profile</a>

        <h3 class="heading">Projects</h3>

        <ol>
            <li>project 1</li>
            <li>project 2</li>
            <li>project 3</li>
        </ol>

        <h3 class="heading">Experiences</h3>

        <ul>
            <li>experience 1</li>
            <li>experience 2</li>
            <li>experience 3</li>
        </ul>


        <button onclick="alert('Thanks for clicking me')" style="margin-top: 1rem;">Click Me</button>


    </div>

</body>

</html>