swapnil312.github.io/index.html at main · swapnil312/swapnil312.github.io · 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
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Swapnil Nanda</title>
</head>
<body>
    <h2 class = "mainheading"> &#128151; You are lucky that you found me... &#128514;</h2>

    <div id = "main_area">
        <div style = "margin-bottom: 40px">
        <font class = "heading">About Me!</font>
        <div id = "div1">
        <p class = "text">
            Hello, I am Swapnil Nanda. I am a student of Veer Surendra Sai University of Technology, Burla. I belong to Computer Science and Engineering Department. I am a resident of Angul. I have completed my intermediate from Delhi Public School, NalcoNagar and matriculation from AmarVani Convent School, Turang.
        </p>

        <img src="sn_pic.jpg" alt="My picture" id = "myimage" >
        </div>
        </div>

        <div><hr></div>
        <div style = "margin-bottom: 60px; margin-top: 70px">
        <font class = "heading">My Interests!</font>

        <div id="div2">
        <img src="interest.jpg" alt="My picture" id = "myinterestpic" >
        <p class = "text" id = "my_interests_text">
        I like to travel and explore new places. I like to try out new things. I am interested in the domain of Artificial Intelligence and Machine Learning. Sometimes I ponder over different philosophies.
        </p>
        </div>

        </div>


        <div><hr></div>
        <div style = "margin-bottom: 60px; margin-top: 70px">
        <div style = "margin-bottom: 30px;"><font class = "heading">Gallery</font></div>
        <div id="div3">
        <img src="pic1.jpg" alt="" class = "gallerypic" style = "margin-right: 30px; margin-left:51px;">
        <img src="pic2.jpg" alt="" class = "gallerypic" style = "margin-right:10px;">

        <p class = "text" id = "">

        </p>
        </div>

        </div>

        <div><hr></div>
        <div style = "margin-bottom: 30px; margin-top: 70px">
        <div style = "margin-bottom: 30px;"><font class = "heading">Contact Me!</font></div>
        <div id="div4">

        <p>
        <a href = "mailto:[email protected]" target="_blank"><img src="gmaillogo.png" alt="Gmail" class = "contact_logo" style = "margin-right: 80px; margin-left:80px;"></a>
        <a href = "https://www.linkedin.com/in/swapnil-nanda-439476268/" target="_blank"><img src="linkedinlogo.png" alt="LinkedIn" class = "contact_logo" style = "margin-right: 77px; margin-left:80px;"></a>
        <a href = "https://github.com/swapnil312" target="_blank"><img src="githublogo.png" alt="GitHub" class = "contact_logo" style = "margin-right: 77px; margin-left:80px;"></a>
        </p>
        </div>

        </div>


    </div>
    <p style = "text-align: center; color: white;">&copy Copyright Swapnil Nanda 2023</p>

</body>
</html>