-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
189 lines (179 loc) · 11.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ankit Gadling</title>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<link rel="stylesheet" href="portfolio.css">
</head>
<body>
<header>
<div class="dark_mode_toggle" onclick="darkmode()">
<span id="darkmode" class="material-symbols-outlined">
light_mode
</span>
</div>
<div id="navigation" class="navigation">
<ul>
<li data-id="home">
<span class="material-symbols-outlined">
home
</span>
</li>
<li data-id="projects">
<span class="material-symbols-outlined">
work
</span>
</li>
<li data-id="about">
<span class="material-symbols-outlined">
person
</span>
</li>
<li data-id="contact">
<span class="material-symbols-outlined">
mail
</span>
</li>
</ul>
</div>
</header>
<main>
<section id="home">
<div class="homepage background">
<div class="image-container">
<img class="image" src="ankit_image.jpg" alt="Your Image">
</div>
<div class="info-container">
<h2 class="message">HEY, I'M ANKIT GADLING</h2>
<h4 class="info">I am a Software Developer</h4>
<button class="button" onclick="getInTouch()" href="">Get in Touch</button>
<a class="button"
href="https://drive.google.com/file/d/17f9xJuSHvDP9VtuDhjc31R1JgTH7Bz3E/view?usp=sharing"
target="_blank">Download Resume</a>
</div>
</div>
</section>
<section id="projects">
<div class="title">
<h1>PROJECTS</h1>
</div>
<div class="project-container">
<div class="project-box">
<div class="project-title">ARMEbookMart</div>
<img class="project-image" src="dashboard.jpeg" alt="ARMEbookMart">
<div class="button-container">
<a class="button" href="https://ankitgadling.co/" target="_blank">View Code</a>
<a class="button" href="https://ankitgadling.co/" target="_blank">Demo</a>
<a href="#" onclick="changeProject()" class="button" href="">Next Project</a>
</div>
</div>
<!-- Add more project boxes as needed -->
</div>
</section>
<section id="about">
<div class="container">
<div class="card">
<h2>Experience</h2>
<ul>
<li>
<strong>SIMMI FOUNDATION [Smart India Multi Management Institute] · Internship</strong> -
Python Development - Django<br>
<em>Mar 2023 - Jun 2023</em><br>Learned
Django Rest Framework for web development, collaborated effectively with team members, and
used Asana for task management, improving workflow and productivity.<br>
Skills: Django REST Framework · Django
</li>
<hr>
<li>
<strong>Baoiam Innovations Pvt Ltd · Internship</strong> -
Website Developer Intern<br>
<em>Jan 2023 - Apr 2023</em><br>Designed Various Web Pages: Constructed a range of web pages
to meet project demands, gradually enhancing my web development skills<br>
Skills: Web Development
</li>
<!-- Add more experience details as needed -->
</ul>
</div>
<div class="card">
<h2>Education</h2>
<ul>
<li>
<strong>Government College of Engineering Aurangabad</strong> - Master of Computer
Applications<br>
<em>Graduated: Jul 2023</em>
</li>
<hr>
<li>
<strong>Vinayak Vidnyan Mahavidyalaya</strong> - Bachelor of Science<br>
<em>Graduated: Oct 2021</em>
</li>
<!-- Add more education details as needed -->
</ul>
</div>
</div>
</section>
<section id="contact">
<div class="contact-container">
<h2>Send me a message</h2>
<form action="https://api.web3forms.com/submit" method="post" id="form">
<input type="hidden" name="access_key" value="6ae8bcaf-8b40-47a8-a65a-8f1b97257a7d">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" required></textarea>
<!-- <input type="hidden" name="redirect" value="http://127.0.0.1:5500/thanks.html"> -->
<button class="button" type="submit">Send Message</button>
<p id="result"></p>
</form>
<div class="social">
<a href="https://github.com/ankitgadling" target="_blank">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 20.5675C6.57143 21.7248 3.71429 20.5675 2 17" stroke="#141B34"
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M10 22V18.7579C10 18.1596 10.1839 17.6396 10.4804 17.1699C10.6838 16.8476 10.5445 16.3904 10.1771 16.2894C7.13394 15.4528 5 14.1077 5 9.64606C5 8.48611 5.38005 7.39556 6.04811 6.4464C6.21437 6.21018 6.29749 6.09208 6.31748 5.9851C6.33746 5.87813 6.30272 5.73852 6.23322 5.45932C5.95038 4.32292 5.96871 3.11619 6.39322 2.02823C6.39322 2.02823 7.27042 1.74242 9.26698 2.98969C9.72282 3.27447 9.95075 3.41686 10.1515 3.44871C10.3522 3.48056 10.6206 3.41384 11.1573 3.28041C11.8913 3.09795 12.6476 3 13.5 3C14.3524 3 15.1087 3.09795 15.8427 3.28041C16.3794 3.41384 16.6478 3.48056 16.8485 3.44871C17.0493 3.41686 17.2772 3.27447 17.733 2.98969C19.7296 1.74242 20.6068 2.02823 20.6068 2.02823C21.0313 3.11619 21.0496 4.32292 20.7668 5.45932C20.6973 5.73852 20.6625 5.87813 20.6825 5.9851C20.7025 6.09207 20.7856 6.21019 20.9519 6.4464C21.6199 7.39556 22 8.48611 22 9.64606C22 14.1077 19.8661 15.4528 16.8229 16.2894C16.4555 16.3904 16.3162 16.8476 16.5196 17.1699C16.8161 17.6396 17 18.1596 17 18.7579V22"
stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<a href="https://www.linkedin.com/in/ankitgadling/" target="_blank">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M4.5 9.5H4C3.05719 9.5 2.58579 9.5 2.29289 9.79289C2 10.0858 2 10.5572 2 11.5V20C2 20.9428 2 21.4142 2.29289 21.7071C2.58579 22 3.05719 22 4 22H4.5C5.44281 22 5.91421 22 6.20711 21.7071C6.5 21.4142 6.5 20.9428 6.5 20V11.5C6.5 10.5572 6.5 10.0858 6.20711 9.79289C5.91421 9.5 5.44281 9.5 4.5 9.5Z"
stroke="#141B34" stroke-width="1.5" />
<path
d="M6.5 4.25C6.5 5.49264 5.49264 6.5 4.25 6.5C3.00736 6.5 2 5.49264 2 4.25C2 3.00736 3.00736 2 4.25 2C5.49264 2 6.5 3.00736 6.5 4.25Z"
stroke="#141B34" stroke-width="1.5" />
<path
d="M12.326 9.5H11.5C10.5572 9.5 10.0858 9.5 9.79289 9.79289C9.5 10.0858 9.5 10.5572 9.5 11.5V20C9.5 20.9428 9.5 21.4142 9.79289 21.7071C10.0858 22 10.5572 22 11.5 22H12C12.9428 22 13.4142 22 13.7071 21.7071C14 21.4142 14 20.9428 14 20L14.0001 16.5001C14.0001 14.8433 14.5281 13.5001 16.0879 13.5001C16.8677 13.5001 17.5 14.1717 17.5 15.0001V19.5001C17.5 20.4429 17.5 20.9143 17.7929 21.2072C18.0857 21.5001 18.5572 21.5001 19.5 21.5001H19.9987C20.9413 21.5001 21.4126 21.5001 21.7055 21.2073C21.9984 20.9145 21.9985 20.4432 21.9987 19.5006L22.0001 14.0002C22.0001 11.515 19.6364 9.50024 17.2968 9.50024C15.9649 9.50024 14.7767 10.1531 14.0001 11.174C14 10.5439 14 10.2289 13.8632 9.995C13.7765 9.84686 13.6531 9.72353 13.505 9.63687C13.2711 9.5 12.9561 9.5 12.326 9.5Z"
stroke="#141B34" stroke-width="1.5" stroke-linejoin="round" />
</svg>
</a>
<!-- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.18182 10.3333C5.20406 10.3333 5 10.5252 5 11.4444V13.1111C5 14.0304 5.20406 14.2222 6.18182 14.2222H8.54545V20.8889C8.54545 21.8081 8.74951 22 9.72727 22H12.0909C13.0687 22 13.2727 21.8081 13.2727 20.8889V14.2222H15.9267C16.6683 14.2222 16.8594 14.0867 17.0631 13.4164L17.5696 11.7497C17.9185 10.6014 17.7035 10.3333 16.4332 10.3333H13.2727V7.55556C13.2727 6.94191 13.8018 6.44444 14.4545 6.44444H17.8182C18.7959 6.44444 19 6.25259 19 5.33333V3.11111C19 2.19185 18.7959 2 17.8182 2H14.4545C11.191 2 8.54545 4.48731 8.54545 7.55556V10.3333H6.18182Z"
stroke="#141B34" stroke-width="1.5" stroke-linejoin="round" />
</svg> -->
<a href="https://www.instagram.com/ankitgadling/" target="_blank">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z"
stroke="#141B34" stroke-width="1.5" stroke-linejoin="round" />
<path
d="M16.5 12C16.5 14.4853 14.4853 16.5 12 16.5C9.51472 16.5 7.5 14.4853 7.5 12C7.5 9.51472 9.51472 7.5 12 7.5C14.4853 7.5 16.5 9.51472 16.5 12Z"
stroke="#141B34" stroke-width="1.5" />
<path d="M17.5078 6.5L17.4988 6.5" stroke="#141B34" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</div>
</div>
</section>
</main>
</body>
<script src="main.js"></script>
</html>