Skip to content

Commit c3633be

Browse files
arshad831arshad831
authored
Add files via upload
1 parent 5741d0f commit c3633be

File tree

1 file changed

+328
-0
lines changed

1 file changed

+328
-0
lines changed

‎index.html

Lines changed: 328 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,328 @@
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" />
6+
<title>Ship Your First Enterprise RAG App — Free Masterclass (Aug 16, 2025)</title>
7+
<meta name="description" content="Hands-on, live masterclass: build and deploy an enterprise-ready RAG application in 2 hours. Seats limited to 100 builders. No replay." />
8+
<link rel="icon" href="https://decodingdatascience.com/favicon-512x512.png" />
9+
<script src="https://cdn.tailwindcss.com"></script>
10+
<script type="application/ld+json">
11+
{
12+
"@context": "https://schema.org",
13+
"@type": "Event",
14+
"name": "Ship Your First Enterprise RAG App — Free Masterclass",
15+
"startDate": "2025-08-16T10:30:00+04:00",
16+
"endDate": "2025-08-16T12:30:00+04:00",
17+
"eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode",
18+
"eventStatus": "https://schema.org/EventScheduled",
19+
"location": {
20+
"@type": "VirtualLocation",
21+
"url": "https://nas.io/artificialintelligence/events/apitoapp-masterclass-deploy-your-first-llm-on-hugging-face"
22+
},
23+
"organizer": {
24+
"@type": "Organization",
25+
"name": "Decoding Data Science",
26+
"url": "https://decodingdatascience.com"
27+
},
28+
"image": "https://decodingdatascience.com/favicon-512x512.png",
29+
"description": "From raw documents to a deployed, enterprise-ready RAG app — in just 2 hours, live. Learn ingestion, vector DBs, retrieval, and LLM interface integration. Live-only: no replay.",
30+
"offers": {
31+
"@type": "Offer",
32+
"price": 0,
33+
"priceCurrency": "USD",
34+
"availability": "https://schema.org/InStock",
35+
"url": "https://nas.io/artificialintelligence/events/apitoapp-masterclass-deploy-your-first-llm-on-hugging-face",
36+
"validFrom": "2025-08-12T00:00:00+04:00"
37+
}
38+
}
39+
</script>
40+
<style>html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }</style>
41+
</head>
42+
<body class="min-h-screen bg-slate-950 text-white">
43+
<main>
44+
<section class="relative overflow-hidden">
45+
<div class="absolute inset-0 bg-gradient-to-b from-indigo-600/30 via-slate-900 to-slate-950"></div>
46+
<div class="relative max-w-7xl mx-auto px-6 pt-16 pb-10">
47+
<div class="mb-6 inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-3 py-1 text-sm backdrop-blur">
48+
<span class="h-2 w-2 rounded-full bg-emerald-400"></span>
49+
Live Masterclass • Sat, 16 Aug • 10:30–12:30 (Dubai Time)
50+
</div>
51+
<h1 class="text-4xl md:text-6xl font-extrabold tracking-tight leading-tight">
52+
Ship Your First <span class="text-indigo-300">Enterprise RAG App</span>
53+
</h1>
54+
<p class="mt-4 max-w-3xl text-lg text-slate-300">
55+
From raw documents to a deployed, enterprise-ready RAG app — in just 2 hours. Hands-on, practical, and production-minded.
56+
</p>
57+
<div class="mt-8 flex flex-wrap items-center gap-4">
58+
<a href="https://nas.io/artificialintelligence/events/apitoapp-masterclass-deploy-your-first-llm-on-hugging-face" class="inline-flex items-center justify-center rounded-2xl bg-indigo-500 px-6 py-3 font-semibold text-white shadow-lg shadow-indigo-500/30 hover:bg-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-300">
59+
Register Free (100 seats)
60+
</a>
61+
<a id="gcal" target="_blank" rel="noreferrer" class="inline-flex items-center justify-center rounded-2xl bg-white/10 px-6 py-3 font-semibold text-white hover:bg-white/20 focus:outline-none focus:ring-2 focus:ring-white/30">
62+
Add to Google Calendar
63+
</a>
64+
<button id="icsBtn" class="inline-flex items-center justify-center rounded-2xl bg-white/10 px-6 py-3 font-semibold text-white hover:bg-white/20 focus:outline-none focus:ring-2 focus:ring-white/30">
65+
Download .ics
66+
</button>
67+
<button id="shareBtn" class="inline-flex items-center justify-center rounded-2xl border border-white/15 bg-transparent px-4 py-3 text-sm text-slate-200 hover:bg-white/10">
68+
Share
69+
</button>
70+
</div>
71+
72+
<div class="mt-10 grid w-full max-w-2xl grid-cols-4 gap-3 text-center">
73+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
74+
<div id="d" class="text-3xl font-bold tabular-nums">00</div>
75+
<div class="mt-1 text-xs uppercase tracking-wide text-slate-400">Days</div>
76+
</div>
77+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
78+
<div id="h" class="text-3xl font-bold tabular-nums">00</div>
79+
<div class="mt-1 text-xs uppercase tracking-wide text-slate-400">Hours</div>
80+
</div>
81+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
82+
<div id="m" class="text-3xl font-bold tabular-nums">00</div>
83+
<div class="mt-1 text-xs uppercase tracking-wide text-slate-400">Min</div>
84+
</div>
85+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
86+
<div id="s" class="text-3xl font-bold tabular-nums">00</div>
87+
<div class="mt-1 text-xs uppercase tracking-wide text-slate-400">Sec</div>
88+
</div>
89+
</div>
90+
91+
<div class="mt-10 flex items-center gap-4">
92+
<div class="flex h-12 w-12 items-center justify-center rounded-full bg-indigo-500 font-bold">MA</div>
93+
<div>
94+
<div class="text-sm text-slate-400">Hosted by</div>
95+
<div class="text-base font-semibold">Mohammad Arshad</div>
96+
</div>
97+
</div>
98+
</div>
99+
</section>
100+
101+
<section class="border-y border-white/10 bg-slate-900/30">
102+
<div class="max-w-7xl mx-auto grid grid-cols-1 gap-4 px-6 py-6 md:grid-cols-5">
103+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
104+
<div class="text-xs uppercase tracking-wide text-slate-400">Date</div>
105+
<div class="mt-1 text-base font-semibold text-white">Saturday, 16 Aug 2025</div>
106+
</div>
107+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
108+
<div class="text-xs uppercase tracking-wide text-slate-400">Time</div>
109+
<div class="mt-1 text-base font-semibold text-white">10:30 AM – 12:30 PM (Dubai Time)</div>
110+
</div>
111+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
112+
<div class="text-xs uppercase tracking-wide text-slate-400">Mode</div>
113+
<div class="mt-1 text-base font-semibold text-white">Online (Live via Zoom)</div>
114+
</div>
115+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
116+
<div class="text-xs uppercase tracking-wide text-slate-400">Seats</div>
117+
<div class="mt-1 text-base font-semibold text-white">100 builders only</div>
118+
</div>
119+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
120+
<div class="text-xs uppercase tracking-wide text-slate-400">Cost</div>
121+
<div class="mt-1 text-base font-semibold text-white">Free</div>
122+
</div>
123+
</div>
124+
</section>
125+
126+
<section class="max-w-7xl mx-auto px-6 py-12">
127+
<div class="grid grid-cols-1 gap-8 md:grid-cols-2">
128+
<div>
129+
<h2 class="text-2xl font-bold">What you’ll build</h2>
130+
<ul class="mt-4 space-y-3 text-slate-300">
131+
<li class="flex gap-2"><span class="mt-2 inline-block h-2 w-2 flex-none translate-y-1 rounded-full bg-indigo-400"></span> Ingest and chunk raw documents for retrieval-ready context.</li>
132+
<li class="flex gap-2"><span class="mt-2 inline-block h-2 w-2 flex-none translate-y-1 rounded-full bg-indigo-400"></span> Create embeddings and index them in a vector database.</li>
133+
<li class="flex gap-2"><span class="mt-2 inline-block h-2 w-2 flex-none translate-y-1 rounded-full bg-indigo-400"></span> Retrieve top-k context with guards to reduce hallucinations.</li>
134+
<li class="flex gap-2"><span class="mt-2 inline-block h-2 w-2 flex-none translate-y-1 rounded-full bg-indigo-400"></span> Wire the pipeline into an LLM-powered chat interface.</li>
135+
<li class="flex gap-2"><span class="mt-2 inline-block h-2 w-2 flex-none translate-y-1 rounded-full bg-indigo-400"></span> Deploy the app publicly — ready to share with stakeholders.</li>
136+
</ul>
137+
138+
<div class="mt-8 rounded-2xl border border-white/10 bg-white/5 p-6">
139+
<h3 class="font-semibold">Who is this for?</h3>
140+
<p class="mt-2 text-slate-300">Builders, developers, analysts, and AI enthusiasts who want hands-on, production-minded RAG skills.</p>
141+
</div>
142+
</div>
143+
144+
<div>
145+
<h2 class="text-2xl font-bold">Prerequisites</h2>
146+
<ul class="mt-4 space-y-3 text-slate-300">
147+
<li class="flex gap-2"><span class="mt-2 inline-block h-2 w-2 flex-none translate-y-1 rounded-full bg-indigo-400"></span> Basic Python familiarity (functions, virtual environments).</li>
148+
<li class="flex gap-2"><span class="mt-2 inline-block h-2 w-2 flex-none translate-y-1 rounded-full bg-indigo-400"></span> GitHub account recommended.</li>
149+
<li class="flex gap-2"><span class="mt-2 inline-block h-2 w-2 flex-none translate-y-1 rounded-full bg-indigo-400"></span> Laptop with stable internet; be ready to code along.</li>
150+
</ul>
151+
152+
<div class="mt-8 rounded-2xl border border-amber-400/20 bg-amber-400/10 p-6">
153+
<h3 class="font-semibold">Important</h3>
154+
<p class="mt-2 text-amber-100">Live-only experience — no replay will be provided.</p>
155+
</div>
156+
</div>
157+
</div>
158+
</section>
159+
160+
<section class="max-w-7xl mx-auto px-6 pb-12">
161+
<h2 class="text-2xl font-bold">Agenda (2 hours)</h2>
162+
<div class="mt-6 grid grid-cols-1 gap-4 md:grid-cols-2">
163+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
164+
<div class="text-sm text-slate-400">10:30</div>
165+
<div class="mt-1 text-lg font-semibold">Kickoff & goals</div>
166+
<div class="mt-1 text-slate-300">Session flow, deliverables, and success criteria.</div>
167+
</div>
168+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
169+
<div class="text-sm text-slate-400">10:40</div>
170+
<div class="mt-1 text-lg font-semibold">Data ingestion & chunking</div>
171+
<div class="mt-1 text-slate-300">Load documents; design chunking for retrieval.</div>
172+
</div>
173+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
174+
<div class="text-sm text-slate-400">11:00</div>
175+
<div class="mt-1 text-lg font-semibold">Embeddings & indexing</div>
176+
<div class="mt-1 text-slate-300">Generate embeddings and index to a vector DB.</div>
177+
</div>
178+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
179+
<div class="text-sm text-slate-400">11:25</div>
180+
<div class="mt-1 text-lg font-semibold">Context retrieval</div>
181+
<div class="mt-1 text-slate-300">Top-k retrieval, filtering, and basic guardrails.</div>
182+
</div>
183+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
184+
<div class="text-sm text-slate-400">11:50</div>
185+
<div class="mt-1 text-lg font-semibold">LLM interface</div>
186+
<div class="mt-1 text-slate-300">Connect the pipeline to a chat UI.</div>
187+
</div>
188+
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
189+
<div class="text-sm text-slate-400">12:10</div>
190+
<div class="mt-1 text-lg font-semibold">Deploy & share</div>
191+
<div class="mt-1 text-slate-300">Push a public build; Q&A and next steps.</div>
192+
</div>
193+
</div>
194+
</section>
195+
196+
<section id="register" class="bg-slate-900/40">
197+
<div class="max-w-3xl mx-auto px-6 py-12">
198+
<div class="rounded-3xl border border-white/10 bg-white/5 p-8">
199+
<h2 class="text-2xl font-bold">Register now</h2>
200+
<p class="mt-2 text-slate-300">Seats are limited to ensure a high-touch experience. Secure yours and be ready to code along.</p>
201+
<div class="mt-6 grid grid-cols-1 gap-4 md:grid-cols-2">
202+
<a href="https://nas.io/artificialintelligence/events/apitoapp-masterclass-deploy-your-first-llm-on-hugging-face" class="md:col-span-2 w-full text-center rounded-2xl bg-indigo-500 px-6 py-3 font-semibold text-white shadow-lg shadow-indigo-500/30 hover:bg-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-300">
203+
Secure my seat
204+
</a>
205+
<div class="md:col-span-2 grid grid-cols-1 gap-2 md:grid-cols-3 mt-4">
206+
<div class="inline-flex items-center justify-center rounded-xl border border-white/10 bg-white/5 px-3 py-2 text-sm text-slate-200">Beginner–intermediate friendly</div>
207+
<div class="inline-flex items-center justify-center rounded-xl border border-white/10 bg-white/5 px-3 py-2 text-sm text-slate-200">Hands-on walkthrough</div>
208+
<div class="inline-flex items-center justify-center rounded-xl border border-white/10 bg-white/5 px-3 py-2 text-sm text-slate-200">Production-minded</div>
209+
</div>
210+
</div>
211+
</div>
212+
</div>
213+
</section>
214+
215+
<section class="max-w-7xl mx-auto px-6 py-12">
216+
<div class="grid grid-cols-1 gap-8 md:grid-cols-3">
217+
<div class="md:col-span-2">
218+
<h2 class="text-2xl font-bold">About the masterclass</h2>
219+
<p class="mt-3 text-slate-300">
220+
Join a focused, live build where we take raw documents and ship a working Retrieval‑Augmented Generation application in two hours. We cover ingestion, embeddings, indexing, retrieval, and LLM integration — with an eye toward enterprise use.
221+
</p>
222+
<p class="mt-3 text-slate-300">
223+
This session is part of the AI Residency Masterclass Series. Learn more at
224+
<a href="https://decodingdatascience.com/airesidency" target="_blank" rel="noreferrer" class="text-indigo-300 underline">decodingdatascience.com/airesidency</a>.
225+
</p>
226+
</div>
227+
<div class="rounded-3xl border border-white/10 bg-white/5 p-6">
228+
<h3 class="font-semibold">Key notes</h3>
229+
<ul class="mt-3 space-y-2 text-slate-300">
230+
<li class="flex gap-2"><span class="mt-2 inline-block h-2 w-2 flex-none translate-y-1 rounded-full bg-indigo-400"></span> Live-only. No replay will be available.</li>
231+
<li class="flex gap-2"><span class="mt-2 inline-block h-2 w-2 flex-none translate-y-1 rounded-full bg-indigo-400"></span> Seats limited to 100 builders.</li>
232+
<li class="flex gap-2"><span class="mt-2 inline-block h-2 w-2 flex-none translate-y-1 rounded-full bg-indigo-400"></span> Best experience on a laptop; have Python set up.</li>
233+
</ul>
234+
<a href="https://nas.io/artificialintelligence/events/apitoapp-masterclass-deploy-your-first-llm-on-hugging-face" class="mt-5 inline-flex w-full items-center justify-center rounded-2xl bg-indigo-500 px-6 py-3 font-semibold text-white hover:bg-indigo-400">Register Free</a>
235+
</div>
236+
</div>
237+
</section>
238+
239+
<footer class="border-t border-white/10">
240+
<div class="max-w-7xl mx-auto flex flex-col items-center justify-between gap-4 px-6 py-8 md:flex-row">
241+
<div class="text-sm text-slate-400">© <span id="year"></span> Decoding Data Science</div>
242+
<div class="flex items-center gap-4 text-sm text-slate-400">
243+
<a href="https://decodingdatascience.com/airesidency" target="_blank" rel="noreferrer" class="hover:text-white">AI Residency</a>
244+
<a href="#register" class="hover:text-white">Register</a>
245+
<button id="shareBtn2" class="hover:text-white">Share</button>
246+
</div>
247+
</div>
248+
</footer>
249+
</main>
250+
251+
<script>
252+
document.getElementById('year').textContent = new Date().getFullYear();
253+
254+
// Countdown to Dubai time 2025-08-16T10:30:00+04:00
255+
const target = new Date('2025-08-16T10:30:00+04:00').getTime();
256+
function tick() {
257+
const now = Date.now();
258+
const diff = Math.max(0, target - now);
259+
const d = Math.floor(diff / (1000 * 60 * 60 * 24));
260+
const h = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
261+
const m = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
262+
const s = Math.floor((diff % (1000 * 60)) / 1000);
263+
document.getElementById('d').textContent = String(d).padStart(2, '0');
264+
document.getElementById('h').textContent = String(h).padStart(2, '0');
265+
document.getElementById('m').textContent = String(m).padStart(2, '0');
266+
document.getElementById('s').textContent = String(s).padStart(2, '0');
267+
}
268+
setInterval(tick, 1000); tick();
269+
270+
// Google Calendar
271+
const gcal = document.getElementById('gcal');
272+
const start = '20250816T063000Z'; // 10:30 GST is 06:30Z
273+
const end = '20250816T083000Z'; // 12:30 GST is 08:30Z
274+
const text = encodeURIComponent('Ship Your First Enterprise RAG App — Free Masterclass');
275+
const details = encodeURIComponent('From raw documents to a deployed, enterprise-ready RAG app — in just 2 hours, live. Seats limited to 100 builders. No replay.');
276+
const location = encodeURIComponent('Online');
277+
gcal.href = `https://www.google.com/calendar/render?action=TEMPLATE&text=${text}&dates=${start}%2F${end}&details=${details}&location=${location}`;
278+
279+
// ICS download
280+
function downloadICS() {
281+
const now = new Date();
282+
const pad = (n) => String(n).padStart(2, '0');
283+
const stamp = `${now.getUTCFullYear()}${pad(now.getUTCMonth()+1)}${pad(now.getUTCDate())}T${pad(now.getUTCHours())}${pad(now.getUTCMinutes())}${pad(now.getUTCSeconds())}Z`;
284+
const ics = [
285+
'BEGIN:VCALENDAR',
286+
'VERSION:2.0',
287+
'PRODID:-//Decoding Data Science//RAG Masterclass//EN',
288+
'CALSCALE:GREGORIAN',
289+
'METHOD:PUBLISH',
290+
'BEGIN:VEVENT',
291+
'UID:[email protected]',
292+
`DTSTAMP:${stamp}`,
293+
'DTSTART:20250816T063000Z',
294+
'DTEND:20250816T083000Z',
295+
'SUMMARY:Ship Your First Enterprise RAG App — Free Masterclass',
296+
'LOCATION:Online',
297+
'DESCRIPTION:From raw documents to a deployed, enterprise-ready RAG app — in just 2 hours, live. Seats limited to 100 builders. No replay.',
298+
'END:VEVENT',
299+
'END:VCALENDAR'
300+
].join('\r\n');
301+
302+
const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' });
303+
const url = URL.createObjectURL(blob);
304+
const a = document.createElement('a');
305+
a.href = url;
306+
a.download = 'rag-masterclass-2025-08-16.ics';
307+
document.body.appendChild(a);
308+
a.click();
309+
document.body.removeChild(a);
310+
URL.revokeObjectURL(url);
311+
}
312+
document.getElementById('icsBtn').addEventListener('click', downloadICS);
313+
314+
// Share
315+
function copyLink() {
316+
if (navigator.clipboard) {
317+
navigator.clipboard.writeText(window.location.href).then(() => {
318+
alert('Page link copied to clipboard.');
319+
});
320+
} else {
321+
alert('Copy not supported in this browser');
322+
}
323+
}
324+
document.getElementById('shareBtn').addEventListener('click', copyLink);
325+
document.getElementById('shareBtn2').addEventListener('click', copyLink);
326+
</script>
327+
</body>
328+
</html>

0 commit comments

Comments
 (0)