ProfilePage/index.html at main · Sanchit3004/ProfilePage · 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Profile</title>
    <style>

        body {
            font-family: Arial, sans-serif;
        }
        h1 {
            color: #336699;
        }
        img {
            max-width: 200px;
            border: 2px solid #336699;
            border-radius: 80%;
        }
    </style>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <h1>My Profile</h1>
    </header>
    <section>
        <h2>Personal Details</h2>
        <img src="IMG_20230725_213408.jpg" alt="My Profile Picture">
        <ul>
            <li><strong>Name:</strong> Sanchit Mhatre</li>
            <li><strong>Age:</strong> 20</li>
            <li><strong>Email:</strong> 2021.sanchit.mhatre@ves.ac.in</li>
            <li><strong>Location:</strong> Ambernath, Maharashtra, India</li>
        </ul>
    </section>
    <section>
        <h2>Skill Sets</h2>
        <ul>
            <li>Java(including Oop)</li>
            <li>Python</li>
            <li>Data Structures and Algorithms</li>
            <li>Autocad</li>
            <li>Web development</li>
            <li>GitHub</li>
        </ul>
    </section>
    <section>
        <h2>My Favourite Song</h2>
        <audio controls>
            <source src="Jaikal-Mahakal-Amit-Trivedi.mp3" type="audio/mpeg">
            <source src="Jaikal-Mahakal-Amit-Trivedi.mp3" type="audio/mp3">
            Your browser does not support the audio element.
        </audio>
    </section>
    <section>
        <h2> Video of Milky Way Galaxy </h2>
        <video controls width="50%">
            <source src="time_lapse_video_of_milky_way_galaxy (720p).mp4" type="video/mp4">
            Your browser does not support the video element.
        </video>
    </section>
    <section>
        <h2>Additional Details</h2>
        <table>
            <tr>
                <th>Education:</th>
                <td>Bachelor of Technology in Information Technology(Persuing) in VESIT</td>
            </tr>
            <tr>
                <th>Experience:</th>
                <td>1/2 years in web development</td>
            </tr>
        </table>
        <details>
            <summary>More Info</summary>
            <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum magnam quo itaque odio necessitatibus dicta commodi, assumenda ad corrupti eligendi quia, eum delectus excepturi ipsum eos rem quasi. Modi magni, officiis quidem esse similique repellat cum blanditiis rerum distinctio, consequuntur eaque minima? Aliquam quibusdam eveniet eaque pariatur error vitae ab.
            </p>
        </details>
    </section>
    <footer>
        <p>Contact: <a href="mailto:2021.sanchit.mhatre@ves.ac.in">2021.sanchit.mhatre@ves.ac.in</a></p>
        <p>Created on <time datetime="2023-07-23">July 23, 2023</time>.</p>
    </footer>
</body>
</html>