Skip to content

Commit 2400be9

Browse files
tsdebugtsdebug
authored
Added all files of Task 1 (Level 1)
1 parent 3cc297c commit 2400be9

6 files changed

Lines changed: 1419 additions & 0 deletions

File tree

‎Calculator.png‎

14.3 KB
Loading

‎Landing Page.png‎

1.03 MB
Loading

‎index.html‎

Lines changed: 226 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,226 @@
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>Portfolio</title>
8+
<link rel="shortcut icon" type="image/png" href="ic.png">
9+
<link rel="stylesheet" href='style.css'>
10+
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
11+
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
12+
13+
</head>
14+
<body>
15+
16+
<header class="header">
17+
18+
<a href="#" class="logo">Portfolio</a>
19+
<nav class="navbar" id="myLinks">
20+
<a href="#Home" style="--i:1" class="active" >Home</a>
21+
<a href="#About" style="--i:2">About</a>
22+
<a href="#Skills" style="--i:3">Skills</a>
23+
<a href="#Projects" style="--i:4">Projects</a>
24+
<a href="#Contact" style="--i:5">Contact</a>
25+
</nav>
26+
</header>
27+
28+
29+
<section class="home" id="Home">
30+
<div class="home-content">
31+
32+
<h3>Hello, It's Me</h3>
33+
<h1>Tanushree Shaw</h1>
34+
<h4 style="--i:6">I'm an Engineering student who is<br>
35+
passionate in <span class="text"></span></h4>
36+
37+
<div class="img">
38+
<img src="profile.avif" class="responsive">
39+
</div>
40+
41+
<div class="home-sci">
42+
<a href="https://www.linkedin.com/in/tanushree-shaw-50564a28a"style="--i:7" target="_blank"><i class='bx bxl-linkedin'></i></a>
43+
<a href="https://github.com/TanushreeShaw01"style="--i:10" target="_blank"><i class='bx bxl-github'></i></a>
44+
<a href=""style="--i:8" target="_blank"><i class='bx bxl-instagram' ></i></a>
45+
<a href=""style="--i:9" target="_blank"><i class='bx bxl-youtube'></i></a>
46+
</div>
47+
<a href="" style="--i:11" class="btn-box" target="_blank">Download Resume</a>
48+
</div>
49+
</section>
50+
51+
52+
<section>
53+
<div class="about" id="About">
54+
<div class="about-img">
55+
<img src="profile.avif" class="abt-res">
56+
</div>
57+
<div class="about-text">
58+
<h2>About <span>Me</span></h2>
59+
<p>I'm a Smart working engineering student in Computer Science and Engineering with specialisation in Data Science.
60+
I'm currently working on developing new skilles and sharpen my existing once. Along with my degree, I am trying to complete Python, SQL, Java, Cybersecurity courses and various technologies.
61+
It was during this project that I discovered that I am a team player.
62+
I am currently seeking roles where I can utilize my experience and skill.<br>
63+
<br>
64+
<a href="" style="--i:11" class="abtbtn-box" target="_blank">Download Resume</a>
65+
</p>
66+
</div>
67+
</div>
68+
</section>
69+
70+
71+
<section id="Skills">
72+
<h1 class="subtitle">My <span>Skills</span></h1>
73+
<div class="sec">
74+
<div class="container1">
75+
<h1 class="heading1">Technical Skills</h1>
76+
<div class="Technical-bars">
77+
78+
<div class="bar"><i class='bx bxl-html5' style="color: #6c9fec;"></i>
79+
<div class="info">
80+
<span>HTML <span class="addhtml"></span></span>
81+
</div>
82+
<div class="progress-line html">
83+
<span></span>
84+
</div>
85+
</div>
86+
87+
<div class="bar"><i class='bx bxl-css3' style="color: #f6f6f6;"></i>
88+
<div class="info">
89+
<span>CSS <span class="addcss"></span></span>
90+
</div>
91+
<div class="progress-line css">
92+
<span></span>
93+
</div>
94+
</div>
95+
96+
<div class="bar"><i class='bx bxl-python' style="color: #b0bc1e;"></i>
97+
<div class="info">
98+
<span>Python <span class="addpy"></span></span>
99+
</div>
100+
<div class="progress-line python">
101+
<span></span>
102+
</div>
103+
</div>
104+
105+
<div class="bar"><i class='bx bxl-java' style="color: #c95d2e;"></i>
106+
<div class="info">
107+
<span>Java <span class="addjava"></span></span>
108+
</div>
109+
<div class="progress-line java">
110+
<span></span>
111+
</div>
112+
</div>
113+
114+
<div class="bar"><i class='bx bxl-c-plus-plus'style="color: #3db2fc;"></i>
115+
<div class="info">
116+
<span>C/C++ <span class="addc"></span></span>
117+
</div>
118+
<div class="progress-line cpls">
119+
<span></span>
120+
</div>
121+
</div>
122+
123+
</div>
124+
</div>
125+
126+
<div class="container2">
127+
<h1 class="heading1">Professional Skills</h1>
128+
<div class="radial-bars">
129+
<div class="radial-bar">
130+
<svg x="0px" y="0px" viewBox="0 0 200 200">
131+
<circle class="progress-bar" cx="100" cy="80" r="80"></circle>
132+
<circle class="path path-1" cx="100" cy="80" r="80"></circle>
133+
</svg>
134+
<div class="percentage">60%</div>
135+
<div class="text">Problem Solving</div>
136+
</div>
137+
138+
<div class="radial-bar">
139+
<svg x="0px" y="0px" viewBox="0 0 200 200">
140+
<circle class="progress-bar" cx="100" cy="80" r="80"></circle>
141+
<circle class="path path-2" cx="100" cy="80" r="80"></circle>
142+
</svg>
143+
<div class="percentage">70%</div>
144+
<div class="text">Creativity</div>
145+
</div>
146+
147+
<div class="radial-bar">
148+
<svg x="0px" y="0px" viewBox="0 0 200 200">
149+
<circle class="progress-bar" cx="100" cy="80" r="80"></circle>
150+
<circle class="path path-3" cx="100" cy="80" r="80"></circle>
151+
</svg>
152+
<div class="percentage">80%</div>
153+
<div class="text">Communication</div>
154+
</div>
155+
156+
<div class="radial-bar">
157+
<svg x="0px" y="0px" viewBox="0 0 200 200">
158+
<circle class="progress-bar" cx="100" cy="80" r="80"></circle>
159+
<circle class="path path-4" cx="100" cy="80" r="80"></circle>
160+
</svg>
161+
<div class="percentage">90%</div>
162+
<div class="text">Teamwork</div>
163+
</div>
164+
</div>
165+
</div>
166+
</div>
167+
</section>
168+
169+
<section id="Projects">
170+
<div id="portfolio" class="services">
171+
<div class="main-text" id="serv">
172+
<h2>My <span>Projects</span></h2>
173+
<div class="serv-container">
174+
<div class="row">
175+
<img src="Calculator.png">
176+
<div class="layer">
177+
<h5>Calculator</h5>
178+
<p>A normal calcutalor for the everyday calculations by using html, css and javascript.</p>
179+
180+
<a href="#"><i class='bx bxs-face-mask' style="color: aliceblue;"></i></a>
181+
182+
</div>
183+
</div>
184+
185+
<div class="row">
186+
<img src="Landing Page.png">
187+
<div class="layer">
188+
<h5>Landing Page</h5>
189+
<p>A page where people are taken to of a website by using html and css.</p>
190+
191+
<a href="#"><i class='bx bx-desktop' style="color: aliceblue;"></i></a>
192+
193+
</div>
194+
</div>
195+
</div>
196+
</div>
197+
</div>
198+
</section>
199+
200+
201+
<section class="contacts" id="Contact">
202+
<div class="contact-text">
203+
<h2>Contact <span>Me</span></h2>
204+
<h4>Let's Work Together</h4>
205+
<div class="contact-list">
206+
<li><i class='bx bxs-send'></i>[email protected]</li>
207+
<li><i class="bx bxs-phone-call" ></i>8210565234</li>
208+
</div>
209+
<div class="contact-icons">
210+
<a href="https://github.com/TanushreeShaw01" target="_blank"><i class='bx bxl-github'></i></a>
211+
<a href="https://www.linkedin.com/in/tanushree-shaw-50564a28a" target="_blank"><i class="bx bxl-linkedin"></i></a>
212+
<a href=""><i class='bx bxl-youtube'></i></a>
213+
<a href="" target="_blank"><i class="bx bxl-instagram"></i></a>
214+
</div>
215+
</div>
216+
217+
</section>
218+
219+
<div class="last-text">
220+
<p>Developed by Tanushree <i class='bx bx-copyright' style="color: rgb(10, 1, 1);"></i> 2024</p>
221+
</div>
222+
<a href="#Home" class="top"><i class='bx bx-up-arrow-alt' ></i></a>
223+
224+
<script src="script.js"></script>
225+
</body>
226+
</html>

‎profile.avif‎

6.26 KB
Binary file not shown.

‎script.js‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
2+
var typed = new Typed(".text", {
3+
strings: ["Programming" , "Data Science" , "Web Development"],
4+
typeSpeed:100,
5+
backSpeed:100,
6+
backDelay:1000,
7+
loop:true
8+
});
9+
10+
11+
const toTop = document.querySelector(".top");
12+
window.addEventListener("scroll",() =>{
13+
if (window.pageYOffset > 100){
14+
toTop.classList.add("active");
15+
}
16+
else{
17+
toTop.classList.remove("active");
18+
}
19+
})

0 commit comments

Comments
 (0)