-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
308 lines (291 loc) · 14.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
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
<!DOCTYPE html>
<!-- Created By TheGamingGod85 -->
<!-- TheGamingGod85 Aka Aayushya Lakkadwala -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aayushya Lakkadwala's Portfolio</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<meta http-equiv="refresh" content="0; url=https://thegaminggod85.web.app/">
</head>
<body>
<div class="scroll-up-btn">
<i class="fas fa-angle-up"></i>
</div>
<nav class="navbar">
<div class="max-width">
<div class="logo"><a href="#">Aayushya<span> Lakkadwala</span></a></div>
<ul class="menu">
<li><a href="#home" class="menu-btn">Home</a></li>
<li><a href="#about" class="menu-btn">About</a></li>
<li><a href="#skills" class="menu-btn">Skills</a></li>
<li><a href="#projects" class="menu-btn">Projects</a></li>
<li><a href="#teams" class="menu-btn">Team</a></li>
<li><a href="#contact" class="menu-btn">Contact Me</a></li>
</ul>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</div>
</nav>
<!-- home section start -->
<section class="home" id="home">
<div class="max-width">
<div class="home-content">
<div class="text-1">Hello, My Name is</div>
<div class="text-2">Aayushya Lakkadwala</div>
<div class="text-3">And I'm a <span class="typing"></span></div>
</div>
</div>
</section>
<!-- about section start -->
<section class="about" id="about">
<div class="max-width">
<h2 class="title">About Me</h2>
<div class="about-content">
<div class="column left">
<img src="images/profile-1.jpeg" alt="">
</div>
<div class="column right">
<div class="text">I'm Aayushya and I'm a <span class="typing-2"></span></div>
<p>Hey There!<br><br>
I'm Aayushya, a college student deeply passionate about editing and programming. My expertise spans video, photo, and audio editing using Adobe Creative Cloud, as well as programming in Python, Flutter (Dart), Java, C, C++, and SQL. I'm also proficient in web development (HTML/CSS/JavaScript) and have some familiarity with node.js.<br><br>
As a tech enthusiast, I stay updated with the latest trends and tools in these fields. Whether you need help enhancing your content or assistance with programming, feel free to reach out. Let's discuss your ideas and bring them to life!<br><br>
Beyond tech, I'm also a car enthusiast, adding an extra layer of excitement to my journey. 🚗💨<br><br>
In my free time, you can usually find me exploring new coding challenges or hitting the open road to fuel my passion for cars! 🛣️</p>
</div>
</div>
</div>
</section>
<!-- skills section start -->
<section class="skills" id="skills">
<div class="max-width">
<h2 class="title">My Skills</h2>
<div class="skills-content">
<div class="column left">
<div class="text">My creative skills.</div>
<p>As a creative enthusiast, I thrive on thinking outside the box and infusing fresh ideas into every project. Whether it's discovering the ideal photo angle or weaving unique visual effects into videos, I'm dedicated to injecting creativity into all my work.<br><br>
My programming passion also fuels my quest for innovative solutions to intricate challenges, crafting efficient and effective code tailored to your requirements. With a meticulous attention to detail and a commitment to innovation, I'm confident that I can assist you in transforming your creative vision into reality.</p>
</div>
<div class="column right">
<div class="bars">
<div class="info">
<span>Java</span>
<span>45%</span>
</div>
<div class="line java"></div>
</div>
<div class="bars">
<div class="info">
<span>C & C++</span>
<span>50%</span>
</div>
<div class="line c"></div>
</div>
<div class="bars">
<div class="info">
<span>Node.js</span>
<span>55%</span>
</div>
<div class="line node"></div>
</div>
<div class="bars">
<div class="info">
<span>Flutter & Dart</span>
<span>80%</span>
</div>
<div class="line dart"></div>
</div>
<div class="bars">
<div class="info">
<span>Web Devlopement (HTML, CSS, Javascript)</span>
<span>85%</span>
</div>
<div class="line web"></div>
</div>
<div class="bars">
<div class="info">
<span>SQL</span>
<span>85%</span>
</div>
<div class="line html"></div>
</div>
<div class="bars">
<div class="info">
<span>Python</span>
<span>90%</span>
</div>
<div class="line python"></div>
</div>
<div class="bars">
<div class="info">
<span>Adobe Creative Cloud</span>
<span>90%</span>
</div>
<div class="line creative"></div>
</div>
</div>
</div>
</div>
</section>
<!-- projects section start -->
<section class="projects" id="projects">
<div class="max-width">
<h2 class="title">My Projects</h2>
<div class="serv-content">
<div class="card">
<div class="box">
<i class="website"></i>
<div class="text">This Portfolio Website</div>
<a href="https://thegaminggod85.github.io/">
<button class="button">Go to Website</button>
</a>
</div>
</div>
<div class="card">
<div class="box">
<i class="minecraft"></i>
<div class="text">Mod for Minecraft</div>
<a href="https://www.curseforge.com/minecraft/mc-mods/advanced-god-armour">
<button class="button">See on CurseForge</button>
</a>
</div>
</div>
<div class="card">
<div class="box">
<i class="website"></i>
<div class="text">Website for Dr. Prashant Lakkadwala</div>
<a href="https://drprashantlakkadwala.web.app/">
<button class="button">Go to Website</button>
</a>
</div>
</div>
<div class="card">
<div class="box">
<i class="website"></i>
<div class="text">Website for Dr. UBS Chandrwat</div>
<a href="https://drubschandrawat.web.app/">
<button class="button">Go to Website</button>
</a>
</div>
</div>
<div class="card">
<div class="box">
<i class="website"></i>
<div class="text">Website for Dr. Suresh Jain</div>
<a href="https://drsureshjain.web.app/">
<button class="button">Go to Website</button>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- teams section start -->
<section class="teams" id="teams">
<div class="max-width">
<h2 class="title">My Team</h2>
<div class="carousel owl-carousel">
<div class="card">
<div class="box">
<img src="images/team/team-1.jpeg" alt="">
<div class="text">ToxTeer</div>
<p>Lends Me Textures For My Minecraft Mods.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="images/team/anon.jpeg" alt="">
<div class="text">Ansh Gupta</div>
<p>Helps Me By Giving Shitty Ideas And Concepts.</p>
</div>
</div>
</div>
</div>
</section>
<!-- contact section start -->
<section class="contact" id="contact">
<div class="max-width">
<h2 class="title">Contact Me</h2>
<div class="contact-content">
<div>
<div class="text">Get in Touch</div>
<p>Hey there!
Thanks a bunch for stopping by my website! 🌟 If you ever find yourself in a jam with your projects, feel free to shoot me a message. I'm just a click or tap away on any of my socials, which you can find below.</p>
<div class="icons">
<div class="row">
<i class="fas fa-user"></i>
<div class="info">
<div class="head">Name</div>
<div class="sub-title">Aayushya Lakkadwala</div>
</div>
</div>
<div class="row">
<i class="fas fa-map-marker-alt"></i>
<div class="info">
<div class="head">Address</div>
<div class="sub-title">Indore, Madhya Pradesh, India</div>
</div>
</div>
<div class="row">
<i class="fas fa-envelope"></i>
<div class="info">
<div class="head">Email</div>
<div class="sub-title">Aayushya.lakkadwala@Gmail.com</div>
</div>
</div>
<div>
<div class="wrapper">
<a class="button" href="patreon.com/AayushyaLakkadwala" target="_blank" style="color: black; text-decoration: none;">
<div class="icon">
<i class="fab fa-patreon"></i>
</div>
<span>Patreon</span>
</a>
<a class="button" href="https://twitter.com/god85_the" target="_blank" style="color: black; text-decoration: none;">
<div class="icon">
<i class="fab fa-twitter"></i>
</div>
<span>Twitter</span>
</a>
<a class="button" href="https://www.instagram.com/aayushya_root.arch/" target="_blank" style="color: black; text-decoration: none;">
<div class="icon">
<i class="fab fa-instagram"></i>
</div>
<span>Instagram</span>
</a>
<a class="button" href="https://github.com/TheGamingGod85" target="_blank" style="color: black; text-decoration: none;">
<div class="icon">
<i class="fab fa-github"></i>
</div>
<span>Github</span>
</a>
<a class="button" href="https://www.youtube.com/@thegaminggod8542" target="_blank" style="color: black; text-decoration: none;">
<div class="icon">
<i class="fab fa-youtube"></i>
</div>
<span>YouTube</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- footer section start -->
<footer>
<span>Created By <a href="https://TheGamingGod85.github.io">TheGamingGod85</a> | <span class="far fa-copyright"></span> 2023 All rights reserved.</span>
</footer>
<script src="script.js"></script>
</body>
</html>