Skip to content

Commit 9f43b82

Browse files
jdcodebasejdcodebase
committed
Portfolio
0 parents  commit 9f43b82

2 files changed

Lines changed: 529 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 170 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,170 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Jatin Dhamija</title>
7+
<link rel="stylesheet" href="style.css" />
8+
</head>
9+
<body>
10+
<!-- ================= NAVBAR ================= -->
11+
<header>
12+
<nav class="navbar">
13+
<h1 class="logo">JD</h1>
14+
15+
<ul class="menu">
16+
<li><a href="#home">Home</a></li>
17+
<li><a href="#about">About</a></li>
18+
<li><a href="#skills">Skills</a></li>
19+
<li><a href="#education">Education</a></li>
20+
<li><a href="#contact">Contact</a></li>
21+
</ul>
22+
</nav>
23+
</header>
24+
25+
<main>
26+
<!-- ================= HOME ================= -->
27+
<section id="home" class="hero">
28+
<h1 class="hero-title">
29+
Hi, I'm <span class="highlight">Jatin Dhamija</span>
30+
</h1>
31+
32+
<h2 class="hero-subtitle">Full Stack Developer</h2>
33+
34+
<p class="hero-text">
35+
I build modern, responsive websites and web applications using clean
36+
and efficient code. I enjoy turning ideas into real digital products
37+
that work smoothly across web and mobile devices.
38+
</p>
39+
</section>
40+
41+
<!-- ================= ABOUT ================= -->
42+
<section id="about" class="about">
43+
<h2 class="section-title">About Me</h2>
44+
45+
<p class="about-text">
46+
I’m Jatin Dhamija, a passionate Full Stack Developer who enjoys
47+
turning ideas into scalable, real-world applications. I focus on
48+
building clean, efficient, and user-centric solutions using modern web
49+
technologies.
50+
</p>
51+
52+
<p class="about-text">
53+
I work across the full stack — from designing responsive user
54+
interfaces to developing robust backend systems and APIs. I’ve built
55+
complete web applications and mobile solutions, always keeping
56+
performance, scalability, and code quality in mind.
57+
</p>
58+
59+
<p class="about-text">
60+
Problem-solving is at the core of my work. I believe in writing
61+
maintainable code, following best practices, and continuously
62+
improving through hands-on projects, learning new technologies, and
63+
building solutions that create real impact.
64+
</p>
65+
</section>
66+
67+
<!-- ================= SKILLS ================= -->
68+
<section id="skills" class="skills">
69+
<h2 class="section-title">Skills</h2>
70+
71+
<ul class="skills-list">
72+
<li class="skill-item">HTML</li>
73+
<li class="skill-item">CSS</li>
74+
<li class="skill-item">JavaScript</li>
75+
<li class="skill-item">React.js</li>
76+
<li class="skill-item">React Native</li>
77+
<li class="skill-item">Tailwind CSS</li>
78+
<li class="skill-item">NodeJS</li>
79+
<li class="skill-item">Express.js</li>
80+
<li class="skill-item">MongoDB</li>
81+
<li class="skill-item">SQL</li>
82+
<li class="skill-item">Cloud Firestore</li>
83+
<li class="skill-item">Git</li>
84+
<li class="skill-item">REST APIs</li>
85+
<li class="skill-item">DSA</li>
86+
</ul>
87+
</section>
88+
89+
<!-- ================= EDUCATION ================= -->
90+
<section id="education" class="education">
91+
<h2 class="section-title">Education</h2>
92+
93+
<ul class="edu-list">
94+
<!-- Graduation -->
95+
<li class="edu-item">
96+
<h3>
97+
Bachelor of Technology
98+
<span>(Computer Science & Engineering)</span>
99+
</h3>
100+
<p class="edu-institute">
101+
Panipat Institute of Engineering and Technology
102+
</p>
103+
<ul class="edu-details">
104+
<li class="edu-year">
105+
<time datetime="2019">2019</time> –
106+
<time datetime="2023">2023</time>
107+
</li>
108+
109+
<li class="edu-percent">72%</li>
110+
</ul>
111+
</li>
112+
113+
<!-- 12th -->
114+
<li class="edu-item">
115+
<h3>Senior Secondary <span>(12th)</span></h3>
116+
<p class="edu-institute">Arya Bal Bharti Public School</p>
117+
<ul class="edu-details">
118+
<li class="edu-year" datetime="2017-2018">2017-2018</li>
119+
</ul>
120+
</li>
121+
122+
<!-- 10th -->
123+
<li class="edu-item">
124+
<h3>Secondary School <span>(10th)</span></h3>
125+
<p class="edu-institute">Arya Bal Bharti Public School</p>
126+
<ul class="edu-details">
127+
<li class="edu-year" datetime="2015-2016">2015-2016</li>
128+
</ul>
129+
</li>
130+
</ul>
131+
</section>
132+
133+
<!-- ================= CONTACT ================= -->
134+
<section id="contact" class="contact">
135+
<h2 class="section-title">Contact</h2>
136+
137+
<form class="contact-form">
138+
<fieldset>
139+
<legend>Write Your Message</legend>
140+
141+
<label for="name">Name</label>
142+
<input type="text" id="name" placeholder="John Doe" />
143+
144+
<label for="email">Email</label>
145+
<input type="email" id="email" placeholder="johndoe@gmail.com" />
146+
147+
<label for="message">Message</label>
148+
<textarea
149+
id="message"
150+
rows="5"
151+
placeholder="Your Message"
152+
></textarea>
153+
154+
<button type="submit">Send</button>
155+
</fieldset>
156+
</form>
157+
</section>
158+
</main>
159+
160+
<!-- ================= FOOTER ================= -->
161+
<footer class="footer">
162+
<p>© JDCodebase <time datetime="2026">2026</time></p>
163+
164+
<nav aria-label="Footer social links">
165+
<a class="social-icon" href="#">LinkedIn</a>
166+
<a class="social-icon" href="#">GitHub</a>
167+
</nav>
168+
</footer>
169+
</body>
170+
</html>

0 commit comments

Comments
 (0)