na coaching

EmreT58 · Jan 18, 2024 · e0f330c · e0f330c
1 parent 239e4c0
commit e0f330c
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -6,14 +6,22 @@
     <title>Coffeeshop La Tienda</title>
     <link rel="stylesheet" href="style.css">
 </head>
+<!-- Start met video, transitie naar sketch, typewriter animatie introductie en daarna auto scroll naar deur -->
+<!-- Vervolgens highlighted sketch met klikbare divs, als je divs klikt krijg je een witte vak met tekst te zien -->
 <body>
     <main>
+        <div id="video-container">
+            <h1>La Tienda</h1>
+            <video autoplay muted loop><source src="dooievid"></video>
+        </div>
+
         <div id="image-container">
-            <img id="buitenkant" src="images/buiten-ss.png" usemap="#image-map">
+            <img id="buitenkant" src="images/buiten-ss.png">
+            <div id="deur-buiten" onclick="naarBinnen()"></div>
+            <!-- <img id="binnenkant" src="images/binnen-ss.png"> -->
+            <!-- binnenkant zetten op een andere pagina zodat de divs niet door elkaar heen gaan -->
+            <!-- of aan de hand van displayed sketch vorige divs niet klikbaar maken -->
         </div>
-        <map name="image-map">
-            <area target="_blank" alt="Google" title="Google" href="https://www.google.nl/" coords="50,50,50,50" shape="rect">
-        </map>
     </main>
     <script src="script.js"></script>
 </body>