diff --git a/contact.html b/contact.html
index 3531841..4ad763f 100644
--- a/contact.html
+++ b/contact.html
@@ -45,13 +45,13 @@
                     <a class="nav-link link text-black display-4" href="index.html">Main website</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link link text-black display-4" href="gallery.html">Gallery</a>
+                    <a class="nav-link link text-black display-4" href="gallery.html">Galerij</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link link text-black display-4" href="contact.html">Contacts</a>
+                    <a class="nav-link link text-black display-4" href="contact.html">Contacten</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link link text-black display-4" href="#" aria-expanded="false">Events</a>
+                    <a class="nav-link link text-black display-4" href="events.html" aria-expanded="false">Evenementen</a>
                 </li>
               </ul>
             </div>
diff --git a/events.html b/events.html
new file mode 100644
index 0000000..aff9f31
--- /dev/null
+++ b/events.html
@@ -0,0 +1,160 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
+    <link rel="shortcut icon" href="favicon.jpg" type="image/x-icon">
+    <meta name="description" content="Explore the vibrant moments captured at our recent car meet, showcasing stunning vehicles and the passionate community behind them.">
+    <title>Car Meet Evenementen</title>
+    <link rel="stylesheet" href="css/style1.css">
+    <link rel="stylesheet" href="css/bootstrap1.css">
+    <link rel="stylesheet" href="css/bootstrap2.css">
+    <link rel="stylesheet" href="css/bootstrap3.css">
+    <link rel="stylesheet" href="css/jarallax.css">
+    <link rel="stylesheet" href="css/dropstyle.css">
+    <link rel="stylesheet" href="https://r.mobirisesite.com/849385/assets/socicon/css/styles.css?rnd=1730245704585">
+    <link rel="stylesheet" href="css/themestyle.css">
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap&display=swap"></noscript>
+    <link rel="stylesheet" href="css/additional.css" type="text/css">
+        
+   
+<style>
+      .navbar-fixed-top {
+        top: auto;
+      }
+      #mobiriseBanner.container-banner {
+        height: 8rem;
+        opacity: 1;
+        -webkit-animation: 4s linear animationHeight;
+        -moz-animation: 4s linear animationHeight;
+          -o-animation: 4s linear animationHeight;
+             animation: 4s linear animationHeight;
+             transition: all  0.5s;
+      }
+      #mobiriseBanner.container-banner.container-banner-closing {
+        pointer-events: none;
+        height: 0;
+        opacity: 0;
+        -webkit-animation: 0.5s linear animationClosing;
+        -moz-animation:  0.5s linear animationClosing;
+          -o-animation:  0.5s linear animationClosing;
+             animation:  0.5s linear animationClosing;
+      }
+      #mobiriseBanner .banner {
+        min-height: 8rem;
+        position:fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        background: #fff;
+        padding: 10px;
+        opacity:1;
+        -webkit-animation: 4s linear animationBanner;
+        -moz-animation: 4s linear animationBanner;
+          -o-animation: 4s linear animationBanner;
+             animation: 4s linear animationBanner;
+        z-index: 1031;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+      }
+      
+      
+      #mobiriseBanner .banner .btn {
+        margin: 0.3rem 0.5rem;
+        animation: none;
+        visibility: visible;
+      }
+      .navbar.opened {
+          z-index: 1032;
+      }
+      @-webkit-keyframes animationBanner { 0% { opacity: 0; top: -8rem; } 75% { opacity: 0; top: -8rem; } 100% { opacity: 1; top: 0; } }
+      @-moz-keyframes animationBanner { 0% { opacity: 0; top: -8rem; } 75% { opacity: 0; top: -8rem; } 100% { opacity: 1; top: 0; } }
+      @-o-keyframes animationBanner { 0% { opacity: 0; top: -8rem; } 75% { opacity: 0; top: -8rem; } 100% { opacity: 1; top: 0; } }
+         @keyframes animationBanner { 0% { opacity: 0; top: -8rem; } 75% { opacity: 0; top: -8rem; } 100% { opacity: 1; top: 0; } }
+      @-webkit-keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 8rem; } }
+      @-moz-keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 8rem; } }
+      @-o-keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 8rem; } }
+         @keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 8rem; } }
+         
+      @-webkit-keyframes animationClosing { 0% { height: 8rem; opacity: 1; } 30% { height: 8rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
+      @-moz-keyframes animationClosing { 0% { height: 8rem; opacity: 1; } 30% { height: 8rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
+      @-o-keyframes animationClosing { 0% { height: 8rem; opacity: 1; } 30% { height: 8rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
+      @keyframes animationClosing { 0% { height: 8rem; opacity: 1; } 30% { height: 8rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
+      
+      @media(max-width: 767px) {
+        #mobiriseBanner.container-banner {
+          height: 12rem;
+        }
+        #mobiriseBanner .banner {
+          min-height: 12rem;
+        }
+        @-webkit-keyframes animationBanner { 0% { opacity: 0; top: -12rem; } 75% { opacity: 0; top: -12rem; } 100% { opacity: 1; top: 0; } }
+        @-moz-keyframes animationBanner { 0% { opacity: 0; top: -12rem; } 75% { opacity: 0; top: -12rem; } 100% { opacity: 1; top: 0; } }
+        @-o-keyframes animationBanner { 0% { opacity: 0; top: -12rem; } 75% { opacity: 0; top: -12rem; } 100% { opacity: 1; top: 0; } }
+          @keyframes animationBanner { 0% { opacity: 0; top: -12rem; } 75% { opacity: 0; top: -12rem; } 100% { opacity: 1; top: 0; } }
+        @-webkit-keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 12rem; } }
+        @-moz-keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 12rem; } }
+        @-o-keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 12rem; } }
+          @keyframes animationHeight { 0% { height: 0; } 75% { height: 0; } 100% { height: 12rem; } }
+      
+        @-webkit-keyframes animationClosing { 0% { height: 12rem; opacity: 1; } 30% { height: 12rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
+        @-moz-keyframes animationClosing { 0% { height: 12rem; opacity: 1; } 30% { height: 12rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
+        @-o-keyframes animationClosing { 0% { height: 12rem; opacity: 1; } 30% { height: 12rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
+        @keyframes animationClosing { 0% { height: 12rem; opacity: 1; } 30% { height: 12rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
+      }
+</style>
+      
+<style type="text/css">
+        body { 
+          margin-top: 0px;
+          margin-right: 0px;
+          margin-bottom: 0px;
+          margin-left: 0px
+        }
+</style>
+</head>
+
+<body>
+    
+<section data-bs-version="5.1" class="pad-down menu menu2 cid-usDHBbJnxp" once="menu" id="menu-5-usDHBbJnxp">
+    <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
+            <div class="container">
+              <div class="navbar-brand">
+                <span class="navbar-logo">
+        
+                </span>
+                <span class="navbar-caption-wrap"><a class="navbar-caption text-black display-4" href="index.html">CarMeet</a></span>
+              </div>
+              <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
+                <div class="hamburger">
+                  <span></span>
+                  <span></span>
+                  <span></span>
+                  <span></span>
+                </div>
+              </button>
+              <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
+                  <li class="nav-item">
+                      <a class="nav-link link text-black display-4" href="index.html">Main website</a>
+                  </li>
+                  <li class="nav-item">
+                      <a class="nav-link link text-black display-4" href="gallery.html">Galerij</a>
+                  </li>
+                  <li class="nav-item">
+                      <a class="nav-link link text-black display-4" href="contact.html">Contacten</a>
+                  </li>
+                  <li class="nav-item">
+                      <a class="nav-link link text-black display-4" href="#" aria-expanded="false">Evenementen</a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </nav>
+</section>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/gallery.html b/gallery.html
index e7d31f9..a7d164c 100644
--- a/gallery.html
+++ b/gallery.html
@@ -48,13 +48,13 @@
               <a class="nav-link link text-black display-4" href="index.html">Main website</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link link text-black display-4" href="gallery.html">Gallery</a>
+              <a class="nav-link link text-black display-4" href="gallery.html">Galerij</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link link text-black display-4" href="contact.html">Contacts</a>
+              <a class="nav-link link text-black display-4" href="contact.html">Contacten</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link link text-black display-4" href="#" aria-expanded="false">Events</a>
+              <a class="nav-link link text-black display-4" href="events.html" aria-expanded="false">Evenementen</a>
             </li>
           </ul>
         </div>
diff --git a/index.html b/index.html
index 9e03e46..995d24d 100644
--- a/index.html
+++ b/index.html
@@ -117,7 +117,7 @@
     margin-bottom: 0px;
     margin-left: 0px
   }
-  </style>
+</style>
 
 </head>
 <body>
@@ -144,10 +144,10 @@
 			<div class="collapse navbar-collapse" id="navbarSupportedContent">
 				<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
 					<li class="nav-item">
-						<a class="nav-link link text-black display-4" href="gallery.html">Gallery</a>
+						<a class="nav-link link text-black display-4" href="gallery.html">Galerij</a>
 					</li>
 					<li class="nav-item">
-						<a class="nav-link link text-black display-4" href="#" aria-expanded="false">Evenementen</a>
+						<a class="nav-link link text-black display-4" href="events.html" aria-expanded="false">Evenementen</a>
 					</li>
           <li class="nav-item">
 						<a class="nav-link link text-black display-4" href="contact.html" aria-expanded="false">Contact</a>
@@ -441,9 +441,9 @@
             </h5>
             <p class="mbr-text mbr-fonts-style mb-3 display-7">2024-10-28</p>
             <p class="mbr-text mbr-fonts-style mb-3 display-7">Gisteren was een knaller! Auto's, vrienden en onvergetelijke momenten vulden de lucht.</p>
-            <div class="mbr-section-btn item-footer">
+            <!-- <div class="mbr-section-btn item-footer">
               <a href="" class="btn item-btn btn-primary display-7">View</a>
-            </div>
+            </div> -->
           </div>
         </div>
       </div>
@@ -454,13 +454,13 @@
           </div>
           <div class="item-content align-left">
             <h5 class="item-title mbr-fonts-style mb-2 mt-0 display-5">
-              <strong>Best Rides of the Night</strong>
+              <strong>Beste Ritten van de Dag</strong>
             </h5>
             <p class="mbr-text mbr-fonts-style mb-3 display-7">2024-10-28</p>
-            <p class="mbr-text mbr-fonts-style mb-3 display-7">From classics to modern beasts, the lineup was jaw-dropping. Don’t miss these stunning machines!</p>
-            <div class="mbr-section-btn item-footer">
+            <p class="mbr-text mbr-fonts-style mb-3 display-7">Van klassiekers tot moderne beesten, de line-up was adembenemend. Mis deze prachtige machines niet!</p>
+            <!-- <div class="mbr-section-btn item-footer">
               <a href="" class="btn item-btn btn-primary display-7">View</a>
-            </div>
+            </div> -->
           </div>
         </div>
       </div>
@@ -471,13 +471,13 @@
           </div>
           <div class="item-content align-left">
             <h5 class="item-title mbr-fonts-style mb-2 mt-0 display-5">
-              <strong>Meet the Car Enthusiasts</strong>
+              <strong>Ontmoet de Autoliefhebbers</strong>
             </h5>
             <p class="mbr-text mbr-fonts-style mb-3 display-7">2024-10-28</p>
-            <p class="mbr-text mbr-fonts-style mb-3 display-7">Passionate owners shared stories and laughs. It’s not just about the cars; it’s about the community!</p>
-            <div class="mbr-section-btn item-footer">
+            <p class="mbr-text mbr-fonts-style mb-3 display-7">Passionele eigenaren deelden verhalen en kennis. Het gaat niet alleen om de auto's, maar om de gemeenschap!</p>
+            <!-- <div class="mbr-section-btn item-footer">
               <a href="" class="btn item-btn btn-primary display-7">View</a>
-            </div>
+            </div> -->
           </div>
         </div>
       </div>
@@ -488,13 +488,13 @@
           </div>
           <div class="item-content align-left">
             <h5 class="item-title mbr-fonts-style mb-2 mt-0 display-5">
-              <strong>Join Us Next Time!</strong>
+              <strong>Doe mee de volgende keer!</strong>
             </h5>
             <p class="mbr-text mbr-fonts-style mb-3 display-7">2024-10-28</p>
-            <p class="mbr-text mbr-fonts-style mb-3 display-7">Don’t be left out! Our next meet promises even more excitement. Mark your calendars!</p>
-            <div class="mbr-section-btn item-footer">
+            <p class="mbr-text mbr-fonts-style mb-3 display-7">Zorg dat je erbij bent! Onze volgende meet belooft nog meer opwinding. Zet het in je agenda!</p>
+            <!-- <div class="mbr-section-btn item-footer">
               <a href="" class="btn item-btn btn-primary display-7">View</a>
-            </div>
+            </div> -->
           </div>
         </div>
       </div>
