|
|
<!DOCTYPE html> |
|
|
<html lang="nl"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<meta name="description" content="Purplicious AI Discovery Workshop - Ontdek de mogelijkheden van AI voor uw bedrijf in onze intensieve workshop."> |
|
|
<title>AI Discovery Workshop | Purplicious AI Wizards</title> |
|
|
<link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
</head> |
|
|
<body class="bg-gray-50"> |
|
|
|
|
|
<nav class="fixed top-0 left-0 right-0 bg-white/90 backdrop-blur-md shadow-sm z-50"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="flex justify-between h-16 items-center"> |
|
|
<div class="flex-shrink-0 flex items-center"> |
|
|
<a href="index.html" class="text-xl font-bold text-primary-600">Purplicious AI</a> |
|
|
</div> |
|
|
<div class="hidden md:block"> |
|
|
<div class="ml-10 flex items-center space-x-4"> |
|
|
<a href="index.html" class="text-gray-700 hover:text-primary-600 px-3 py-2 rounded-md text-sm font-medium">Home</a> |
|
|
<a href="workshop.html" class="text-primary-600 px-3 py-2 rounded-md text-sm font-medium">Workshop</a> |
|
|
<a href="navigator.html" class="text-gray-700 hover:text-primary-600 px-3 py-2 rounded-md text-sm font-medium">AI Navigator</a> |
|
|
<a href="scribo.html" class="text-gray-700 hover:text-primary-600 px-3 py-2 rounded-md text-sm font-medium">Scribo</a> |
|
|
<a href="index.html#diensten" class="text-gray-700 hover:text-primary-600 px-3 py-2 rounded-md text-sm font-medium">Diensten</a> |
|
|
<a href="index.html#cases" class="text-gray-700 hover:text-primary-600 px-3 py-2 rounded-md text-sm font-medium">Cases</a> |
|
|
<a href="index.html#contact" class="text-gray-700 hover:text-primary-600 px-3 py-2 rounded-md text-sm font-medium">Contact</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:hidden"> |
|
|
<button type="button" class="mobile-menu-button inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-primary-600 focus:outline-none"> |
|
|
<i data-feather="menu" class="h-6 w-6"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<div class="pt-32 pb-20 bg-gradient-to-r from-primary-500 to-primary-700 text-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> |
|
|
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6">AI Discovery Workshop</h1> |
|
|
<p class="text-xl md:text-2xl max-w-3xl mx-auto mb-8"> |
|
|
Ontdek in één dag hoe AI uw bedrijf kan transformeren |
|
|
</p> |
|
|
<a href="#register" class="bg-white hover:bg-gray-100 text-primary-600 font-bold py-4 px-8 rounded-lg transition duration-300 transform hover:scale-105 inline-block"> |
|
|
Schrijf Nu In |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Wat levert de workshop op?</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto"> |
|
|
Een intensieve dag vol inzichten en concrete actiepunten voor uw bedrijf |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-50 p-8 rounded-xl"> |
|
|
<div class="bg-primary-100 w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto"> |
|
|
<i data-feather="target" class="text-primary-600 w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-center mb-4">Scherpe Focus</h3> |
|
|
<p class="text-gray-600 text-center"> |
|
|
Ontdek welke AI-toepassingen het meest relevant zijn voor uw specifieke uitdagingen |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-8 rounded-xl"> |
|
|
<div class="bg-primary-100 w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto"> |
|
|
<i data-feather="zap" class="text-primary-600 w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-center mb-4">Concrete Actiepunten</h3> |
|
|
<p class="text-gray-600 text-center"> |
|
|
Ga naar huis met een duidelijk plan van aanpak voor AI-implementatie |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-8 rounded-xl"> |
|
|
<div class="bg-primary-100 w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto"> |
|
|
<i data-feather="trending-up" class="text-primary-600 w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-center mb-4">Concurrentievoordeel</h3> |
|
|
<p class="text-gray-600 text-center"> |
|
|
Ontwikkel een strategie om voor te blijven op concurrenten met AI |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-gray-50"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center"> |
|
|
<div> |
|
|
<img src="http://static.photos/workspace/1200x630/1" alt="Workshop setting" class="rounded-xl shadow-lg"> |
|
|
</div> |
|
|
<div> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6">Programma Details</h2> |
|
|
|
|
|
<div class="space-y-6"> |
|
|
<div class="flex items-start"> |
|
|
<div class="bg-primary-100 p-3 rounded-full mr-5 flex-shrink-0"> |
|
|
<i data-feather="clock" class="text-primary-600 w-5 h-5"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold text-gray-900 mb-2">09:00 - 09:30</h3> |
|
|
<p class="text-gray-600">Ontvangst & introductie</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<div class="bg-primary-100 p-3 rounded-full mr-5 flex-shrink-0"> |
|
|
<i data-feather="book" class="text-primary-600 w-5 h-5"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold text-gray-900 mb-2">09:30 - 11:00</h3> |
|
|
<p class="text-gray-600">AI fundamentals & state-of-the-art</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<div class="bg-primary-100 p-3 rounded-full mr-5 flex-shrink-0"> |
|
|
<i data-feather="search" class="text-primary-600 w-5 h-5"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold text-gray-900 mb-2">11:15 - 12:30</h3> |
|
|
<p class="text-gray-600">Uw bedrijfsprocessen analyseren voor AI-mogelijkheden</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<div class="bg-primary-100 p-3 rounded-full mr-5 flex-shrink-0"> |
|
|
<i data-feather="coffee" class="text-primary-600 w-5 h-5"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold text-gray-900 mb-2">12:30 - 13:30</h3> |
|
|
<p class="text-gray-600">Lunch & netwerken</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<div class="bg-primary-100 p-3 rounded-full mr-5 flex-shrink-0"> |
|
|
<i data-feather="cpu" class="text-primary-600 w-5 h-5"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold text-gray-900 mb-2">13:30 - 15:00</h3> |
|
|
<p class="text-gray-600">Deep dive: AI use cases voor uw sector</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<div class="bg-primary-100 p-3 rounded-full mr-5 flex-shrink-0"> |
|
|
<i data-feather="check-circle" class="text-primary-600 w-5 h-5"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold text-gray-900 mb-2">15:15 - 16:30</h3> |
|
|
<p class="text-gray-600">Roadmap ontwikkelen & actieplan</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Wat zeggen onze deelnemers?</h2> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
|
|
<div class="bg-gray-50 p-8 rounded-xl"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex -space-x-2 mr-4"> |
|
|
<img src="http://static.photos/people/200x200/4" alt="Deelnemer" class="w-12 h-12 rounded-full border-2 border-white"> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold">Mark van Dijk</h4> |
|
|
<p class="text-gray-600 text-sm">CEO, Retail Company</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-600 italic"> |
|
|
"De workshop heeft ons geholpen om concrete AI-toepassingen te identificeren die we binnen 3 maanden hebben geïmplementeerd. Onze klantenservice is hierdoor met 40% verbeterd!" |
|
|
</p> |
|
|
<div class="flex mt-4"> |
|
|
<i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i> |
|
|
<i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i> |
|
|
<i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i> |
|
|
<i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i> |
|
|
<i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-8 rounded-xl"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex -space-x-2 mr-4"> |
|
|
<img src="http://static.photos/people/200x200/5" alt="Deelnemer" class="w-12 h-12 rounded-full border-2 border-white"> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold">Lisa de Vries</h4> |
|
|
<p class="text-gray-600 text-sm">CTO, Tech Startup</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-600 italic"> |
|
|
"Na deze dag hadden we niet alleen een duidelijk beeld van AI-mogelijkheden, maar ook een concreet stappenplan. Binnen een half jaar hebben we twee AI-projecten opgeleverd!" |
|
|
</p> |
|
|
<div class="flex mt-4"> |
|
|
<i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i> |
|
|
<i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i> |
|
|
<i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i> |
|
|
<i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i> |
|
|
<i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="register" class="py-20 bg-primary-600 text-white"> |
|
|
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="bg-white rounded-xl shadow-lg p-8"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-2">Schrijf u in voor de workshop</h2> |
|
|
<p class="text-gray-600 mb-6">Vul het formulier in en we nemen contact met u op om de details te bespreken.</p> |
|
|
|
|
|
<form class="space-y-6"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-6"> |
|
|
<div> |
|
|
<label for="first-name" class="block text-sm font-medium text-gray-700 mb-1">Voornaam *</label> |
|
|
<input type="text" id="first-name" name="first-name" required class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label for="last-name" class="block text-sm font-medium text-gray-700 mb-1">Achternaam *</label> |
|
|
<input type="text" id="last-name" name="last-name" required class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email *</label> |
|
|
<input type="email" id="email" name="email" required class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="company" class="block text-sm font-medium text-gray-700 mb-1">Bedrijfsnaam *</label> |
|
|
<input type="text" id="company" name="company" required class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Telefoonnummer</label> |
|
|
<input type="tel" id="phone" name="phone" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="participants" class="block text-sm font-medium text-gray-700 mb-1">Aantal deelnemers *</label> |
|
|
<select id="participants" name="participants" required class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"> |
|
|
<option value="">Selecteer</option> |
|
|
<option value="1">1 deelnemer</option> |
|
|
<option value="2">2 deelnemers</option> |
|
|
<option value="3">3 deelnemers</option> |
|
|
<option value="4+">4 of meer deelnemers</option> |
|
|
</select> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="interests" class="block text-sm font-medium text-gray-700 mb-1">Interesses (meerdere opties mogelijk)</label> |
|
|
<div class="space-y-2"> |
|
|
<div class="flex items-center"> |
|
|
<input id="interest-chatbots" name="interests" type="checkbox" value="chatbots" class="h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 rounded"> |
|
|
<label for="interest-chatbots" class="ml-3 block text-sm text-gray-700">Chatbots & Virtuele Assistenten</label> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<input id="interest-analytics" name="interests" type="checkbox" value="analytics" class="h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 rounded"> |
|
|
<label for="interest-analytics" class="ml-3 block text-sm text-gray-700">Predictive Analytics</label> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<input id="interest-vision" name="interests" type="checkbox" value="vision" class="h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 rounded"> |
|
|
<label for="interest-vision" class="ml-3 block text-sm text-gray-700">Beeldherkenning</label> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<input id="interest-automation" name="interests" type="checkbox" value="automation" class="h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 rounded"> |
|
|
<label for="interest-automation" class="ml-3 block text-sm text-gray-700">Procesautomatisering</label> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="message" class="block text-sm font-medium text-gray-700 mb-1">Opmerkingen of vragen</label> |
|
|
<textarea id="message" name="message" rows="4" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"></textarea> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-center"> |
|
|
<input id="privacy" name="privacy" type="checkbox" required class="h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 rounded"> |
|
|
<label for="privacy" class="ml-3 block text-sm text-gray-700"> |
|
|
Ik ga akkoord met het <a href="#" class="text-primary-600 hover:text-primary-700">privacybeleid</a> * |
|
|
</label> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<button type="submit" class="w-full bg-primary-600 hover:bg-primary-700 text-white font-bold py-4 px-6 rounded-lg transition duration-300 transform hover:scale-[1.02]"> |
|
|
Verstuur Aanmelding |
|
|
</button> |
|
|
</div> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-900 text-white pt-16 pb-12"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-12"> |
|
|
<div> |
|
|
<h3 class="text-2xl font-bold mb-6 flex items-center"> |
|
|
<span class="bg-gradient-to-r from-primary-400 to-primary-600 bg-clip-text text-transparent">Purplicious AI</span> |
|
|
<span class="ml-2 text-xs bg-primary-600 px-2 py-1 rounded-full">Wizards</span> |
|
|
</h3> |
|
|
<p class="text-gray-400 mb-6"> |
|
|
Specialisten in op maat gemaakte AI-oplossingen voor bedrijven die willen innoveren en groeien. |
|
|
</p> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition duration-300"> |
|
|
<i data-feather="twitter"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition duration-300"> |
|
|
<i data-feather="linkedin"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition duration-300"> |
|
|
<i data-feather="facebook"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-lg font-semibold mb-6">Pagina's</h4> |
|
|
<ul class="space-y-3"> |
|
|
<li><a href="index.html" class="text-gray-400 hover:text-white transition duration-300">Home</a></li> |
|
|
<li><a href="workshop.html" class="text-gray-400 hover:text-white transition duration-300">Workshop</a></li> |
|
|
<li><a href="navigator.html" class="text-gray-400 hover:text-white transition duration-300">AI Navigator</a></li> |
|
|
<li><a href="index.html#diensten" class="text-gray-400 hover:text-white transition duration-300">Diensten</a></li> |
|
|
<li><a href="index.html#cases" class="text-gray-400 hover:text-white transition duration-300">Cases</a></li> |
|
|
<li><a href="index.html#contact" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-lg font-semibold mb-6">Contact</h4> |
|
|
<ul class="space-y-3"> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="map-pin" class="text-gray-400 w-5 h-5 mr-3 mt-1 flex-shrink-0"></i> |
|
|
<span class="text-gray-400">AI Straat 42, 1011 AA Amsterdam</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i data-feather="mail" class="text-gray-400 w-5 h-5 mr-3"></i> |
|
|
<a href="mailto:info@purplicious-ai.nl" class="text-gray-400 hover:text-white transition duration-300">info@purplicious-ai.nl</a> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i data-feather="phone" class="text-gray-400 w-5 h-5 mr-3"></i> |
|
|
<a href="tel:+31612345678" class="text-gray-400 hover:text-white transition duration-300">+31 6 12345678</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-lg font-semibold mb-6">Workshop</h4> |
|
|
<p class="text-gray-400 mb-4"> |
|
|
Interesse in onze AI Discovery Workshop? Neem contact op voor meer informatie over data en locaties. |
|
|
</p> |
|
|
<a href="#register" class="inline-flex items-center text-primary-400 hover:text-primary-300 font-medium"> |
|
|
Inschrijven |
|
|
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="border-t border-gray-800 mt-16 pt-8 flex flex-col md:flex-row justify-between items-center"> |
|
|
<p class="text-gray-500 text-sm mb-4 md:mb-0"> |
|
|
© 2023 <span class="text-primary-400">Purplicious AI Wizards</span>. Alle rechten voorbehouden. |
|
|
</p> |
|
|
<div class="flex flex-col sm:flex-row gap-4 sm:gap-6 text-center"> |
|
|
<a href="#" class="text-gray-500 hover:text-gray-300 text-sm transition duration-300 hover:underline">Privacybeleid</a> |
|
|
<a href="#" class="text-gray-500 hover:text-gray-300 text-sm transition duration-300 hover:underline">Algemene Voorwaarden</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
feather.replace(); |
|
|
|
|
|
|
|
|
if(document.querySelector('.mobile-menu-button')) { |
|
|
document.querySelector('.mobile-menu-button').addEventListener('click', function() { |
|
|
document.querySelector('.mobile-menu').classList.toggle('hidden'); |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
document.querySelector(this.getAttribute('href')).scrollIntoView({ |
|
|
behavior: 'smooth' |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
