-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
202 lines (154 loc) · 6 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
198
199
200
201
202
<!DOCTYPE html>
<html>
<head>
<title>Paritosh</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" />
<link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&family=Russo+One&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="default.css">
<link id="theme-style" rel="stylesheet" type="text/css" href="">
</head>
<body>
<section class="s1">
<div class="main-container">
<div class="greeting-wrapper">
<h1>Hi, I am Paritosh Wankhade</h1>
</div>
<div class="intro-wrapper">
<div class="nav-wrapper">
<!-- Link around dots-wrapper added after tutorial video -->
<a href="index.html">
<div class="dots-wrapper">
<div id="dot-1" class="browser-dot"></div>
<div id="dot-2" class="browser-dot"></div>
<div id="dot-3" class="browser-dot"></div>
</div>
</a>
<ul id="navigation">
<li><a href="index.html#contact">Contact</a></li>
</ul>
</div>
<div class="left-column">
<img id="profile_pic" src="images/paritosh.jpg">
<h5 style="text-align: center;line-height: 0;">Personalize Theme</h5>
<div id="theme-options-wrapper">
<div data-mode="light" id="light-mode" class="theme-dot"></div>
<div data-mode="blue" id="blue-mode" class="theme-dot"></div>
<div data-mode="green" id="green-mode" class="theme-dot"></div>
<div data-mode="purple" id="purple-mode" class="theme-dot"></div>
</div>
<p id="settings-note">Color settings will be saved for<br>your next vist to website</p>
</div>
<div class="right-column">
<div id="preview-shadow">
<div id="preview">
<div id="corner-tl" class="corner"></div>
<div id="corner-tr" class="corner"></div>
<h3>What I Do</h3>
<p>I am a final year undergraduate student at IIT Bhubaneswar, I enjoy Web development and solving mathematics problem.</p>
<div id="corner-br" class="corner"></div>
<div id="corner-bl" class="corner"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="s2">
<div class="main-container">
<div class="about-wrapper">
<div class="about-me">
<h4>More about me</h4>
<p>I solve Data Structures and Algorithm problem just to tickle my brain and love solving algorithm problems.</p>
<p>While I keep myself busy learning Data Strucutres and algorithms, In addition I also take part in Competitive programming contests at Codeforces and Codechef. <br><br>I also complete projects that interests me including real world problems and web technologies. </p>
<hr>
<h4>TOP EXPERTISE</h4>
<p>Web developer with primary focus on Django <br> <a target="_blank" href="resume.pdf">Download Resume</a></p>
<div id="skills">
<ul>
<li>C/C++</li>
<li>Python</li>
<li>Django</li>
<li>JavaScript</li>
</ul>
<ul>
<li>Git/Github</li>
<li>HTML</li>
<li>CSS</li>
<li>Adobe XD</li>
</ul>
</div>
</div>
<div class="social-links">
<img id="social_img" src="images/follow.jpg">
<h3>Find me on YouTube & Twitter</h3>
<a target="_blank" href="https://www.youtube.com/channel/UCbLqb77aB-YISdfJMtOqyDw">YouTube: @Paritosh Wankhade</a>
<br>
<a target="_blank" href="https://twitter.com/Paritosh_Coder">Twitter: @Paritosh_Coder</a>
<h3>Check My Competitive Programming journey</h3>
<a target="_blank" href="https://www.codechef.com/users/paritosh_21w">Codechef: @Paritosh_21w</a>
</div>
</div>
</div>
</section>
<section class="s1">
<div class="main-container">
<h3 style="text-align: center;">Some of my past projects</h3>
<div class="post-wrapper">
<div>
<div class="post">
<img class="thumbnail" src="images/sort.jpg">
<div class="post-preview">
<h6 class="post-title">Sorting Algorithms Visualizer</h6>
<p class="post-intro">The main aim of the project was the implementation of Sorting Algorithms <br>Includes generation of Random array and visualisation of various sorting algorithms including Merge Sort, Heap
sort, Bubble sort, etc.<br><a href="https://wpn10.github.io/Sorting-Algorithms/">Project Link</a></p>
<!--<a href="post.html">Read More</a>-->
</div>
</div>
</div>
<div>
<div class="post">
<img class="thumbnail" src="images/ht.jpg">
<div class="post-preview">
<h6 class="post-title">Extraction & Quantification of Information</h6>
<p class="post-intro">To find correlation with NASA’s GPM DPR level 2 data products with ISRO’s TERLS Trivandrum DWR data
products for reflectivity as the main factor by identifying overpasses <br><a href="https://github.com/wpn10/Extraction_and_quantification_of_information">Project Link</a></p>
<!--<a href="post.html">Read More</a>-->
</div>
</div>
</div>
<!--
<div>
<div class="post">
<img class="thumbnail" src="images/membership site.jpg">
<div class="post-preview">
<h6 class="post-title"></h6>
<p class="post-intro"></p>
<!--<a href="post.html">Read More</a>
</div>
</div>
</div> -->
</div>
</div>
</section>
<section class="s2">
<div class="main-container">
<a href=""></a>
<h3 style="text-align: center;">Get In Touch</h3>
<form id="contact-form">
<a name="contact"></a>
<label>Name</label>
<input class="input-field" type="text" name="name">
<label>Subject</label>
<input class="input-field" type="text" name="subject">
<label>Email</label>
<input class="input-field" type="text" name="email">
<label>Message</label>
<textarea class="input-field" name="message"></textarea>
<input id="submit-btn" type="submit" value="Send">
</form>
</div>
</section>
<script type="text/javascript" src="script.js"></script>
</body>
</html>