-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
221 lines (162 loc) · 14.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="new lucky logo white.png" type="image/x-icon">
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> -->
<title>Lucky's Portfolio</title>
</head>
<body id="whole">
<div class="sidenav" id="sidenav">
<img src="images/right-arrow.png" alt="bak-to-main" id="back-img">
<a href="index.html">Home</a>
<a href="#About">About</a>
<a href="#skills">Skills</a>
<a href="#Work">Work</a>
<a href="#contact">Contact</a>
</div>
<header class="header" id="header">
<a href="index.html" ><img src="new lucky logo white.png" alt="my logo" class="logo" id="logo" onclick="mode()"></a>
<div class="navbar" id="navbar">
<a href="index.html">Home</a>
<a href="#About">About</a>
<a href="#skills">Skills</a>
<a href="#Work">Work</a>
<a href="#contact">Contact</a>
</div>
</header>
<section id="Home" >
<div class="pic">
<img src="images/20230423_140051[1].png" alt="pic" id="Home">
</div>
<div class="home-info">
<h4 >Hello I am</h4>
<h1 style="color: rgb(125, 102, 164);">Lucky Bhuskute</h1>
<h4>A Tech Enthusiast</h4>
</div>
</section>
<section id="About">
<div class="about">
<h1 >About Me</h1>
<h2 style="color: rgb(125, 102, 164);">Hi I'm Lucky Bhuskute,
</h2>
<p>I am currently in my sophomore year at the Indian Institute of Technology Delhi, where I am pursuing a Dual Degree in Chemical Engineering. My academic journey is complemented by a deep passion for technology. As a tech enthusiast, I actively seek opportunities to engage with cutting-edge advancements and explore the intersection of technology and chemical engineering.</p>
</div>
<div class="btn">
<button class="resume"><a href="Lucky's CV.pdf">Resume</a></button>
<button class="discuss" ><a href="mailto:[email protected]">Let's Talk</a></button>
</div>
</section>
<section id="skills">
<div class="skill-info">
<h1 >My Skills</h1>
<p>I excel in web development, with proficiency in JavaScript, HTML, and CSS. My programming skills extend to C++, Python, and React for creating dynamic and interactive applications. I also bring design flair using tools like Adobe Illustrator and Figma. In my academic pursuits, I've delved into advanced topics in Numerical Methods in Chemical Engineering, gaining insights into the application of machine learning in real-world problem-solving.</p>
</div>
<div class="skill-img">
<!-- <img src="images/skills new lucky.png " alt="lucky's skills" class="circle-skill"> -->
<!-- <img src="images/skillSet.png" alt="" class="square-skill" id="skill-img"> -->
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18.1778L16.6192 16.9222L17.2434 10.1444H9.02648L8.82219 7.88889H17.4477L17.6747 5.67778H6.32535L6.96091 12.3556H14.7806L14.5195 15.2222L12 15.8889L9.48045 15.2222L9.32156 13.3778H7.0517L7.38083 16.9222L12 18.1778ZM3 2H21L19.377 20L12 22L4.62295 20L3 2Z" fill="orange"></path></svg>
<p>HTML</p>
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5.00006 3L4.35006 6.34H17.9401L17.5001 8.5H3.92006L3.26006 11.83H16.8501L16.0901 15.64L10.6101 17.45L5.86006 15.64L6.19006 14H2.85006L2.06006 18L9.91006 21L18.9601 18L20.1601 11.97L20.4001 10.76L21.9401 3H5.00006Z" fill="skyblue"></path></svg>
<p>CSS</p>
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6ZM13.3344 16.055C14.0531 16.6343 14.7717 16.9203 15.4904 16.913C15.9304 16.913 16.2677 16.8323 16.5024 16.671C16.7297 16.517 16.8434 16.297 16.8434 16.011C16.8434 15.7177 16.7297 15.4683 16.5024 15.263C16.2677 15.0577 15.8241 14.8523 15.1714 14.647C14.3867 14.4197 13.7817 14.1263 13.3564 13.767C12.9384 13.4077 12.7257 12.9053 12.7184 12.26C12.7184 11.6513 12.9824 11.1417 13.5104 10.731C14.0237 10.3203 14.6801 10.115 15.4794 10.115C16.5941 10.115 17.4887 10.3863 18.1634 10.929L17.3934 12.128C17.1221 11.9153 16.8104 11.7613 16.4584 11.666C16.1064 11.556 15.7911 11.501 15.5124 11.501C15.1311 11.501 14.8267 11.5707 14.5994 11.71C14.3721 11.8493 14.2584 12.0327 14.2584 12.26C14.2584 12.5093 14.3977 12.722 14.6764 12.898C14.9551 13.0667 15.4317 13.2537 16.1064 13.459C16.9204 13.701 17.4997 14.0237 17.8444 14.427C18.1891 14.8303 18.3614 15.3437 18.3614 15.967C18.3614 16.605 18.1157 17.155 17.6244 17.617C17.1404 18.0717 16.4364 18.31 15.5124 18.332C14.3024 18.332 13.2904 17.969 12.4764 17.243L13.3344 16.055ZM7.80405 16.693C8.03872 16.8397 8.32105 16.913 8.65105 16.913C8.99572 16.913 9.28172 16.814 9.50905 16.616C9.73639 16.4107 9.85005 16.055 9.85005 15.549V10.247H11.3351V15.835C11.3131 16.7003 11.0637 17.3237 10.5871 17.705C10.3157 17.9323 10.0187 18.0937 9.69605 18.189C9.37339 18.2843 9.06172 18.332 8.76105 18.332C8.21105 18.332 7.72339 18.2367 7.29805 18.046C6.84339 17.8407 6.46205 17.4777 6.15405 16.957L7.18805 16.11C7.37872 16.3667 7.58405 16.561 7.80405 16.693Z" fill="yellow"></path></svg>
<p>JS</p>
</div>
<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.448 16.2394C13.8809 17.0412 13.2933 17.7714 12.7015 18.4146C14.3738 20.0375 15.9291 20.7975 16.792 20.2993C17.6549 19.8011 17.7744 18.0742 17.2051 15.8145C16.3521 16.0054 15.426 16.1492 14.448 16.2394ZM13.138 16.3265C12.7641 16.342 12.3845 16.3499 12.0003 16.3499C11.6161 16.3499 11.2365 16.342 10.8627 16.3265C11.2394 16.8188 11.6208 17.2749 12.0003 17.6905C12.3798 17.2749 12.7612 16.8188 13.138 16.3265ZM18.1787 8.43278C20.8434 9.19718 22.5837 10.4672 22.5837 11.9999C22.5837 13.5325 20.8434 14.8026 18.1787 15.567C18.8491 18.2569 18.6193 20.399 17.292 21.1653C15.9647 21.9316 13.9947 21.0595 12.0003 19.134C10.006 21.0595 8.03596 21.9316 6.70866 21.1653C5.38136 20.399 5.15158 18.2569 5.82195 15.567C3.15724 14.8026 1.41699 13.5325 1.41699 11.9999C1.41699 10.4672 3.15724 9.19718 5.82195 8.43278C5.15158 5.74288 5.38136 3.60075 6.70866 2.83443C8.03596 2.06811 10.006 2.94019 12.0003 4.86569C13.9947 2.94019 15.9647 2.06811 17.292 2.83443C18.6193 3.60075 18.8491 5.74288 18.1787 8.43278ZM17.2051 8.18527C17.7744 5.92558 17.6549 4.19865 16.792 3.70046C15.9291 3.20226 14.3738 3.96221 12.7015 5.58509C13.2933 6.2283 13.8809 6.95849 14.448 7.76031C15.426 7.85054 16.3521 7.99432 17.2051 8.18527ZM6.79554 15.8145C6.22624 18.0742 6.34577 19.8011 7.20866 20.2993C8.07155 20.7975 9.62688 20.0375 11.2992 18.4146C10.7073 17.7714 10.1197 17.0412 9.55262 16.2394C8.57467 16.1492 7.6485 16.0054 6.79554 15.8145ZM10.8627 7.67324C11.2365 7.65776 11.6161 7.64987 12.0003 7.64987C12.3845 7.64987 12.7641 7.65776 13.138 7.67324C12.7612 7.18096 12.3798 6.7248 12.0003 6.30922C11.6208 6.7248 11.2394 7.18096 10.8627 7.67324ZM9.55262 7.76031C10.1197 6.95849 10.7073 6.2283 11.2992 5.58509C9.62688 3.96221 8.07155 3.20226 7.20866 3.70046C6.34577 4.19865 6.22624 5.92558 6.79554 8.18527C7.6485 7.99432 8.57467 7.85054 9.55262 7.76031ZM13.8939 15.2797C14.2395 14.7728 14.5772 14.2366 14.9015 13.6749C15.2258 13.1131 15.5213 12.5526 15.7875 11.9999C15.5213 11.4471 15.2258 10.8866 14.9015 10.3249C14.5772 9.76311 14.2395 9.22694 13.8939 8.72005C13.2821 8.6742 12.649 8.64987 12.0003 8.64987C11.3517 8.64987 10.7185 8.6742 10.1067 8.72005C9.76112 9.22694 9.42347 9.76311 9.09914 10.3249C8.77481 10.8866 8.4793 11.4471 8.21312 11.9999C8.4793 12.5526 8.77481 13.1131 9.09914 13.6749C9.42347 14.2366 9.76112 14.7728 10.1067 15.2797C10.7185 15.3255 11.3517 15.3499 12.0003 15.3499C12.649 15.3499 13.2821 15.3255 13.8939 15.2797ZM15.1785 15.1484C15.7932 15.0683 16.3789 14.9661 16.9286 14.8452C16.7584 14.3087 16.5541 13.7504 16.3161 13.178C16.1426 13.5095 15.9596 13.8421 15.7675 14.1749C15.5754 14.5076 15.3788 14.8324 15.1785 15.1484ZM8.82218 8.85133C8.20747 8.93147 7.62174 9.03367 7.07208 9.15454C7.24223 9.691 7.44659 10.2494 7.68454 10.8218C7.85806 10.4903 8.04101 10.1576 8.23311 9.82487C8.42522 9.49212 8.62185 9.16736 8.82218 8.85133ZM7.07208 14.8452C7.62174 14.9661 8.20747 15.0683 8.82218 15.1484C8.62185 14.8324 8.42522 14.5076 8.23311 14.1749C8.04101 13.8421 7.85806 13.5095 7.68454 13.178C7.44659 13.7504 7.24223 14.3087 7.07208 14.8452ZM6.09439 14.6C6.35551 13.7659 6.69407 12.8919 7.10491 11.9999C6.69407 11.1078 6.35551 10.2339 6.09439 9.39969C3.85279 10.0365 2.41699 11.0035 2.41699 11.9999C2.41699 12.9962 3.85279 13.9632 6.09439 14.6ZM16.9286 9.15454C16.3789 9.03367 15.7932 8.93147 15.1785 8.85133C15.3788 9.16736 15.5754 9.49212 15.7675 9.82487C15.9596 10.1576 16.1426 10.4903 16.3161 10.8218C16.5541 10.2494 16.7584 9.691 16.9286 9.15454ZM17.9063 9.39969C17.6451 10.2339 17.3066 11.1078 16.8957 11.9999C17.3066 12.8919 17.6451 13.7659 17.9063 14.6C20.1479 13.9632 21.5837 12.9962 21.5837 11.9999C21.5837 11.0035 20.1479 10.0365 17.9063 9.39969ZM12.0003 13.879C10.9625 13.879 10.1212 13.0377 10.1212 11.9999C10.1212 10.962 10.9625 10.1207 12.0003 10.1207C13.0382 10.1207 13.8795 10.962 13.8795 11.9999C13.8795 13.0377 13.0382 13.879 12.0003 13.879Z" fill="#00d8ff"></path></svg>
<p>REACT</p>
</div>
<div >
<img src="images/python.png" alt="" class="img-skill">
<p>PYTHON</p>
</div>
<div >
<img src="images/figma.png" alt="" class="img-skill">
<p>FIGMA</p>
</div>
<div>
<img src="images/illustrator.png" alt="" class="img-skill">
<p>ADOBE</p>
</div>
<div>
<img src="images/c-.png" alt="" class="img-skill">
<p>C++</p>
</div>
</div>
</section>
<section id="skill-design">
<div></div>
<div></div>
</section>
<section id="Work">
<h1>My Work</h1>
<div class="Work">
<div class="work-even">
<div class="work-img">
<a href="https://codehub19.github.io/myHulu/"><img src="images/hulu clone.png" alt="" class="w-pic"></a>
</div>
<div class="work-info">
<h4 style="color: rgb(125, 102, 164);">Hulu Clone</h4>
<p>My Hulu-inspired website, meticulously crafted with HTML, CSS, and JavaScript. Enjoy a seamless streaming experience with a user-friendly interface. </p>
</div>
</div>
<div class="work-odd ">
<div class="work-img">
<a href="https://github.com/codehub19/unlimited_Integers"><img src="images/unlimited integers project.png" alt="" class="w-pic"></a>
</div>
<div class="work-info">
<h4 style="color:rgb(125, 102, 164);">Unlimited Integers</h4>
<p>In this C++ endeavor, I redefine mathematical operations, handling unlimited integer lengths seamlessly using arrays. Experience precision like never before.</p>
</div>
</div>
<div class="work-even">
<div class="work-img">
<a href="Term_Paper on numerical methods.pdf"><img src="images/term paper.png" alt="" class="w-pic"></a>
</div>
<div class="work-info">
<h4 style="color: rgb(125, 102, 164);">Term Paper on Numerical Methods</h4>
<p>Explore the application of numerical methods in our term paper project. Uncover the efficiency and precision of advanced mathematical techniques.</p>
</div>
</div>
<div class="work-odd ">
<div class="work-img">
<a href="#"><img src="images/forniture Ecommerse.png" alt="" class="w-pic"></a>
</div>
<div class="work-info">
<h4 style="color: rgb(125, 102, 164);">Furniture E-commerse Website</h4>
<p> Harnessing the capabilities of JavaScript and dynamic DOM manipulation, I'm crafting an immersive and interactive shopping experience. </p>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="contact">
<div class="basic" id="contact">
<h2>Contact :</h2>
<p>Jwalamukhi Hostel - IIT Delhi,
Hauz Khas, South Delhi-110016</p>
<a href="mailto:[email protected]" class="mail">[email protected] </a>
</div>
<div class="social">
<ul class="social-icons">
<li><a href="https://instagram.com/lucky_bhuskute_?igshid=OGQ5ZDc2ODk2ZA==" target="_blank"><img src="images/instagram.png" alt="instagram" ></a></li>
<li><a href="https://twitter.com/luckybhuskute " target="_blank"><img src="images/twitter (1).png" alt="twitter" target="_blank"></a></li>
<li><a href="https://www.linkedin.com/in/lucky-bhuskute-8877a2248?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app" target="_blank">
<img src="images/linkedin.png" alt="linkedin"></a></li>
<li><a href="#" target="_blank"><img src="images/facebook.png" alt="facebook" target="_blank"></a></li>
<li><a href="https://github.com/codehub19" target="_blank"><img src="images/outline.png" alt="github" target="_blank"></a></li>
</ul>
</div>
<h6>©All rights reserved.</h6>
</div>
</footer>
<script src="script.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> -->
</body>
</html>