Skip to content

Commit 94ccd5d

Browse files
Alex342115Alex342115
authored
Add files via upload
0 parents  commit 94ccd5d

File tree

10 files changed

+687
-0
lines changed

10 files changed

+687
-0
lines changed

‎Task#1/Folder/1.png

36.1 KB
Loading

‎Task#1/Folder/CV.pdf

112 KB
Binary file not shown.

‎Task#1/Folder/photo.png

25.1 KB
Loading

‎Task#1/index.html

+179
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,179 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Personal Portfolio Website</title>
8+
<link rel="stylesheet" href="style.css" />
9+
<script
10+
src="https://kit.fontawesome.com/1230488039.js"
11+
crossorigin="anonymous"
12+
></script>
13+
</head>
14+
15+
<body>
16+
<div id="header">
17+
<div class="container">
18+
<nav>
19+
<h1 id="head">
20+
<span tabindex="0" data-="Your image or text goes here!"
21+
>PORTFOLIO</span
22+
>
23+
</h1>
24+
<!-- <img src="./Golden Phoenix.png" class="logo" /> -->
25+
<ul>
26+
<li><a href="#header">Home</a></li>
27+
<li><a href="#about">About</a></li>
28+
<li><a href="#contact">Contact</a></li>
29+
</ul>
30+
</nav>
31+
<div class="header-text">
32+
<p>Front End Developer</p>
33+
34+
<h1>Hi, Nice to meet you.<br />I am <span>Ankur Nigam</span></h1>
35+
</div>
36+
</div>
37+
</div>
38+
<!----------------------------------------About Section---------------------------------------->
39+
40+
<div id="about">
41+
<div class="container">
42+
<div class="row">
43+
<div class="about-col-1">
44+
<img src="./Folder/photo.png" alt="DP" />
45+
</div>
46+
<div class="about-col-2">
47+
<h1 class="sub-title">About Me</h1>
48+
<p class="description">
49+
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus
50+
odio aut inventore dolor non ad omnis assumenda rem est nisi
51+
cupiditate enim, id obcaecati velit sed nesciunt cumque odit
52+
placeat consequatur dicta. Sequi est ullam quod, qui quia nulla
53+
perspiciatis, nisi hic tenetur cumque amet assumenda error maxime
54+
tempore dolorem!
55+
</p>
56+
<div class="tab-titles">
57+
<p class="tab-links active-links" onclick="opnetab('skills')">
58+
Skills
59+
</p>
60+
<p class="tab-links" onclick="opnetab('project')">Project</p>
61+
<p class="tab-links" onclick="opnetab('education')">Education</p>
62+
</div>
63+
64+
<div class="tab-contents active-tab" id="skills">
65+
<ul>
66+
<li>
67+
<span>Front-End Developer</span><br />Lorem ipsum dolor sit
68+
amet consectetur adipisicing elit.
69+
</li>
70+
<li>
71+
<span>Competitive Programmer</span><br />Lorem ipsum dolor sit
72+
amet consectetur adipisicing elit.
73+
</li>
74+
<li>
75+
<span>C/C++</span><br />Lorem ipsum dolor sit amet consectetur
76+
adipisicing elit.
77+
</li>
78+
<li>
79+
<span>Java</span><br />Lorem ipsum dolor sit amet consectetur
80+
adipisicing elit.
81+
</li>
82+
</ul>
83+
</div>
84+
<div class="tab-contents" id="project">
85+
<ul>
86+
<li>
87+
<span>Typeracer</span><br />Lorem ipsum dolor sit amet
88+
consectetur adipisicing elit.
89+
</li>
90+
<li>
91+
<span>Calculator</span><br />Lorem ipsum dolor sit amet
92+
consectetur adipisicing elit.
93+
</li>
94+
<li>
95+
<span>Portfolio</span><br />Lorem ipsum dolor sit amet
96+
consectetur adipisicing elit.
97+
</li>
98+
</ul>
99+
</div>
100+
<div class="tab-contents" id="education">
101+
<ul>
102+
<li>
103+
<span>High School</span><br />Lorem ipsum dolor sit amet
104+
consectetur adipisicing elit.
105+
</li>
106+
<li>
107+
<span>Senior Secondary School</span><br />Lorem ipsum dolor
108+
sit amet consectetur adipisicing elit.
109+
</li>
110+
<li>
111+
<span>College</span><br />Lorem ipsum dolor sit amet
112+
consectetur adipisicing elit.
113+
</li>
114+
</ul>
115+
</div>
116+
117+
<button class="resume btn">
118+
<a href="./Folder/CV.pdf" download>Download CV</a>
119+
</button>
120+
</div>
121+
</div>
122+
</div>
123+
</div>
124+
125+
<!------------------------------------------Contact me---------------------------------------->
126+
<div id="contact">
127+
<div class="container">
128+
<div class="row">
129+
<div class="contact-left">
130+
<h1 class="sub-title">Contact Me</h1>
131+
<p><i class="fa-solid fa-at"></i>[email protected]</p>
132+
<p><i class="fa-solid fa-phone"></i>1234567890</p>
133+
<div class="social-icon">
134+
<p class="socials">Connect with me:-</p>
135+
<a href="https://www.facebook.com" target="_blank"
136+
><i class="fa-brands fa-facebook-f"></i
137+
></a>
138+
<a href="https://www.linkedin.com" target="_blank"
139+
><i class="fa-brands fa-linkedin-in"></i
140+
></a>
141+
<a href="https://www.instagram.com" target="_blank"
142+
><i class="fa-brands fa-instagram-square"></i
143+
></a>
144+
<a href="https://www.twitter.com" target="_blank"
145+
><i class="fa-brands fa-twitter"></i
146+
></a>
147+
</div>
148+
</div>
149+
150+
<div class="contact-right">
151+
<form>
152+
<p class="dets">Name:-</p>
153+
<input type="text" name="Name" placeholder="Your Name" required />
154+
<p class="dets">Email:-</p>
155+
<input
156+
type="email"
157+
name="Email"
158+
placeholder="Your Email"
159+
required
160+
/>
161+
<p class="dets">Message:-</p>
162+
<textarea
163+
name="message"
164+
placeholder="Your message"
165+
cols="30"
166+
rows="6"
167+
></textarea>
168+
<button type="submit" class="btn btn2">Submit</button>
169+
</form>
170+
</div>
171+
</div>
172+
</div>
173+
<div class="copyright">
174+
<p>Copyright © Ankur.All rights reserved.</p>
175+
</div>
176+
</div>
177+
<script src="./script.js"></script>
178+
</body>
179+
</html>

‎Task#1/script.js

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
var tablinks = document.getElementsByClassName("tab-links");
2+
var tabcontents = document.getElementsByClassName("tab-contents");
3+
4+
function opnetab(tabname) {
5+
for (tablink of tablinks) {
6+
tablink.classList.remove("active-links");
7+
}
8+
for (tabcontent of tabcontents) {
9+
tabcontent.classList.remove("active-tab");
10+
}
11+
12+
event.currentTarget.classList.add("active-links");
13+
document.getElementById(tabname).classList.add("active-tab");
14+
}

0 commit comments

Comments
 (0)