web-dev-wkshp2025/index.html at e6ecbb42be9cf166d209ec00a577c29f74fa8a90 · MicrosoftStudentChapter/web-dev-wkshp2025 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link
    href="https://cdn.jsdelivr.net/npm/remixicon@4.7.0/fonts/remixicon.css"
    rel="stylesheet"
/>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
</head>
<body>
    <h1>Hi, My Name is Mohin Goyal</h1>
    <h2>"Building web, one element at a time"</h2>
    <p>I am a student in Thapar Institute of information and technology and I have joined MLSC to learn exceptional skills in modern fields like web development with interactive seniors.I hope it will be a really good journey ahead.</p>
    <h2>Get in touch with me;</h2>
    <div id="box">
        <div id="email">
            <i class="ri-mail-line"></i><br>

            <a href="mailto:mohiingoyal@gmail.com">Email me.</a>

        </div>
        <div id="linkedin">
            <i class="ri-linkedin-fill"></i><br>
        <a href="https://www.linkedin.com/in/mohin-goyal-ab9550379"target="_blank">Connect with on linkedin.</a> </div>
        <div id="Github">
            <i class="ri-github-fill"></i><br>
            <a href="http://github.com/Mohingoyal" target="_blank">View my Github account.</a></div>

    </div>
    <div id="backgroundcolors">
    <button onclick="changeColor()">Click me to get a new background color.</button><br>
    <button onclick="changeColor1()">surprise!</button><br>
    <button onclick="changeColor2()">Try this one.</button></div>

</body>
</html>