diff --git a/index.html b/index.html
index a4cced1..5699f5f 100755
--- a/index.html
+++ b/index.html
@@ -2390,7 +2390,130 @@ <h2>All Tickets for Codecell Workshops have sold out :(</h2>
 <a name="hotels"></a>
  -->
 
-    <!-- CURRENT EVENTS -->
+    <!-- UPCOMING EVENTS -->
+    <section class="section-housing-2">
+
+      <div class="container">
+
+        <h1>
+          <div class="hotels-svg">
+
+            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+              y="0px" viewBox="0 0 75.1 84.3" enable-background="new 0 0 75.1 84.3" xml:space="preserve">
+              <g>
+                <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="1.8048" y1="76.5256" x2="70.5976"
+                  y2="7.7327">
+                  <stop offset="0" style="stop-color:#009D7A"></stop>
+                  <stop offset="0.4107" style="stop-color:#009B7A"></stop>
+                  <stop offset="0.6145" style="stop-color:#00957A"></stop>
+                  <stop offset="0.7726" style="stop-color:#008C7B"></stop>
+                  <stop offset="0.9066" style="stop-color:#01807C"></stop>
+                  <stop offset="1" style="stop-color:#04757B"></stop>
+                </linearGradient>
+
+                <rect x="7.5" y="2" fill="url(#SVGID_1_)" stroke="#0C374E" stroke-width="4" stroke-linecap="round"
+                  stroke-linejoin="round" stroke-miterlimit="10" width="57.3" height="80.3"></rect>
+
+                <line fill="none" stroke="#0C374E" stroke-width="7.4313" stroke-linecap="round" stroke-linejoin="round"
+                  stroke-miterlimit="10" x1="3.7" y1="13.5" x2="11.4" y2="13.5"></line>
+
+                <line fill="none" stroke="#0C374E" stroke-width="7.4313" stroke-linecap="round" stroke-linejoin="round"
+                  stroke-miterlimit="10" x1="3.7" y1="24.9" x2="11.4" y2="24.9"></line>
+
+                <line fill="none" stroke="#0C374E" stroke-width="7.4313" stroke-linecap="round" stroke-linejoin="round"
+                  stroke-miterlimit="10" x1="3.7" y1="36.4" x2="11.4" y2="36.4"></line>
+
+                <line fill="none" stroke="#0C374E" stroke-width="7.4313" stroke-linecap="round" stroke-linejoin="round"
+                  stroke-miterlimit="10" x1="3.7" y1="47.9" x2="11.4" y2="47.9"></line>
+
+                <line fill="none" stroke="#0C374E" stroke-width="7.4313" stroke-linecap="round" stroke-linejoin="round"
+                  stroke-miterlimit="10" x1="3.7" y1="59.3" x2="11.4" y2="59.3"></line>
+
+                <line fill="none" stroke="#0C374E" stroke-width="7.4313" stroke-linecap="round" stroke-linejoin="round"
+                  stroke-miterlimit="10" x1="3.7" y1="70.8" x2="11.4" y2="70.8"></line>
+
+                <rect class="wow agenda-svg-animation-tab" x="64.9" y="9.6" fill="#F04F30" stroke="#0C374E"
+                  stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.2"
+                  height="15.3"></rect>
+
+                <rect class="wow agenda-svg-animation-tab2" x="64.9" y="24.9" fill="#3BBCA7" stroke="#0C374E"
+                  stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.2"
+                  height="15.3"></rect>
+
+                <rect class="wow agenda-svg-animation-tab3" x="64.9" y="40.2" fill="#FFCC06" stroke="#0C374E"
+                  stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.2"
+                  height="15.3"></rect>
+
+                <rect class="wow agenda-svg-animation-tab4" x="64.9" y="55.5" fill="#008E9C" stroke="#0C374E"
+                  stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.2"
+                  height="15.3"></rect>
+                <polygon opacity="0.2" fill="#4C3F17" points="70.1,68.8 67.1,8.7 67.1,68.8  "></polygon>
+                <g>
+                  <g>
+                    <path fill="#FF9100" d="M27.9,38.9c-1.2,0-2.2-1-2.2-2.2V16.4c0-1.2,1-2.2,2.2-2.2h20.4c1.2,0,2.2,1,2.2,2.2v20.4
+        c0,1.2-1,2.2-2.2,2.2H27.9z"></path>
+                    <path fill="#0C374E" d="M48.3,16.2c0.1,0,0.2,0.1,0.2,0.2v20.4c0,0.1-0.1,0.2-0.2,0.2H27.9c-0.1,0-0.2-0.1-0.2-0.2V16.4
+        c0-0.1,0.1-0.2,0.2-0.2H48.3 M48.3,12.2H27.9c-2.3,0-4.2,1.9-4.2,4.2v20.4c0,2.3,1.9,4.2,4.2,4.2h20.4c2.3,0,4.2-1.9,4.2-4.2
+        V16.4C52.5,14.1,50.6,12.2,48.3,12.2L48.3,12.2z"></path>
+                  </g>
+                  <!-- <path fill="#0C374E" d="Add codecell logo here"></path> -->
+                </g>
+              </g>
+            </svg>
+          </div>
+          Our Upcoming Events
+        </h1>
+
+        <ul class="housing-list">
+
+          <li>
+            <div class="iframecenter" style="text-align: center;">
+
+              <iframe
+              src="https://lu.ma/embed-checkout/evt-ksoVlORejGTm0nY"
+              width="600"
+              
+              height="750"
+              frameborder="0"
+              style="border: 1px solid #bfcbda88; border-radius: 4px;"
+              allowfullscreen=""
+              aria-hidden="false"
+              tabindex="0"
+              ></iframe>
+            </div>
+            </li>
+        </ul>
+
+
+
+      </div>
+      </li>
+      </ul>
+
+
+
+
+
+
+
+
+      <div class="housing-maps">
+        <div class="md-modal md-effect-flip" id="hotel-belair-map">
+          <div class="md-content">
+            <button class="md-close"></button>
+          </div>
+        </div>
+
+        <div class="md-overlay"></div>
+      </div>
+
+      </div>
+
+    </section>
+    <!-- UPCOMING EVENTS END  -->
+
+
+        <!-- CURRENT EVENTS -->
     <section class="section-housing-3">
 
       <div class="container">
@@ -2518,6 +2641,7 @@ <h2>The Big O Club</h2>
     </section>
     <!-- CURRENT EVENTS END  -->
 
+
     <!-- COMPETITION -->
 
     <section class="section-housing-2">
diff --git a/static/styles/styles.css b/static/styles/styles.css
index 262f1a9..7405aed 100755
--- a/static/styles/styles.css
+++ b/static/styles/styles.css
@@ -529,6 +529,13 @@ ul.block-list,
   list-style: none;
 }
 
+.housing-list iframe{
+  scale: 0.9;
+  @media(max-width: 860px) {
+    width: 300px;
+  }
+}
+
 ul.block-list:before,
 .speaker-list:before,
 .talk-list li:before,
@@ -14005,4 +14012,4 @@ ul.baraja-container li {
   color: white;
   padding:15px;
   border: 1px solid black
-}
\ No newline at end of file
+}