-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
138 lines (131 loc) · 5.7 KB
/
index.html
File metadata and controls
138 lines (131 loc) · 5.7 KB
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
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Personal Website</title>
<link rel="stylesheet" href="css/styles.css">
<script src="js/tracking.js" defer></script>
<script src="js/text-analyzer.js" defer></script>
<script src="js/theme-switcher.js" defer></script>
</head>
<body>
<header>
<nav>
<div class="logo">My Portfolio</div>
<ul class="nav-links">
<li><a href="#about">About</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#skills">Skills</a></li>
</ul>
</nav>
</header>
<main>
<!-- About Section -->
<section id="about" class="about-section">
<div class="container">
<h1>About Me</h1>
<div class="about-content">
<div class="profile-image">
<img src="images/profile.jpg" alt="My Profile Picture">
</div>
<div class="about-text">
<p>Hello! I'm a computer science student passionate about software development and problem-solving. I enjoy working on creative projects that combine technical skills with innovative thinking. When I'm not coding, you can find me playing online, working out in the gym, or experimenting with new cooking recipes.</p>
</div>
</div>
<h2>My Birthplace</h2>
<p>Hyderabad</p>
<div class="birthplace-gallery">
<div class="gallery-item">
<img src="images/birthplace1.jpg" alt="Birthplace Image 1">
</div>
<div class="gallery-item">
<img src="images/birthplace2.jpg" alt="Birthplace Image 2">
</div>
</div>
</div>
</section>
<!-- Education Section -->
<section id="education" class="education-section">
<div class="container">
<h1>Education & Achievements</h1>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-date">2024 - Present</div>
<div class="timeline-content">
<h3>Bachelor of Technology in Computer Science at IIIT-Hyderabad</h3>
<p>Currently pursuing my B.Tech at IIIT-Hyderabad with focus on Quantum Computing.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2021 - 2023</div>
<div class="timeline-content">
<h3>Higher Secondary Education</h3>
<p>Graduated with 95.2% score</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2019 - 2021</div>
<div class="timeline-content">
<h3>Secondary Education</h3>
<p>Graduated with perfect GPA</p>
</div>
</div>
</div>
<div class="achievements">
<h2>Achievements</h2>
<div class="achievements-gallery">
<div class="achievement-item">
<div class="achievement-content">
<h3>Spell-Bee Nationals</h3>
<p>Competed in the Spell-Bee nationals (2018)</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Skills Section -->
<section id="skills" class="skills-section">
<div class="container">
<h1>Technical Skills</h1>
<div class="skills-container">
<div class="skill-category">
<h3>Expert Level</h3>
<div class="skill-list">
<div class="skill-item">C/C++</div>
<div class="skill-item">Qiskit</div>
<div class="skill-item">X86-64 Assembly Coding</div>
</div>
</div>
<div class="skill-category">
<h3>Intermediate Level</h3>
<div class="skill-list">
<div class="skill-item">Git and Version control</div>
<div class="skill-item">Python</div>
<div class="skill-item">SQL</div>
</div>
</div>
<div class="skill-category">
<h3>Beginner Level</h3>
<div class="skill-list">
<div class="skill-item">HTML</div>
<div class="skill-item">JavaScript</div>
<div class="skill-item">CSS</div>
</div>
</div>
</div>
<div class="resume-download">
<h2>Download My CV</h2>
<a href="assets/cv.pdf" download class="download-btn">Download PDF</a>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<p>© 2025 My Personal Website.</p>
</div>
</footer>
</body>
</html>