Hugging Face's logo

Spaces:
Shivangsinha
/
shivangsinha
Running

App Files Community
Shivangsinha commited on
Commit
ff4bcd1
·
verified ·
1 Parent(s): d26a87d

undefined - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +546 -18
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Shivangsinha
3
- emoji: 👀
4
- colorFrom: blue
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: shivangsinha
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,547 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Shivang Sinha | Generative AI Engineer</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script>
13
+ tailwind.config = {
14
+ theme: {
15
+ extend: {
16
+ colors: {
17
+ primary: '#3B82F6',
18
+ dark: '#1E293B',
19
+ light: '#F8FAFC',
20
+ },
21
+ fontFamily: {
22
+ sans: ['Inter', 'sans-serif'],
23
+ },
24
+ }
25
+ }
26
+ }
27
+ </script>
28
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
29
+ <style>
30
+ .gradient-text {
31
+ background: linear-gradient(90deg, #3B82F6, #10B981);
32
+ -webkit-background-clip: text;
33
+ background-clip: text;
34
+ color: transparent;
35
+ }
36
+ .timeline-item::before {
37
+ content: '';
38
+ position: absolute;
39
+ left: -38px;
40
+ top: 0;
41
+ width: 16px;
42
+ height: 16px;
43
+ border-radius: 50%;
44
+ background: #3B82F6;
45
+ border: 3px solid white;
46
+ }
47
+ .timeline::before {
48
+ content: '';
49
+ position: absolute;
50
+ left: 7px;
51
+ top: 0;
52
+ height: 100%;
53
+ width: 2px;
54
+ background: #E2E8F0;
55
+ }
56
+ </style>
57
+ </head>
58
+ <body class="font-sans bg-light text-dark">
59
+ <!-- Header -->
60
+ <header class="bg-white shadow-sm sticky top-0 z-50">
61
+ <div class="container mx-auto px-6 py-4">
62
+ <div class="flex items-center justify-between">
63
+ <div class="text-2xl font-bold gradient-text">Shivang Sinha</div>
64
+ <nav class="hidden md:flex space-x-8">
65
+ <a href="#about" class="hover:text-primary transition">About</a>
66
+ <a href="#skills" class="hover:text-primary transition">Skills</a>
67
+ <a href="#experience" class="hover:text-primary transition">Experience</a>
68
+ <a href="#education" class="hover:text-primary transition">Education</a>
69
+ <a href="#contact" class="hover:text-primary transition">Contact</a>
70
+ </nav>
71
+ <button class="md:hidden focus:outline-none" id="menu-toggle">
72
+ <i data-feather="menu"></i>
73
+ </button>
74
+ </div>
75
+ </div>
76
+ </header>
77
+
78
+ <!-- Mobile Menu -->
79
+ <div class="hidden bg-white shadow-lg absolute w-full z-40" id="mobile-menu">
80
+ <div class="container mx-auto px-6 py-4 flex flex-col space-y-4">
81
+ <a href="#about" class="hover:text-primary transition">About</a>
82
+ <a href="#skills" class="hover:text-primary transition">Skills</a>
83
+ <a href="#experience" class="hover:text-primary transition">Experience</a>
84
+ <a href="#education" class="hover:text-primary transition">Education</a>
85
+ <a href="#contact" class="hover:text-primary transition">Contact</a>
86
+ </div>
87
+ </div>
88
+
89
+ <!-- Hero Section -->
90
+ <section class="bg-gradient-to-r from-blue-50 to-green-50 py-20">
91
+ <div class="container mx-auto px-6 flex flex-col md:flex-row items-center">
92
+ <div class="md:w-1/2 mb-10 md:mb-0" data-aos="fade-right">
93
+ <h1 class="text-4xl md:text-5xl font-bold mb-4">Hi, I'm <span class="gradient-text">Shivang Sinha</span></h1>
94
+ <h2 class="text-2xl md:text-3xl font-semibold text-gray-600 mb-6">Generative AI Engineer</h2>
95
+ <p class="text-lg text-gray-600 mb-8 max-w-lg">Passionate about creating AI-driven solutions that solve complex problems and deliver measurable business value.</p>
96
+ <div class="flex space-x-4">
97
+ <a href="#contact" class="bg-primary text-white px-6 py-3 rounded-lg hover:bg-blue-600 transition">Contact Me</a>
98
+ <a href="#experience" class="border border-primary text-primary px-6 py-3 rounded-lg hover:bg-blue-50 transition">My Work</a>
99
+ </div>
100
+ </div>
101
+ <div class="md:w-1/2 flex justify-center" data-aos="fade-left">
102
+ <div class="relative">
103
+ <div class="w-64 h-64 md:w-80 md:h-80 rounded-full bg-gradient-to-r from-blue-100 to-green-100 flex items-center justify-center">
104
+ <i data-feather="user" class="w-32 h-32 text-primary"></i>
105
+ </div>
106
+ <div class="absolute -bottom-4 -right-4 bg-white p-4 rounded-lg shadow-md">
107
+ <div class="flex items-center space-x-2">
108
+ <i data-feather="award" class="text-yellow-500"></i>
109
+ <span class="font-medium">5+ Years Experience</span>
110
+ </div>
111
+ </div>
112
+ </div>
113
+ </div>
114
+ </div>
115
+ </section>
116
+
117
+ <!-- About Section -->
118
+ <section id="about" class="py-16 bg-white">
119
+ <div class="container mx-auto px-6">
120
+ <div class="text-center mb-12">
121
+ <h2 class="text-3xl font-bold mb-4">About Me</h2>
122
+ <div class="w-20 h-1 bg-primary mx-auto"></div>
123
+ </div>
124
+ <div class="max-w-4xl mx-auto">
125
+ <p class="text-lg text-gray-600 mb-6" data-aos="fade-up">
126
+ I am a passionate and detail-oriented IT professional with around 5 years of in-depth experience in Machine Learning, Natural Language Processing (NLP), and full-stack development. My expertise spans across designing, developing, and deploying AI-driven solutions that solve complex real-world problems and deliver measurable business value.
127
+ </p>
128
+ <p class="text-lg text-gray-600 mb-6" data-aos="fade-up">
129
+ With a robust background in data science and artificial intelligence, I have successfully spearheaded several projects that have significantly enhanced system performance and user satisfaction. Currently, I am pursuing a Master's degree in NLP to deepen my knowledge and further hone my skills.
130
+ </p>
131
+ <p class="text-lg text-gray-600" data-aos="fade-up">
132
+ I am eager to join a forward-thinking team where I can apply my advanced technical skills to contribute to groundbreaking AI projects that drive innovation and create impactful results.
133
+ </p>
134
+ </div>
135
+ </div>
136
+ </section>
137
+
138
+ <!-- Skills Section -->
139
+ <section id="skills" class="py-16 bg-gray-50">
140
+ <div class="container mx-auto px-6">
141
+ <div class="text-center mb-12">
142
+ <h2 class="text-3xl font-bold mb-4">Core Skills</h2>
143
+ <div class="w-20 h-1 bg-primary mx-auto"></div>
144
+ </div>
145
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
146
+ <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition" data-aos="fade-up">
147
+ <div class="flex items-center mb-4">
148
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
149
+ <i data-feather="code" class="text-primary"></i>
150
+ </div>
151
+ <h3 class="text-xl font-semibold">Programming</h3>
152
+ </div>
153
+ <div class="flex flex-wrap gap-2">
154
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Python</span>
155
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">C++</span>
156
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Java</span>
157
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">JavaScript</span>
158
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">TypeScript</span>
159
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">SQL</span>
160
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">HTML/CSS</span>
161
+ </div>
162
+ </div>
163
+ <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition" data-aos="fade-up" data-aos-delay="100">
164
+ <div class="flex items-center mb-4">
165
+ <div class="bg-green-100 p-3 rounded-full mr-4">
166
+ <i data-feather="cpu" class="text-green-500"></i>
167
+ </div>
168
+ <h3 class="text-xl font-semibold">AI & ML</h3>
169
+ </div>
170
+ <div class="flex flex-wrap gap-2">
171
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Generative AI</span>
172
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">LLMs</span>
173
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">NLP</span>
174
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Deep Learning</span>
175
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">TensorFlow</span>
176
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">PyTorch</span>
177
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">LangChain</span>
178
+ </div>
179
+ </div>
180
+ <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition" data-aos="fade-up" data-aos-delay="200">
181
+ <div class="flex items-center mb-4">
182
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
183
+ <i data-feather="layers" class="text-purple-500"></i>
184
+ </div>
185
+ <h3 class="text-xl font-semibold">Full-Stack</h3>
186
+ </div>
187
+ <div class="flex flex-wrap gap-2">
188
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">React</span>
189
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Node.js</span>
190
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Express</span>
191
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">FastAPI</span>
192
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Flask</span>
193
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">RESTful APIs</span>
194
+ </div>
195
+ </div>
196
+ <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition" data-aos="fade-up">
197
+ <div class="flex items-center mb-4">
198
+ <div class="bg-yellow-100 p-3 rounded-full mr-4">
199
+ <i data-feather="cloud" class="text-yellow-500"></i>
200
+ </div>
201
+ <h3 class="text-xl font-semibold">Cloud & DevOps</h3>
202
+ </div>
203
+ <div class="flex flex-wrap gap-2">
204
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">AWS</span>
205
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Docker</span>
206
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Kubernetes</span>
207
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">GitHub</span>
208
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Git</span>
209
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">CI/CD</span>
210
+ </div>
211
+ </div>
212
+ <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition" data-aos="fade-up" data-aos-delay="100">
213
+ <div class="flex items-center mb-4">
214
+ <div class="bg-red-100 p-3 rounded-full mr-4">
215
+ <i data-feather="database" class="text-red-500"></i>
216
+ </div>
217
+ <h3 class="text-xl font-semibold">Databases</h3>
218
+ </div>
219
+ <div class="flex flex-wrap gap-2">
220
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">MySQL</span>
221
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">MongoDB</span>
222
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">PostgreSQL</span>
223
+ </div>
224
+ </div>
225
+ <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition" data-aos="fade-up" data-aos-delay="200">
226
+ <div class="flex items-center mb-4">
227
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
228
+ <i data-feather="users" class="text-indigo-500"></i>
229
+ </div>
230
+ <h3 class="text-xl font-semibold">Collaboration</h3>
231
+ </div>
232
+ <div class="flex flex-wrap gap-2">
233
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Scrum</span>
234
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Kanban</span>
235
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">JIRA</span>
236
+ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Linux Bash</span>
237
+ </div>
238
+ </div>
239
+ </div>
240
+ </div>
241
+ </section>
242
+
243
+ <!-- Experience Section -->
244
+ <section id="experience" class="py-16 bg-white">
245
+ <div class="container mx-auto px-6">
246
+ <div class="text-center mb-12">
247
+ <h2 class="text-3xl font-bold mb-4">Work Experience</h2>
248
+ <div class="w-20 h-1 bg-primary mx-auto"></div>
249
+ </div>
250
+ <div class="max-w-4xl mx-auto relative timeline pl-12">
251
+ <!-- Carl Zeiss -->
252
+ <div class="mb-12 timeline-item" data-aos="fade-up">
253
+ <div class="bg-gray-50 p-6 rounded-lg shadow-sm hover:shadow-md transition relative">
254
+ <div class="flex flex-col md:flex-row md:justify-between md:items-center mb-4">
255
+ <h3 class="text-xl font-bold">Carl Zeiss Microscopy - Munich, Germany</h3>
256
+ <span class="text-sm bg-primary text-white px-3 py-1 rounded-full">Nov 2024 – Present</span>
257
+ </div>
258
+ <h4 class="text-lg font-semibold text-primary mb-3">Werkstudent Gen AI</h4>
259
+ <ul class="list-disc pl-5 space-y-2 text-gray-600">
260
+ <li>Designed and deployed advanced code completion features using Azure OpenAI, significantly improving developer productivity and code accuracy.</li>
261
+ <li>Optimized and fine-tuned prompts to maximize LLM performance, delivering consistent, business-aligned, high-quality outputs.</li>
262
+ <li>Implemented Retrieval-Augmented Generation (RAG) pipelines to enhance contextual knowledge retrieval.</li>
263
+ <li>Built and integrated MCP server with Open Application Development, enabling automation workflows.</li>
264
+ <li>Played a key role in scaling the project from proof of concept to production-ready.</li>
265
+ </ul>
266
+ </div>
267
+ </div>
268
+ <!-- Barclays -->
269
+ <div class="mb-12 timeline-item" data-aos="fade-up">
270
+ <div class="bg-gray-50 p-6 rounded-lg shadow-sm hover:shadow-md transition relative">
271
+ <div class="flex flex-col md:flex-row md:justify-between md:items-center mb-4">
272
+ <h3 class="text-xl font-bold">Barclays – Pune, India</h3>
273
+ <span class="text-sm bg-primary text-white px-3 py-1 rounded-full">Mar 2022 - Mar 2024</span>
274
+ </div>
275
+ <h4 class="text-lg font-semibold text-primary mb-3">Senior Software Developer</h4>
276
+ <ul class="list-disc pl-5 space-y-2 text-gray-600">
277
+ <li>Built responsive web applications using React, Django, MySQL, and Node.js, enhancing user engagement by 35%.</li>
278
+ <li>Created a web app with Excel download and bulk upload features to track and analyze RPA team performance.</li>
279
+ <li>Developed RESTful APIs to boost application performance by 25% and streamlined database operations.</li>
280
+ <li>Optimized AWS deployment strategies, reducing cloud costs by 15%.</li>
281
+ <li>Improved model accuracy by 15% through designing and developing NLP models.</li>
282
+ <li>Led the development of a TensorFlow-based chatbot, reducing support ticket resolution time by 25%.</li>
283
+ </ul>
284
+ </div>
285
+ </div>
286
+ <!-- Hexagon -->
287
+ <div class="mb-12 timeline-item" data-aos="fade-up">
288
+ <div class="bg-gray-50 p-6 rounded-lg shadow-sm hover:shadow-md transition relative">
289
+ <div class="flex flex-col md:flex-row md:justify-between md:items-center mb-4">
290
+ <h3 class="text-xl font-bold">Hexagon CCI - Hyderabad, India</h3>
291
+ <span class="text-sm bg-primary text-white px-3 py-1 rounded-full">Sep 2020 - Mar 2022</span>
292
+ </div>
293
+ <h4 class="text-lg font-semibold text-primary mb-3">Software Developer</h4>
294
+ <ul class="list-disc pl-5 space-y-2 text-gray-600">
295
+ <li>Architected and improved responsive web applications using React and Node.js, increasing user engagement by 35%.</li>
296
+ <li>Developed and optimized RESTful APIs to enable seamless integration of new front-end functionalities.</li>
297
+ <li>Attained a 25% boost in application performance and reduced server response time by 15%.</li>
298
+ <li>Enhanced AWS-hosted projects by optimizing cloud deployment strategies, reducing costs by 15%.</li>
299
+ <li>Boosted version control efficiency by 20% through advanced GitHub practices.</li>
300
+ </ul>
301
+ </div>
302
+ </div>
303
+ </div>
304
+ </div>
305
+ </section>
306
+
307
+ <!-- Education Section -->
308
+ <section id="education" class="py-16 bg-gray-50">
309
+ <div class="container mx-auto px-6">
310
+ <div class="text-center mb-12">
311
+ <h2 class="text-3xl font-bold mb-4">Education</h2>
312
+ <div class="w-20 h-1 bg-primary mx-auto"></div>
313
+ </div>
314
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
315
+ <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition" data-aos="fade-up">
316
+ <div class="flex items-center mb-4">
317
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
318
+ <i data-feather="book" class="text-primary"></i>
319
+ </div>
320
+ <div>
321
+ <h3 class="text-xl font-bold">TRIER UNIVERSITY</h3>
322
+ <p class="text-gray-600">MASTER OF SCIENCE NATURAL LANGUAGE PROCESSING (DATA SCIENCE)</p>
323
+ <p class="text-sm text-gray-500">Apr 2024 – Present</p>
324
+ </div>
325
+ </div>
326
+ </div>
327
+ <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition" data-aos="fade-up" data-aos-delay="100">
328
+ <div class="flex items-center mb-4">
329
+ <div class="bg-green-100 p-3 rounded-full mr-4">
330
+ <i data-feather="book-open" class="text-green-500"></i>
331
+ </div>
332
+ <div>
333
+ <h3 class="text-xl font-bold">CHANDIGARH UNIVERSITY</h3>
334
+ <p class="text-gray-600">BACHELOR OF ENGINEERING COMPUTER SCIENCE ENGINEERING WITH CLOUD COMPUTING(HONS)</p>
335
+ <p class="text-sm text-gray-500">Sep 2016 - Jan 2020</p>
336
+ </div>
337
+ </div>
338
+ </div>
339
+ </div>
340
+ </div>
341
+ </section>
342
+
343
+ <!-- Languages & Certs -->
344
+ <section class="py-16 bg-white">
345
+ <div class="container mx-auto px-6">
346
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-12 max-w-4xl mx-auto">
347
+ <!-- Languages -->
348
+ <div data-aos="fade-right">
349
+ <h3 class="text-2xl font-bold mb-6 flex items-center">
350
+ <i data-feather="globe" class="mr-2 text-primary"></i> Languages
351
+ </h3>
352
+ <div class="space-y-4">
353
+ <div>
354
+ <div class="flex justify-between mb-1">
355
+ <span class="font-medium">English</span>
356
+ <span class="text-sm text-gray-500">Advanced</span>
357
+ </div>
358
+ <div class="w-full bg-gray-200 rounded-full h-2">
359
+ <div class="bg-primary h-2 rounded-full" style="width: 95%"></div>
360
+ </div>
361
+ </div>
362
+ <div>
363
+ <div class="flex justify-between mb-1">
364
+ <span class="font-medium">German</span>
365
+ <span class="text-sm text-gray-500">Intermediate</span>
366
+ </div>
367
+ <div class="w-full bg-gray-200 rounded-full h-2">
368
+ <div class="bg-primary h-2 rounded-full" style="width: 65%"></div>
369
+ </div>
370
+ </div>
371
+ </div>
372
+ </div>
373
+ <!-- Certificates -->
374
+ <div data-aos="fade-left">
375
+ <h3 class="text-2xl font-bold mb-6 flex items-center">
376
+ <i data-feather="award" class="mr-2 text-primary"></i> Certificates
377
+ </h3>
378
+ <ul class="space-y-3">
379
+ <li class="flex items-start">
380
+ <i data-feather="check" class="text-green-500 mr-2 mt-1"></i>
381
+ <span>ChatGPT Prompt Engineering for Developers</span>
382
+ </li>
383
+ <li class="flex items-start">
384
+ <i data-feather="check" class="text-green-500 mr-2 mt-1"></i>
385
+ <span>Machine Learning - Coursera</span>
386
+ </li>
387
+ <li class="flex items-start">
388
+ <i data-feather="check" class="text-green-500 mr-2 mt-1"></i>
389
+ <span>Artificial Intelligence Analyst - Mastery Award 2019 - IBM</span>
390
+ </li>
391
+ <li class="flex items-start">
392
+ <i data-feather="check" class="text-green-500 mr-2 mt-1"></i>
393
+ <span>Big Data Hadoop- Web Tek Labs</span>
394
+ </li>
395
+ </ul>
396
+ </div>
397
+ </div>
398
+ </div>
399
+ </section>
400
+
401
+ <!-- Volunteer Section -->
402
+ <section class="py-16 bg-gray-50">
403
+ <div class="container mx-auto px-6">
404
+ <div class="text-center mb-12">
405
+ <h2 class="text-3xl font-bold mb-4">Volunteer Experience</h2>
406
+ <div class="w-20 h-1 bg-primary mx-auto"></div>
407
+ </div>
408
+ <div class="max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8">
409
+ <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition" data-aos="fade-up">
410
+ <div class="flex items-center mb-4">
411
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
412
+ <i data-feather="heart" class="text-purple-500"></i>
413
+ </div>
414
+ <h3 class="text-xl font-bold">Barclays- CSR</h3>
415
+ </div>
416
+ <p class="text-gray-600">Took the initiative to collaborate with government-run schools that were receiving less support and to mentor them. We also painted the school's walls with caricatures that were both practical and educational.</p>
417
+ <p class="text-sm text-gray-500 mt-2">Jan 2022</p>
418
+ </div>
419
+ <div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition" data-aos="fade-up" data-aos-delay="100">
420
+ <div class="flex items-center mb-4">
421
+ <div class="bg-red-100 p-3 rounded-full mr-4">
422
+ <i data-feather="users" class="text-red-500"></i>
423
+ </div>
424
+ <h3 class="text-xl font-bold">Hold my hand</h3>
425
+ </div>
426
+ <p class="text-gray-600">Took the initiative of Creating a volunteer group during COVID to help poor people get food and clothes. Additionally took part in river cleanup efforts.</p>
427
+ <p class="text-sm text-gray-500 mt-2">Jan 2022</p>
428
+ </div>
429
+ </div>
430
+ </div>
431
+ </section>
432
+
433
+ <!-- Contact Section -->
434
+ <section id="contact" class="py-16 bg-white">
435
+ <div class="container mx-auto px-6">
436
+ <div class="text-center mb-12">
437
+ <h2 class="text-3xl font-bold mb-4">Get In Touch</h2>
438
+ <div class="w-20 h-1 bg-primary mx-auto"></div>
439
+ </div>
440
+ <div class="max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-12">
441
+ <div data-aos="fade-right">
442
+ <h3 class="text-2xl font-bold mb-6">Contact Information</h3>
443
+ <div class="space-y-4">
444
+ <div class="flex items-start">
445
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
446
+ <i data-feather="mail" class="text-primary"></i>
447
+ </div>
448
+ <div>
449
+ <h4 class="font-medium">Email</h4>
450
+ <p class="text-gray-600">shivangsinha2@gmail.com</p>
451
+ </div>
452
+ </div>
453
+ <div class="flex items-start">
454
+ <div class="bg-green-100 p-3 rounded-full mr-4">
455
+ <i data-feather="phone" class="text-green-500"></i>
456
+ </div>
457
+ <div>
458
+ <h4 class="font-medium">Phone</h4>
459
+ <p class="text-gray-600">(+49) 15560169619</p>
460
+ </div>
461
+ </div>
462
+ <div class="flex items-start">
463
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
464
+ <i data-feather="map-pin" class="text-purple-500"></i>
465
+ </div>
466
+ <div>
467
+ <h4 class="font-medium">Location</h4>
468
+ <p class="text-gray-600">Koblenz, Rhineland-Palatinate</p>
469
+ </div>
470
+ </div>
471
+ <div class="flex items-center space-x-4 pt-4">
472
+ <a href="https://www.linkedin.com/in/shivang-sinha-92755012b" target="_blank" class="bg-blue-100 p-3 rounded-full text-blue-600 hover:bg-blue-200 transition">
473
+ <i data-feather="linkedin"></i>
474
+ </a>
475
+ <a href="https://www.shivangsinha.website/" target="_blank" class="bg-gray-100 p-3 rounded-full text-gray-600 hover:bg-gray-200 transition">
476
+ <i data-feather="globe"></i>
477
+ </a>
478
+ </div>
479
+ </div>
480
+ </div>
481
+ <div data-aos="fade-left">
482
+ <form class="space-y-4">
483
+ <div>
484
+ <label for="name" class="block mb-2 font-medium">Your Name</label>
485
+ <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent">
486
+ </div>
487
+ <div>
488
+ <label for="email" class="block mb-2 font-medium">Your Email</label>
489
+ <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent">
490
+ </div>
491
+ <div>
492
+ <label for="message" class="block mb-2 font-medium">Your Message</label>
493
+ <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"></textarea>
494
+ </div>
495
+ <button type="submit" class="bg-primary text-white px-6 py-3 rounded-lg hover:bg-blue-600 transition w-full">Send Message</button>
496
+ </form>
497
+ </div>
498
+ </div>
499
+ </div>
500
+ </section>
501
+
502
+ <!-- Footer -->
503
+ <footer class="bg-dark text-white py-8">
504
+ <div class="container mx-auto px-6 text-center">
505
+ <div class="mb-4">
506
+ <div class="text-2xl font-bold gradient-text">Shivang Sinha</div>
507
+ <p class="text-gray-300 mt-2">Generative AI Engineer</p>
508
+ </div>
509
+ <div class="flex justify-center space-x-6 mb-6">
510
+ <a href="https://www.linkedin.com/in/shivang-sinha-92755012b" target="_blank" class="text-gray-300 hover:text-white transition">
511
+ <i data-feather="linkedin"></i>
512
+ </a>
513
+ <a href="mailto:shivangsinha2@gmail.com" class="text-gray-300 hover:text-white transition">
514
+ <i data-feather="mail"></i>
515
+ </a>
516
+ <a href="https://www.shivangsinha.website/" target="_blank" class="text-gray-300 hover:text-white transition">
517
+ <i data-feather="globe"></i>
518
+ </a>
519
+ </div>
520
+ <p class="text-gray-400 text-sm">&copy; 2024 Shivang Sinha. All rights reserved.</p>
521
+ </div>
522
+ </footer>
523
+
524
+ <script>
525
+ AOS.init({
526
+ duration: 800,
527
+ easing: 'ease-in-out',
528
+ once: true
529
+ });
530
+
531
+ // Mobile menu toggle
532
+ document.getElementById('menu-toggle').addEventListener('click', function() {
533
+ const mobileMenu = document.getElementById('mobile-menu');
534
+ mobileMenu.classList.toggle('hidden');
535
+ });
536
+
537
+ // Close mobile menu when clicking on a link
538
+ document.querySelectorAll('#mobile-menu a').forEach(link => {
539
+ link.addEventListener('click', () => {
540
+ document.getElementById('mobile-menu').classList.add('hidden');
541
+ });
542
+ });
543
+
544
+ feather.replace();
545
+ </script>
546
+ </body>
547
  </html>
prompts.txt ADDED
File without changes