Skip to content

Commit 8cfeb54

Browse files
arshad831arshad831
authored
Clean up HTML by removing comments
Removed unnecessary comments and improved code readability by cleaning up the HTML structure.
1 parent d323ac5 commit 8cfeb54

File tree

1 file changed

+35
-33
lines changed

1 file changed

+35
-33
lines changed

‎index.html‎

Lines changed: 35 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,12 @@
66
<title>Sponsor Decoding Data Science | Hackathon 2025</title>
77
<meta name="description" content="Partner with the MENA region's largest AI & Data Science Community. Sponsorship packages for upcoming GenAI Hackathons.">
88

9-
<!-- Tailwind CSS -->
109
<script src="https://cdn.tailwindcss.com"></script>
1110

12-
<!-- Google Fonts -->
1311
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap" rel="stylesheet">
1412

15-
<!-- Font Awesome -->
1613
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
1714

18-
<!-- Custom Config -->
1915
<script>
2016
tailwind.config = {
2117
theme: {
@@ -50,12 +46,10 @@
5046
</head>
5147
<body class="bg-slate-50 text-slate-800 font-sans antialiased">
5248

53-
<!-- Navigation -->
5449
<nav class="fixed w-full z-50 bg-white/90 backdrop-blur-md border-b border-slate-200 shadow-sm">
5550
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
5651
<div class="flex justify-between items-center h-20">
5752
<div class="flex-shrink-0 flex items-center gap-3">
58-
<!-- Logo from GitHub Raw Link -->
5953
<img class="h-12 w-auto rounded-full" src="https://raw.githubusercontent.com/Decoding-Data-Science/airesidency/main/dds_logo.jpg" alt="Decoding Data Science Logo">
6054
<span class="font-bold text-xl tracking-tight text-slate-900">Decoding Data Science</span>
6155
</div>
@@ -66,23 +60,20 @@
6660
<a href="#history" class="text-slate-600 hover:text-dds-accent transition">History</a>
6761
<a href="#contact" class="px-5 py-2 rounded-full bg-slate-900 text-white hover:bg-slate-800 transition shadow-lg">Partner With Us</a>
6862
</div>
69-
<!-- Mobile Menu Button -->
7063
<div class="md:hidden flex items-center">
7164
<button id="mobile-menu-btn" class="text-slate-600 hover:text-slate-900 focus:outline-none">
7265
<i class="fa-solid fa-bars text-2xl"></i>
7366
</button>
7467
</div>
7568
</div>
7669
</div>
77-
<!-- Mobile Menu -->
7870
<div id="mobile-menu" class="hidden md:hidden bg-white border-t border-slate-100">
7971
<a href="#about" class="block py-3 px-4 text-slate-700 hover:bg-slate-50">About</a>
8072
<a href="#packages" class="block py-3 px-4 text-slate-700 hover:bg-slate-50">Packages</a>
8173
<a href="#contact" class="block py-3 px-4 text-dds-accent font-semibold">Partner With Us</a>
8274
</div>
8375
</nav>
8476

85-
<!-- Hero Section -->
8677
<header class="hero-bg relative pt-32 pb-20 lg:pt-48 lg:pb-32 text-white overflow-hidden">
8778
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center">
8879
<div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/10 border border-white/20 mb-8 backdrop-blur-sm">
@@ -105,15 +96,12 @@ <h1 class="text-5xl md:text-7xl font-extrabold tracking-tight mb-6 leading-tight
10596
</a>
10697
</div>
10798
</div>
108-
109-
<!-- Background Elements -->
11099
<div class="absolute top-0 left-0 w-full h-full overflow-hidden z-0 pointer-events-none opacity-30">
111100
<div class="absolute top-1/4 left-1/4 w-96 h-96 bg-blue-500/30 rounded-full blur-3xl"></div>
112101
<div class="absolute bottom-1/4 right-1/4 w-96 h-96 bg-purple-500/30 rounded-full blur-3xl"></div>
113102
</div>
114103
</header>
115104

116-
<!-- Promotion & Reach Strategy -->
117105
<section id="impact" class="py-20 bg-white">
118106
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
119107
<div class="text-center mb-16">
@@ -122,7 +110,6 @@ <h2 class="text-3xl font-bold text-slate-900 sm:text-4xl">Unrivaled Community Re
122110
</div>
123111

124112
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
125-
<!-- Card 1 -->
126113
<div class="p-8 rounded-2xl bg-slate-50 border border-slate-100 hover:shadow-xl transition group">
127114
<div class="w-14 h-14 rounded-xl bg-blue-100 text-blue-600 flex items-center justify-center text-2xl mb-6 group-hover:scale-110 transition">
128115
<i class="fa-solid fa-bullhorn"></i>
@@ -132,7 +119,6 @@ <h3 class="text-xl font-bold text-slate-900 mb-3">Newsletter Blast</h3>
132119
Dedicated feature in our weekly newsletter sent to <span class="font-bold text-slate-900">60,000+ subscribers</span>. We share your API docs, job openings, and challenge statements directly to inboxes.
133120
</p>
134121
</div>
135-
<!-- Card 2 -->
136122
<div class="p-8 rounded-2xl bg-slate-50 border border-slate-100 hover:shadow-xl transition group">
137123
<div class="w-14 h-14 rounded-xl bg-indigo-100 text-indigo-600 flex items-center justify-center text-2xl mb-6 group-hover:scale-110 transition">
138124
<i class="fa-brands fa-linkedin-in"></i>
@@ -142,7 +128,6 @@ <h3 class="text-xl font-bold text-slate-900 mb-3">Social Media Dominance</h3>
142128
Strategic posts across LinkedIn (100k+ followers), Twitter/X, and Instagram. Includes video shoutouts, "Tool of the Week" features, and winner announcements.
143129
</p>
144130
</div>
145-
<!-- Card 3 -->
146131
<div class="p-8 rounded-2xl bg-slate-50 border border-slate-100 hover:shadow-xl transition group">
147132
<div class="w-14 h-14 rounded-xl bg-emerald-100 text-emerald-600 flex items-center justify-center text-2xl mb-6 group-hover:scale-110 transition">
148133
<i class="fa-solid fa-users-viewfinder"></i>
@@ -154,7 +139,6 @@ <h3 class="text-xl font-bold text-slate-900 mb-3">Community Engagement</h3>
154139
</div>
155140
</div>
156141

157-
<!-- Stats Bar -->
158142
<div class="mt-16 bg-slate-900 rounded-3xl p-10 flex flex-wrap justify-between items-center text-center divide-y md:divide-y-0 md:divide-x divide-slate-700">
159143
<div class="w-full md:w-1/4 p-4">
160144
<div class="text-4xl font-bold text-white mb-1">180K+</div>
@@ -176,7 +160,6 @@ <h3 class="text-xl font-bold text-slate-900 mb-3">Community Engagement</h3>
176160
</div>
177161
</section>
178162

179-
<!-- Past Hackathons -->
180163
<section id="history" class="py-20 bg-slate-50">
181164
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
182165
<div class="flex flex-col md:flex-row justify-between items-end mb-12">
@@ -190,43 +173,71 @@ <h2 class="text-3xl font-bold text-slate-900 mt-2">History of Innovation</h2>
190173
</a>
191174
</div>
192175

193-
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
194-
<!-- AAICO Event -->
176+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8 mb-8">
177+
<div class="bg-white border-2 border-blue-500 rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition md:col-span-2 lg:col-span-1">
178+
<div class="h-48 bg-slate-900 relative flex items-center justify-center p-8 overflow-hidden">
179+
<div class="absolute inset-0 opacity-20 bg-[url('https://www.transparenttextures.com/patterns/carbon-fibre.png')]"></div>
180+
<div class="relative z-10 text-center">
181+
<h3 class="text-2xl font-black text-white italic tracking-tighter italic uppercase leading-none">Rev Up Your Workflow<br><span class="text-blue-400 text-lg font-bold">AI Agent Hackathon</span></h3>
182+
<p class="text-slate-400 text-xs mt-2 font-mono">Yas Creative Hub, Abu Dhabi</p>
183+
</div>
184+
<div class="absolute bottom-4 right-4 bg-blue-600 text-white text-[10px] font-bold px-2 py-1 rounded">AIRIA × WILLIAMS RACING</div>
185+
</div>
186+
<div class="p-6">
187+
<div class="flex justify-between items-start mb-4">
188+
<div>
189+
<div class="text-xs font-bold text-blue-600 uppercase mb-1">Autonomous AI Agents • No-Code</div>
190+
<h4 class="font-bold text-slate-900">Featuring James Vowles & Alex Albon</h4>
191+
</div>
192+
<span class="bg-slate-100 text-slate-800 text-[10px] font-bold px-2 py-1 rounded">DEC 2025</span>
193+
</div>
194+
<p class="text-slate-600 text-sm mb-4 leading-relaxed">A high-speed exploration of agentic ecosystems. Participants built championship-level AI agents on the Airia platform to streamline enterprise workflows.</p>
195+
<div class="grid grid-cols-2 gap-4 pt-4 border-t border-slate-100">
196+
<div class="flex items-center text-sm text-slate-500">
197+
<i class="fa-solid fa-trophy mr-2 text-yellow-500"></i> 7,000 AED Prizes
198+
</div>
199+
<div class="flex items-center text-sm text-slate-500">
200+
<i class="fa-solid fa-user-check mr-2 text-blue-400"></i> 75 Elite Builders
201+
</div>
202+
</div>
203+
</div>
204+
</div>
205+
195206
<div class="bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition">
196207
<div class="h-48 bg-gradient-to-r from-slate-800 to-slate-900 flex items-center justify-center p-6 text-center">
197208
<h3 class="text-2xl font-bold text-white">AAICO Voice Analysis</h3>
198209
</div>
199210
<div class="p-6">
200211
<div class="text-xs font-bold text-blue-600 uppercase mb-2">Voice AI • Python</div>
201-
<p class="text-slate-600 mb-4">A challenge to detect specific commands in audio streams. Participants built models focusing on latency and accuracy for real-time processing.</p>
212+
<p class="text-slate-600 mb-4 text-sm">A challenge to detect specific commands in audio streams. Participants built models focusing on latency and accuracy for real-time processing.</p>
202213
<div class="flex items-center text-sm text-slate-500">
203214
<i class="fa-solid fa-trophy mr-2 text-yellow-500"></i> $5,450 Prize Pool
204215
</div>
205216
</div>
206217
</div>
218+
</div>
207219

208-
<!-- Facial Emotion -->
220+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8">
209221
<div class="bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition">
210222
<div class="h-48 bg-gradient-to-r from-indigo-800 to-blue-900 flex items-center justify-center p-6 text-center">
211223
<h3 class="text-2xl font-bold text-white">Facial Emotion Detection</h3>
212224
</div>
213225
<div class="p-6">
214226
<div class="text-xs font-bold text-blue-600 uppercase mb-2">Computer Vision</div>
215-
<p class="text-slate-600 mb-4">Participants created models to test 5-10 second videos for emotion detection, solving problems for customer sentiment analysis.</p>
227+
<p class="text-slate-600 mb-4 text-sm">Participants created models to test 5-10 second videos for emotion detection, solving problems for customer sentiment analysis.</p>
216228
<div class="flex items-center text-sm text-slate-500">
217229
<i class="fa-solid fa-code-branch mr-2 text-slate-400"></i> Open Source
218230
</div>
219231
</div>
220232
</div>
221233

222-
<!-- GenAI Hackathons -->
223234
<div class="bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition">
224235
<div class="h-48 bg-gradient-to-r from-emerald-800 to-teal-900 flex items-center justify-center p-6 text-center">
225236
<h3 class="text-2xl font-bold text-white">GenAI & LLM Challenges</h3>
226237
</div>
227238
<div class="p-6">
228239
<div class="text-xs font-bold text-blue-600 uppercase mb-2">Generative AI • RAG</div>
229-
<p class="text-slate-600 mb-4">Ongoing challenges focused on Agentic AI, LangChain, and RAG pipelines. Helping professionals upscale from theory to deployment.</p>
240+
<p class="text-slate-600 mb-4 text-sm">Ongoing challenges focused on Agentic AI, LangChain, and RAG pipelines. Helping professionals upscale from theory to deployment.</p>
230241
<div class="flex items-center text-sm text-slate-500">
231242
<i class="fa-solid fa-users mr-2 text-slate-400"></i> 100+ Submissions
232243
</div>
@@ -242,7 +253,6 @@ <h3 class="text-2xl font-bold text-white">GenAI & LLM Challenges</h3>
242253
</div>
243254
</section>
244255

245-
<!-- Sponsorship Packages -->
246256
<section id="packages" class="py-20 bg-white relative">
247257
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
248258
<div class="text-center mb-16">
@@ -251,8 +261,6 @@ <h2 class="text-3xl font-bold text-slate-900">Sponsorship Packages</h2>
251261
</div>
252262

253263
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 items-center">
254-
255-
<!-- Bronze -->
256264
<div class="border border-slate-200 rounded-2xl p-8 hover:border-orange-500/50 transition bg-white relative">
257265
<h3 class="text-2xl font-bold text-slate-900">Bronze</h3>
258266
<div class="text-4xl font-bold mt-4 mb-2 text-dds-bronze">$2,500</div>
@@ -266,7 +274,6 @@ <h3 class="text-2xl font-bold text-slate-900">Bronze</h3>
266274
<a href="#contact" class="block w-full py-3 px-4 bg-slate-100 text-slate-700 font-bold text-center rounded-lg hover:bg-slate-200 transition">Select Bronze</a>
267275
</div>
268276

269-
<!-- Gold (Featured) -->
270277
<div class="border-2 border-yellow-400 rounded-2xl p-8 shadow-2xl relative bg-white transform md:-translate-y-4">
271278
<div class="absolute top-0 right-0 bg-yellow-400 text-yellow-900 text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg">MOST POPULAR</div>
272279
<h3 class="text-2xl font-bold text-slate-900">Gold</h3>
@@ -283,7 +290,6 @@ <h3 class="text-2xl font-bold text-slate-900">Gold</h3>
283290
<a href="#contact" class="block w-full py-4 px-4 bg-yellow-400 text-yellow-900 font-bold text-center rounded-lg hover:bg-yellow-300 transition shadow-lg">Become a Gold Sponsor</a>
284291
</div>
285292

286-
<!-- Silver -->
287293
<div class="border border-slate-200 rounded-2xl p-8 hover:border-slate-400 transition bg-white relative">
288294
<h3 class="text-2xl font-bold text-slate-900">Silver</h3>
289295
<div class="text-4xl font-bold mt-4 mb-2 text-dds-silver">$4,000</div>
@@ -296,12 +302,10 @@ <h3 class="text-2xl font-bold text-slate-900">Silver</h3>
296302
</ul>
297303
<a href="#contact" class="block w-full py-3 px-4 bg-slate-100 text-slate-700 font-bold text-center rounded-lg hover:bg-slate-200 transition">Select Silver</a>
298304
</div>
299-
300305
</div>
301306
</div>
302307
</section>
303308

304-
<!-- Footer / Contact -->
305309
<footer id="contact" class="bg-slate-900 text-white pt-20 pb-10">
306310
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
307311
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 mb-16">
@@ -348,10 +352,8 @@ <h3 class="text-xl font-bold mb-6">Contact Sponsorship Team</h3>
348352
</footer>
349353

350354
<script>
351-
// Simple Mobile Menu Toggle
352355
const btn = document.getElementById('mobile-menu-btn');
353356
const menu = document.getElementById('mobile-menu');
354-
355357
btn.addEventListener('click', () => {
356358
menu.classList.toggle('hidden');
357359
});

0 commit comments

Comments
 (0)