-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
312 lines (302 loc) · 15.7 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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=no">
<meta name="description" content="Visit my portfolio website, here you will know more about my professional life and the projects I make.">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
<link rel="apple-touch-icon" sizes="180x180" href="Assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="Assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="Assets/favicon/favicon-16x16.png">
<link rel="manifest" href="Assets/favicon/site.webmanifest">
<title>Atharva Patil: Portfolio</title>
</head>
<body onload="myFunction()">
<section id="loader" class="text-center">
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
<h4 class="pt-3"><b>LOADING</b></h4>
</section>
<div id="wrap">
<nav id="navbar" class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container ">
<div class="navbar-brand mb-0 h1"><a class="nav-link text-danger" aria-current="page" href="#"><b>Atharva
Patil</b></a></div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0 text-center">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="#About"><b>About</b></a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="#works"><b>Works</b></a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="#timeline"><b>Timeline</b></a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="#skills"><b>Skills</b></a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="#contact"><b>Contact</b></a>
</li>
</ul>
<div class="text-center">
<a class="nav-link" aria-current="page"
href="https://drive.google.com/file/d/1DPvl0yO9Gr00rYgSmjaJPkKDZdLIuh1z/view" target="_blank"
rel="noopener noreferrer"><button type="button" class="btn btn-danger px-4"><b>My Resume</b></button></a>
</div>
</div>
</div>
</nav>
<h1 id="changingText" class="text-lg-end text-start"><span class="text_1">Designer.</span><span
class="text_2">Analyst.</span><span class="text_3">Modeler.</span><span class="text_4">Engineer.</span></h1>
<header class="container">
<div class="row justify-content-around align-items-center p-2 section">
<div class="col-lg-5 ms-md-5">
<h4 class="text-danger">Hello!</h4>
<h1 class="sectionHeading"><b>I’m Atharva Patil,<br>mechanical engineer.</b></h1>
<h6 class="sectionInfo pb-3"><b>I provide professional-grade 3D mechanical design, documentation and product
simulation efficiently.</b></h6>
<a type="button" href="#works" class="btn btn-danger btn-lg px-4"><b>My Works</b></a>
<a type="button" href="#contact" class="btn btn-outline-danger btn-lg px-4"><b>Let's Talk</b></a>
</div>
<div class="col-lg-4 align-self-start align-self-lg-center">
<img src="Assets/images/Atharva Patil Home.png" class="img-fluid"
alt="Black Silhouette on Red Circular Background">
</div>
</div>
</header>
<section class="container">
<div id="About" class="row justify-content-around align-items-center p-2 section text-md-start text-center">
<div class="col-lg-6 ms-md-5">
<h1 class="sectionHeading text-danger"><b>About Me!</b></h1>
<div class="sectionInfo py-3">
<h6><b>I am a tireless seeker of knowledge. My love for cars has made me do mechanical engineering, so yeah!
You can call it a <span class="text-danger">driven passion</span>. The moment I realized things don't work as You wish, I started to
model objects that work as I wanted them to, funny but, eventually, it made <span class="text-danger">modeling</span> one of my
abilities, even learned <span class="text-danger">simulation.</span><br><br>I spend most of my time researching <span class="text-danger">car technologies</span>, so in the end,
I am an engineer with abilities to model and simulate a design using software like Solidworks, Matlab,
and Simulink, etc.</b></h6>
</div>
</div>
<div class="col-lg-4 p-5 align-self-start align-self-lg-center">
<img src="Assets/images/Athava Patil Own.png" class="img-fluid" alt="Atharva Patil">
</div>
</div>
</section>
<section id="works" class=" trial text-center">
<div class="triangle-up"></div>
<div class="inside">
<h4 class="text-danger mt-5 "><b>My Works</b></h4>
<h1 class="sectionHeading text-dark"><b>Recent works</b></h1>
<div class="tile-section">
<ul class="grid">
<li>
<div class="tile-box bg-img1">
<div class="overlay">
<div class="tile-txt">
<h3><b>URDF Robotic Arm</b></h3>
<hr>
<p class="pro-description1">
Used ROS and RVIZ for building a Simple Robotic Arm, learned about Its working, rigid body motion,
degrees of freedom, robot links & joints, and understood the usage of ROS in real-world industrial
applications.
</p>
</div>
</div>
</div>
</li>
<li>
<div class="tile-box bg-img2">
<div class="overlay">
<div class="tile-txt">
<h3><b>Nissan Leaf HVAC System</b></h3>
<hr>
<p class="pro-description1">
Modeled numerical model of Nissan’s Leaf HVAC system. The model carried out on the Simulation Tool
Scilab Xcos is based on the recently implemented HVAC system of the Car.HVAC’s purpose in a
vehicle is to clean, cool, heat, regulate, ventilate, and dehumidify the air entering the cabin,
depending on the operator’s inputs and electronic sensors.
</p>
</div>
</div>
</div>
</li>
<li>
<div class="tile-box bg-img3">
<div class="overlay">
<div class="tile-txt">
<h3><b>KTM Duke 390 ABS Unit</b></h3>
<hr>
<p class="pro-description1">
Modeled and simulated ABS numerical model of KTM DUKE 390 using Scilab and Xcos. I analyzed the
factors such as stopping distance without ABS, stopping distance with ABS, stopping distance at
various vehicle speeds, the Influence of vehicle mass on stopping distance, Studying brake
pressure at different conditions, and achieving the slip coefficient.
</p>
</div>
</div>
</div>
</li>
<li>
<div class="tile-box bg-img4">
<div class="overlay">
<div class="tile-txt">
<h3><b>Technical Report on Battery Management System</b></h3>
<hr>
<p class="pro-description1">
Worked on overview of common concepts for BMS hardware, starting with a collection of generic
requirements, for which, later on, implementation considerations were taken as an aspect for the
development of the sustainable environment by reducing the use of fossil fuel-consuming cars.
</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
<section id="timeline" class="container py-5 text-lg-center text-start">
<h4 class="text-danger">My Journey</h4>
<h1 class="sectionHeading mb-5"><b>Professional Timeline</b></h1>
<div class="timelineWrap">
<div class="timeline">
<div class="holder left">
<div class="timeline-content">
<h3 class="date">June 2021</h3>
<h5>Internship</h5>
<h2 class="text-danger">MODEL-BASED DESIGN(MBD)</h2>
<h2 class="company-name">Decibels labs Pvt Ltd.</h2>
<p>Worked on projects like the simulation of vehicle resistive forces on the F1 car, KTM ABS, NISSAN HVAC
to emphasize and develop simulation sense towards Model-Based Design</p>
</div>
</div>
<div class="holder right">
<div class="timeline-content">
<h3 class="date">May 2020</h3>
<h5>Training Internship</h5>
<h2 class="text-danger">Hybrid Electric Vechile(HEV)</h2>
<h2 class="company-name">Verzeo EduTech</h2>
<p>Learnt about working of the HEV and worked upon improving battery management system, hence wrote a
technical report on the same.</p>
</div>
</div>
<div class="holder left">
<div class="timeline-content">
<h3 class="date">May 2020</h3>
<h5>Group Project</h5>
<h2 class="text-danger">Autodesk Competition Program</h2>
<h2 class="company-name">MNIT, Jaipur</h2>
<p>It was a 2-day competition wherein they asked students to design and draft a 2-Pneumatic 6 Cylinder
Radial Engine in Autodesk Inventor, where I came in the top 5 among 100+ teams.</p>
</div>
</div>
<div class="holder right">
<div class="timeline-content">
<h3 class="date">Dec 19 - Sept 20 </h3>
<h5>Team Member</h5>
<h2 class="text-danger">SAE COLLEGIATE CLUB</h2>
<h2 class="company-name">MNIT, Jaipur</h2>
<p>We at the society of automotive engineers at MNIT venture to promote extensive engineering, designing
skills and fabrication dedicated to creating innovative solutions and advanced technologies in the field
of Automobiles.</p>
</div>
</div>
<div class="holder left">
<div class="timeline-content">
<h3 class="date">July 2019 - 2023(expected graduation)</h3>
<h5>Bachelor of Technology</h5>
<h2 class="text-danger">Mechanical Enginnering</h2>
<h2 class="company-name">
Malaviya National Institute of Technology Jaipur</h2>
<p>Ranked in the Top 2 percentile in JEE MAINS among 1.2 million Candidates </p>
</div>
</div>
</div>
</div>
</section>
<section id="skills">
<div id="skillsContent" class="container text-center">
<h4 class="text-danger">Technical Skills!</h4>
<h1 class="sectionHeading"><b>Tricks of my Trade</b></h1>
<div class="row row-cols-sm-3 row-cols-2 p-5">
<div class="indiSkill col"><img src="Assets/icons/Modelling.png" class="img-fluid" alt="Modelling">
<p>Modelling<br>SolidWorks | Inventor | fusion 360</p>
</div>
<div class="indiSkill col"><img src="Assets/icons/drafting.png" class="img-fluid" alt="Drafting">
<p>Drafting<br>AutoCAD</p>
</div>
<div class="indiSkill col"><img src="Assets/icons/simulation.png" class="img-fluid" alt="Simulation">
<p>Simulation<br>SolidWorks | Inventor | fusion 360</p>
</div>
<div class="indiSkill col"><img src="Assets/icons/programing.png" class="img-fluid" alt="Programming">
<p>Programming<br>c | c++ | matlab</p>
</div>
<div class="indiSkill col"><img src="Assets/icons/management.png" class="img-fluid" alt="Project Management">
<p>Project Management</p>
</div>
<div class="indiSkill col"><img src="Assets/icons/feedback.png" class="img-fluid"
alt="Receptiveness to Feedback">
<p>Receptiveness to Feedback</p>
</div>
</div>
</div>
</section>
<section id="contact" class="container">
<div class="row justify-content-around align-items-center p-2 section">
<div class="col-lg-5 ms-md-5">
<h4 class="text-danger">Work Inquiry</h4>
<h1 class="sectionHeading"><b>Let's work together
and I'll give my best!</b></h1>
<h6 id="directContact" class="sectionInfo py-3"><b>
<a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer"><img
src="Assets/icons/Mail.png" class="img-fluid" alt="Mail">[email protected]</a>
<br>
<a href="https://goo.gl/maps/tceT5nQiE9iVjVnb9" target="_blank" rel="noopener noreferrer"><img
src="Assets/icons/Location.png" class="img-fluid" alt="Location">Amravati, India</a>
</b></h6>
<div id="socialContact" class="mt-2">
<a href="https://www.linkedin.com/in/atharvampatil/" target="_blank" rel="noopener noreferrer"><img
src="Assets/icons/LinkedIn.png" class="img-fluid" alt="LinkedIn"></a>
<a href="https://www.instagram.com/atharva.patil1/" target="_blank" rel="noopener noreferrer"><img
src="Assets/icons/Instagram.png" class="img-fluid" alt="Instagram"></a>
<a href="https://www.facebook.com/atharva.patil.124" target="_blank" rel="noopener noreferrer"><img
src="Assets/icons/Facebook.png" class="img-fluid" alt="Facebook"></a>
<a href="https://twitter.com/Atharvapatil01" target="_blank" rel="noopener noreferrer"><img
src="Assets/icons/Twitter.png" class="img-fluid" alt="Twitter"></a>
</div>
</div>
<div class="col-lg-6 align-self-start align-self-lg-center">
<img src="Assets/images/Red Car.png" class="img-fluid" alt="Red Car Background">
</div>
</div>
</section>
<footer class="container-fluid px-3 my-3 text-center">
<div class="row justify-content-around">
<div class="col-md-3 text-md-start"><b>
Copyright © 2021 Atharva Patil.</b>
</div>
<div class="col-md-3 "><b>
Handcrafted with</b> <span id="heart">♥</span>
</div>
<div class="col-md-3 text-md-end"><b>
<a href="https://foliosyte.com/" target="_blank" rel="noopener noreferrer">Proudly by folioSyte Team</a></b>
</div>
</div>
</footer>
</div>
<script src="script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
</body>
</html>