diff --git a/web/src/about.html b/web/src/about.html
index 688175d..8478482 100644
--- a/web/src/about.html
+++ b/web/src/about.html
@@ -1,95 +1,134 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-   <head>
-      <meta charset="UTF-8" />
-      <title>MOBI | About</title>
-      <link rel="icon" href="../src/public/mobi logo.png" />
-      <meta name="viewport" content="width=device-width,initial-scale=1" />
-      <meta name="og:site_name" content="MOBI" />
-      <meta name="og:type" content="website" />
-      <meta name="og:url" content="https://mobi-uta.github.io/social-coding/" />
-      <meta name="og:title" content="MOBI" />
-      <meta name="og:description" content="MOBI Social Coding" />
-      <meta
-         name="og:image"
-         content="https://raw.githubusercontent.com/mobi-uta/social-coding/main/public/og-image.png"
-      />
-      <meta name="twitter:card" content="summary" />
-      <meta name="twitter:site" content="@utamobi" />
-      <meta name="twitter:title" content="MOBI" />
-      <meta name="twitter:description" content="MOBI Social Coding" />
-      <meta
-         name="twitter:image"
-         content="https://raw.githubusercontent.com/mobi-uta/social-coding/main/public/og-image.png"
-      />
-      <meta
-         name="twitter:image:alt"
-         content="A design cover of MOBI, A student-led programming community at the University of Texas at Arlington."
-      />
-      <meta name="description" content="MOBI Social Coding" />
-      <link rel="icon" href="favicon.png" />
-      <link rel="stylesheet" href="public/mobi.css" />
-   </head>
+  <head>
+    <meta charset="UTF-8" />
+    <title>MOBI | About</title>
+    <link rel="icon" href="../src/public/mobi logo.png" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta name="og:site_name" content="MOBI" />
+    <meta name="og:type" content="website" />
+    <meta name="og:url" content="https://mobi-uta.github.io/social-coding/" />
+    <meta name="og:title" content="MOBI" />
+    <meta name="og:description" content="MOBI Social Coding" />
+    <meta
+      name="og:image"
+      content="https://raw.githubusercontent.com/mobi-uta/social-coding/main/public/og-image.png"
+    />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:site" content="@utamobi" />
+    <meta name="twitter:title" content="MOBI" />
+    <meta name="twitter:description" content="MOBI Social Coding" />
+    <meta
+      name="twitter:image"
+      content="https://raw.githubusercontent.com/mobi-uta/social-coding/main/public/og-image.png"
+    />
+    <meta
+      name="twitter:image:alt"
+      content="A design cover of MOBI, A student-led programming community at the University of Texas at Arlington."
+    />
+    <meta name="description" content="MOBI Social Coding" />
+    <link rel="icon" href="favicon.png" />
+    <link rel="stylesheet" href="public/mobi.css" />
+  </head>
 
-   <!-- Most of the fun happens here! -->
+  <!-- Most of the fun happens here! -->
 
-   <body>
-      <h1>About Mobi</h1>
+  <body>
+    <h1>About Mobi</h1>
 
-      <!-- HEY SECTION -->
-      <section class="hey">
-         <div class="hey-div">
-            <h2 calss="hey-title">HEY ✌️</h2>
-            <p class="hey-description">
-               We're Mobi, an app development club just for you.<br />We're a
-               community of developer friends that are here to help you code and
-               have fun!
-            </p>
-         </div>
-      </section>
+    <!-- HEY SECTION -->
+    <section class="hey">
+      <div class="hey-div">
+        <h2 calss="hey-title">HEY ✌️</h2>
+        <p class="hey-description">
+          We're Mobi, an app development club just for you.<br />We're a
+          community of developer friends that are here to help you code and have
+          fun!
+        </p>
+      </div>
+    </section>
 
-      <h2>MEMBERSHIP</h2>
+    <h2>MEMBERSHIP</h2>
 
-      <h2>PHILOSOPHY</h2>
+    <h2>PHILOSOPHY</h2>
 
-      <h2>EVENTS</h2>
+    <h2>EVENTS</h2>
 
-      <h2>MOBI BYTES</h2>
+    <h2>MOBI BYTES</h2>
+    <!-- MOBI BYTES SECTION -->
+    <section class="mobi-bytes">
+      <div class="mobi-bytes">
+        <p class="mobi-bytes">
+          Our YouTube workshops! <br />
+          These byte sized videos guarantee you gain a vital new tech skill for
+          your next project.
+        </p>
+        <div class="videos">
+          <div class="video">
+            <iframe
+              width="560"
+              height="315"
+              src="https://www.youtube.com/embed/N12wZBzG4Hw?si=56E9WDwxF0wjO4sJ"
+              title="YouTube video player"
+              frameborder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+              allowfullscreen
+            ></iframe>
+            <iframe
+              width="560"
+              height="315"
+              src="https://www.youtube.com/embed/xAZWmHoPD0o?si=WjB-BQbftscqrwOh"
+              title="YouTube video player"
+              frameborder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+              allowfullscreen
+            ></iframe>
+            <iframe
+              width="560"
+              height="315"
+              src="https://www.youtube.com/embed/fwFvR254_rA?si=HxdI5WZWGb7nDhVe"
+              title="YouTube video player"
+              frameborder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+              allowfullscreen
+            ></iframe>
+        </div>
+      </div>
+    </section>
+    <h2>SOCIAL CODING</h2>
 
-      <h2>SOCIAL CODING</h2>
+    <!-- CALENDER SECTION -->
+    <section class="calender">
+      <div class="calender-div">
+        <h2 calss="calender-title">CALENDER</h2>
+        <p class="calender-description">
+          This is tentative, by the way!<br />Location to be announced.
+        </p>
+        <div class="events">
+          <div class="event">
+            <span class="event-name gb">GENERAL BODY</span>
+            <span class="event-date">02-01-2024</span>
+          </div>
+          <div class="event">
+            <span class="event-name">SOCIAL CODING</span>
+            <span class="event-date">01-25-2024</span>
+            <span class="event-location overlay-text">ONLINE</span>
+          </div>
+          <div class="event">
+            <span class="event-name">SOCIAL CODING</span>
+            <span class="event-date">02-01-2024</span>
+            <span class="event-location overlay-text">ONLINE</span>
+          </div>
+          <div class="event">
+            <span class="event-name">SOCIAL CODING</span>
+            <span class="event-date">02-01-2024</span>
+          </div>
+        </div>
+      </div>
+    </section>
 
-      <!-- CALENDER SECTION -->
-      <section class="calender">
-         <div class="calender-div">
-            <h2 calss="calender-title">CALENDER</h2>
-            <p class="calender-description">
-               This is tentative, by the way!<br />Location to be announced.
-            </p>
-            <div class="events">
-               <div class="event">
-                  <span class="event-name gb">GENERAL BODY</span>
-                  <span class="event-date">02-01-2024</span>
-               </div>
-               <div class="event">
-                  <span class="event-name">SOCIAL CODING</span>
-                  <span class="event-date">01-25-2024</span>
-                  <span class="event-location overlay-text">ONLINE</span>
-               </div>
-               <div class="event">
-                  <span class="event-name">SOCIAL CODING</span>
-                  <span class="event-date">02-01-2024</span>
-                  <span class="event-location overlay-text">ONLINE</span>
-               </div>
-               <div class="event">
-                  <span class="event-name">SOCIAL CODING</span>
-                  <span class="event-date">02-01-2024</span>
-               </div>
-            </div>
-         </div>
-      </section>
+    <h2>MAVPITCH</h2>
 
-      <h2>MAVPITCH</h2>
-
-      <h2>PROJECTS</h2>
-   </body>
+    <h2>PROJECTS</h2>
+  </body>
 </html>
