my_web/index.html at main · udarshcodes/my_web · 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Udarsh Goyal</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <nav class="navbar navbar-expand-lg navbar-dark">
        <div class="container">
            <a class="navbar-brand" href="#">Udarsh Goyal</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
                    <li class="nav-item"><a class="nav-link" href="#education">Education</a></li>
                    <li class="nav-item"><a class="nav-link" href="#skills">Skills</a></li>
                    <li class="nav-item"><a class="nav-link" href="#certifications">Certifications</a></li>
                    <li class="nav-item"><a class="nav-link" href="#contact">Let's Connect</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="hero">
        <h1>UDARSH GOYAL</h1>
    </div>

    <section id="about">
        <h2 class="section-title">About Me</h2>
        <div class="about-content">
            <p>I’m Udarsh Goyal, a passionate B.Tech CSE student with a deep interest in web development, Artificial Intelligence, and Machine Learning.</p>
            <p>Currently pursuing my Bachelor’s in Computer Science, I am fascinated by programming languages and emerging technologies to solve complex problems.</p>
            <p>My curiosity about how technology shapes the future motivates me to take on projects where I can apply my knowledge and contribute meaningfully.</p>
            <p>I’m always open to connecting with like-minded individuals and collaborating on impactful projects. Reach out to me at <b>udarshgoyal@gmail.com</b>.</p>
        </div>
    </section>

    <section id="education">
        <h2 class="section-title">Education</h2>
        <div class="education-item">
            <h3>Vellore Institute of Technology (VIT)</h3>
	    <li>Currently pursuing a comprehensive curriculum in Computer Science</li>
            <p><small>July 2025 – July 2029</small></p>
        </div>
        <div class="education-item">
            <h3>Harvard University</h3>
	    <li>CS50x: Introduction to Computer Science</li>
	    <li>CS50p: Introduction to Programming with Python</li>
            <p><small>May 2025 - July 2025</small></p>
        </div>
    </section>

    <section id="skills">
        <h2 class="section-title">Skills</h2>
        <div class="skill-category">
            <h4>Programming Languages</h4>
            <div>
                <span class="skill-badge">C</span>
                <span class="skill-badge">Python</span>
                <span class="skill-badge">CSS</span>
                <span class="skill-badge">JavaScript</span>
                <span class="skill-badge">HTML</span>
            </div>
        </div>
        <div class="skill-category">
            <h4>Frameworks & Libraries</h4>
            <div>
                <span class="skill-badge">Flask</span>
                <span class="skill-badge">Bootstrap</span>
            </div>
        </div>
        <div class="skill-category">
            <h4>Tools & Platforms</h4>
            <div>
                <span class="skill-badge">Git</span>
                <span class="skill-badge">GitHub</span>
                <span class="skill-badge">VS Code</span>
            </div>
        </div>
    </section>

    <section id="certifications">
        <h2 class="section-title">Licenses & Certifications</h2>
        <div class="certification-item">
            <h4>CS50x: Introduction to Computer Science</h4>
            <p>Harvard University</p>
            <p class="date">Issued: June 2025</p>
            <p>Gained foundational knowledge in algorithms, data structures, and software engineering.</p>
            <a href="https://cs50.harvard.edu/certificates/03151a38-8bcc-4fad-a62d-be78d665636f" target="_blank" class="btn btn-certificate">View Certificate</a>
        </div>
        <div class="certification-item">
            <h4>CS50p: Introduction to Programming with Python</h4>
            <p>Harvard University</p>
            <p class="date">Issued: July 2025</p>
            <p>Learned core programming concepts with Python, including functions, loops, and OOP.</p>
            <a href="https://cs50.harvard.edu/certificates/9e4da3bf-acdf-4c38-b286-2fa2353507ef" target="_blank" class="btn btn-certificate">View Certificate</a>
        </div>
        <div class="certification-item">
            <h4>Python (Basic) Certificate</h4>
            <p>HackerRank</p>
            <p class="date">Issued: July 2025</p>
            <p>Demonstrated proficiency in Python fundamentals through HackerRank’s certification assessment.</p>
            <a href="https://www.hackerrank.com/certificates/iframe/b1da9ee1971e" target="_blank" class="btn btn-certificate">View Certificate</a>
        </div>
    </section>

    <section id="contact">
        <h2 class="section-title">Let's Connect</h2>
        <div class="contact-item">
            <i class="bi bi-envelope contact-icon"></i>
            <div>udarshgoyal@gmail.com</div>
        </div>
        <div class="contact-item">
            <i class="bi bi-geo-alt contact-icon"></i>
            <div>Chennai, Tamil Nadu, India</div>
        </div>
        <div class="contact-item">
            <i class="bi bi-github contact-icon"></i>
            <a href="https://github.com/udarshcodes" target="_blank" class="text-white">github.com/udarshcodes</a>
        </div>
    </section>

    <footer>
        <p>&copy; 2025 Udarsh Goyal. All rights reserved.</p>
    </footer>

</body>
</html>