-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
197 lines (187 loc) · 9.08 KB
/
index.html
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Personal Portfolio </title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/6cee04a973.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="header">
<div class="container">
<nav>
<ul id="sidemenu">
<li><a href="#header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
<i class="fas fa-solid fa-xmark" onclick="closemenu()"></i>
</ul>
<i class="fas fa-solid fa-bars" onclick="openmenu()"></i>
</nav>
<div class="header-text">
<p>Software Developer</p>
<h1><span>Jaydeep</span><br> Rokade</h1>
</div>
</div>
</div>
<div id="about">
<div class="container">
<div class="row">
<div class="about-col-1">
<img src="images/JAYPDF.jpeg">
</div>
<div class="about-col-2">
<h1 class="sub-tittle">About Me</h1>
<p>Experienced developer with a focus on creating innovative, user-friendly solutions. Skilled in optimizing
performance and leveraging the latest technologies across diverse projects. Proven leader with a strong
track record in managing teams, fostering collaboration, and communicating complex concepts effectively
to non-technical audiences. Intermediate in data structures and algorithms (DSA) with experience solving
250+ problems.</p>
<div class="tab-tittles">
<p class="tab-links action-link" onclick="opentab('skills')">Skills</p>
<p class="tab-links" onclick="opentab('experience')">Experience</p>
<p class="tab-links" onclick="opentab('education')">Education</p>
</div>
<div class="tab-contents active-tab" id="skills">
<ul>
<li><span>Programing languages:</span><br> C++, Python, JAVA, JavaScript.</li>
<li><span>Web Development</span><br> HTML, CSS, JavaScript, React.</li>
<li><span>Tools:</span><br> VSCode, Git, Jupyter Notebook, Eclipse</li>
<li><span>APIs:</span><br> Weather API, RESTful APIs</li>
<li><span>Libraries:</span><br> NumPy, pandas, NLTK (NLP)</li>
<li><span>Concepts:</span><br> OOP, CS Fundamentals, Agile Technology</li>
<li><span>Soft skills:</span><br> Leadership, Intellectual Curiosity, Communication, Responsibility.</li>
</ul>
</div>
<div class="tab-contents" id="experience">
<ul>
<li><span>Core team Core Member in GDSC</span><br>Great experience in managing the events and attending the workshop under different communitty mentors</li>
<li><span>Google Cloud Computing Workshop</span><br>Hands on experience on the gen-AI and cloud computing Labs </li>
<li><span>Participated in Hackathons And Tech Events</span><br>Attended various Tech events and some coding cultural events like hackathon. </li>
</ul>
</div>
<div class="tab-contents" id="education">
<ul>
<li><span>Present</span><br>Sinhgad institute of technology, Pune</li>
<li><span>2022</span><br>New Arts commerce and science college, Ahmednagar</li>
<li><span>2020</span><br>Sacred Heart Convent High school, Ahmednagar</li>
</ul>
</div>
</div>
</div>
</div>
</div>
// //<<<<,<!-------------------Services----------------->>>>>
<div id="services">
<div class="container">
<h1 class="sub-tittle">My Services</h1>
<div class="services-list">
<div>
<i class="fa-solid fa-code"></i>
<h2>Web Design</h2>
<p>Getting interests towards making some awesome and animated design templates</p>
<a href="#">Learn more</a>
</div>
<div>
<i class="fa-solid fa-crop"></i>
<h2>Mentor</h2>
<p>Mentored Multiple student for resolving there issuses which they were facing and provide resources</p>
<a href="#">Learn more</a>
</div>
<div>
<i class="fa-brands fa-app-store-ios"></i>
<h2>Freelancer</h2>
<p>Gained experience in FIVERR while doing freelance</p>
<a href="#">Learn more</a>
</div>
</div>
</div>
</div>
<!------------Portfolio--------------------->
<div id="portfolio">
<div class="container">
<h1 class="sub-tittle">My Work</h1>
<div class="work-list">
<div class="work">
<img src="images/work-1.png" alt="">
<div class="layer">
<h3>Weather Api App</h3>
<a href="#"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>
<div class="work">
<img src="images/work-2.png" alt="">
<div class="layer">
<h3>Responsive Restaurant land Page</h3>
<a href="#"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>
<div class="work">
<img src="images/work-3.png" alt="">
<div class="layer">
<h3>E-commerce Web App</h3>
<a href="#"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>
</div>
<a href="#" class="btn">See more</a>
</div>
</div>
<!--------------Contact------------->
<div id="contact">
<div class="container">
<div class="row">
<div class="contact-left">
<h1 class="sub-title">Contact Me</h1>
<p><i class="fa-solid fa-paper-plane"></i>[email protected]</p>
<p><i class="fa-solid fa-square-phone"></i>+917498390464</p>
<div class="social-icons">
<a href=""><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com/_jaydeep_rokade_?utm_source=qr&igsh=MTN5MGV6enpqeTNxYQ=="><i class="fa-brands fa-instagram"></i></a>
<a href=""><i class="fa-brands fa-linkedin"></i></a>
<a href=""><i class="fa-brands fa-twitter-square"></i></a>
</div>
<a href="images/cv.png" download class="btn btn2">Download Cv</a>
</div>
<div class="contact-rigth">
<form >
<input type="text" name="Name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your email" required>
<textarea name="Message" rows="6" placeholder="Your Message"></textarea>
<button type="submit" class="btn btn2">Submit</button>
</form>
</div>
</div>
</div>
<div class="copyright">
<p>Copyrigght @ jaydeep. Made with <i class="fa-solid fa-heart"></i> by Easy learnings</p>
</div>
</div>
<script>
let tablinks = document.getElementsByClassName("tab-links");
let tabcontents = document.getElementsByClassName("tab-contents");
function opentab(tabname){
for(tablink of tablinks){
tablink.classList.remove("action-link")
}
for(tabcontent of tabcontents){
tabcontent.classList.remove("active-tab")
}
event.currentTarget.classList.add("action-link");
document.getElementById(tabname).classList.add("active-tab");
}
</script>
<script>
var sidemenu = document.getElementById("sidemenu");
function openmenu(){
sidemenu.style.right="0";
}
function closemenu(){
sidemenu.style.right = "-200px";
}
</script>
</body>
</html>