Skip to content

Commit 9d21f08

Browse files
RounakMishra06RounakMishra06
authored
Create index.html
1 parent 937bd1f commit 9d21f08

File tree

1 file changed

+173
-0
lines changed

1 file changed

+173
-0
lines changed

‎index.html

+173
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,173 @@
1+
<!DOCTYPE html>
2+
3+
<html lang="en">
4+
5+
<head>
6+
7+
<meta charset="UTF-8">
8+
9+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
10+
11+
<title>My Portfolio</title>
12+
13+
<link rel="stylesheet" href="style.css">
14+
15+
</head>
16+
17+
<body>
18+
19+
<div id="header">
20+
21+
<div class="container">
22+
23+
<nav>
24+
25+
<img src="" alt="">
26+
27+
28+
29+
<ul>
30+
31+
<li><a href="#">Home</a></li>
32+
33+
<li><a href="#">About</a></li>
34+
35+
<li><a href="#">Portfolio</a></li>
36+
37+
<li><a href="#">Project</a></li>
38+
39+
<li><a href="#">Contact</a></li>
40+
41+
</ul>
42+
43+
</nav>
44+
45+
<div id="header-content">
46+
47+
<div id="header-text">
48+
49+
<h1 id="heading-name">Hi, I'm <span>Rounak Mishra</span></h1>
50+
51+
<p id="paragraph">Frontend Developer</p>
52+
53+
<button><a href="#">Hire Me!</a></button>
54+
55+
<button><a href="#">Download Resume</a></button>
56+
57+
</div>
58+
59+
<img id="header-image" src="Profile photo.jpg" alt="profile photo">
60+
61+
</div>
62+
63+
</div>
64+
65+
</div>
66+
67+
<div id="about">
68+
69+
<div class="container">
70+
71+
<div class="row">
72+
73+
<div class="about-col-1">
74+
75+
<img src="Profile photo.jpg" alt="">
76+
77+
</div>
78+
79+
<div class="about-col-2">
80+
81+
<h1 class="sub-title">About Me</h1>
82+
83+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit tenetur quod commodi perferendis vel ad repellat, culpa officiis soluta illum laudantium odit iusto dolores voluptatum mollitia nisi cum ex aliquid!
84+
85+
Blanditiis sunt perferendis corrupti sed minus odit ex error, delectus accusantium tempore dolor quasi suscipit voluptates iusto molestiae placeat porro dolores excepturi nostrum cupiditate ab minima vero. Eveniet, non odio?</p>
86+
87+
<div class="tab-titles">
88+
89+
<p class="tab-links active-link" onclick="opentab('skills')">Education</p>
90+
91+
<p class="tab-links" onclick="opentab('education')">Skills</p>
92+
93+
<p class="tab-links" onclick="opentab('experience')">Experience</p>
94+
95+
</div>
96+
97+
<div class="tab-contents" id="education">
98+
99+
<ul>
100+
101+
<li><span>Programming Language</span><br>Python, C, & Java</li>
102+
103+
<li><span>Fronted Development</span><br>HTML5, CSS, & Javascript</li>
104+
105+
</ul>
106+
107+
</div>
108+
109+
<div class="tab-contents active-tab" id="skills">
110+
111+
<ul>
112+
113+
<li><span>B.Tech CSE (Galgotias University)</span><br>Session:- 2023-27</li>
114+
115+
<li><span>12th (R.N College)</span><br>Grade:- 84%<br>Session:- 2021-23</li>
116+
117+
<li><span>10th (S.D.S High School)</span><br>Grade:- 81%<br>Session:-2020-21</li>
118+
119+
</ul>
120+
121+
</div>
122+
123+
<div class="tab-contents" id="experience">
124+
125+
<ul>
126+
127+
<li>No Any Experience</li>
128+
129+
</ul>
130+
131+
</div>
132+
133+
</div>
134+
135+
</div>
136+
137+
</div>
138+
139+
</div>
140+
141+
<script>
142+
143+
var tablinks=document.getElementsByClassName("tab-links");
144+
145+
var tabcontents=document.getElementsByClassName("tab-contents");
146+
147+
function opentab(tabname){
148+
149+
for(tablink of tablinks){
150+
151+
tablink.classList.remove("active-link");
152+
153+
}
154+
155+
for(tabcontent of tabcontents){
156+
157+
tabcontent.classList.remove("active-tab");
158+
159+
}
160+
161+
event.currentTarget.classList.add("active-link");
162+
163+
document.getElementById(tabname).classList.add("active-tab");
164+
165+
}
166+
167+
</script>
168+
169+
170+
171+
</body>
172+
173+
</html>

0 commit comments

Comments
 (0)