diff --git a/audiovideofiles/DeathmatchAudio.mp3 b/audiovideofiles/DeathmatchAudio.mp3
new file mode 100644
index 000000000..69582b91f
Binary files /dev/null and b/audiovideofiles/DeathmatchAudio.mp3 differ
diff --git a/audiovideofiles/Deathmatchv3.mp4 b/audiovideofiles/Deathmatchv3.mp4
new file mode 100644
index 000000000..94348bbd5
Binary files /dev/null and b/audiovideofiles/Deathmatchv3.mp4 differ
diff --git a/index.html b/index.html
index e69de29bb..7fbf13fda 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Cereal Meeting Minutes</title>
+        <link href="screenshots/cerealbox.ico" rel="icon">
+    </head>
+    <body>
+        <header>
+            <h1>"What is the Best Cereal" Meeting</h1>
+            <h2>Ranking Cereals in a Tier List</h2>
+            <h3><date>12 April 2023</date></h3>
+            <hr>
+        </header>
+
+        <nav>
+            <ol>
+                <li><a href="#attend-list">Attendance List</a></li>
+                <li><a href="#u-business">Meeting Business</a></li>
+                <li><a href="#tier-list">Tier List</a></li>
+                <li><a href="#form-stuff">Form Stuff</a></li>
+            </ol>
+            <hr>
+        </nav>
+
+        <main>
+            <div class="Attendance List">
+            <h2 id="attend-list">Attendance List</h2>
+            <ul>
+                <li>Shaun Lagon</li>
+                <li>Jose Arreguin</li>
+                <li>Antonio Zamora</li>
+                <li>Maddison Montgomery</li>
+                <li>Daniel Rodriguez</li>
+            </ul>
+            </div>
+
+            <h3>Meeting Agenda</h3>
+            <p>This meeting will discuss the different kinds of cereals as well
+                as <strong>ranking them in a tier list</strong> to see which
+                cereal is ultimately the best 
+            </p>
+            <p>The cereals we will be ranking are:</p>
+                <p><span>Apple Jacks</span>,<span>Cheerios</span>,
+                    <span>Cinnamon Toast Crunch</span>, <span>Corn Pops</span>,
+                    <span>Frosted Flakes</span>, <span>Froot Loops</span>,
+                    <span>Kix</span>, <span>Lucky Charms</span>,
+                    <span>Fruity Pebbles</span>, <span>Frosted Mini Wheats</span>,
+                    <span>Chex</span>, <span>Coco Puffs</span>, <span>Cookie Crisps</span>
+                </p>
+                    
+                <details>
+                    <summary>Important Note</summary>These are the 
+                    <strong>top 13 most popular cereal brands</strong> from our
+                    company
+                </details>
+
+            <h3 id="u-business">Unfinished Business from Last meeting</h3>
+                <ul>
+                    <li>Calculate the scores for the top cereals</li>
+                    <li>Discuss the direction of the main project <i>Equionix</i></li>
+                    <li>Discuss the situation with the missing food in the 
+                        company fridge</li>
+                    <li>Discuss pay raises</li>
+                    <li>Discuss allegations about the rat infestation</li>
+                </ul>
+
+            <h3>New Business to be talked about this meeting</h3>
+                <ul>
+                    <li>Rank the cereals in the tierlist</li>
+                    <li>Fire the people who like Chex and Kix</li>
+                    <li>Start an outline on the main project <i>Equinox</i></li>
+                </ul>
+
+            <h3>Misc Comments/Questions/Concerns</h3>
+            <p>
+                "Can we <em>please</em> get rid of these rats?" - Daniel
+            </p>
+
+            <section>
+                <h3 id="tier-list">Definitive Tier List</h3>
+                <img src="screenshots/cerealtierlist.png" alt="Tier List of the
+                previously mentioned cereals with Lucky Charms at S and Chex + Kix
+                at F">
+            </section>
+
+            <figure>
+                <figcaption>Overwatch Deathmatch</figcaption>
+                <video controls width="300">
+                    <source src="audiovideofiles/Deathmatchv3.mp4"
+                    type="video/mp4">
+                </video>
+                <audio controls src="audiovideofiles/DeathmatchAudio.mp3">
+
+                </audio>
+            </figure>
+
+            <hr>
+            <form>
+                <h2 id="form-stuff">Forms stuff</h2>
+                <fieldset>
+                    <textarea>Theres an imposter among us</textarea><br>
+                    <label for="collegepicker">Pick your UCSD college</label><br>
+                    <select id="collegepicker">
+                        <option value="">Select Option</option>
+                        <option value="rev">Revelle</option>
+                        <option value="muir">Muir</option>
+                        <option value="marsh">Marshall</option>
+                        <option value="warr">Warren</option>
+                        <option value="roos">Roosevelt</option>
+                        <option value="six">Sixth</option>
+                        <option value="sev">Seventh</option>
+                        <option value="eight">Eighth</option>
+                    </select> <br>
+
+                    <label for="favnumber">Enter your favorite number</label>
+                    <input list="numberchoices" id="favnumber">
+                    <datalist id="numberchoices">
+                        <option value="0">0</option>
+                        <option value="1">1</option>
+                        <option value="2">10</option>
+                        <option value="3">11</option>
+                    </datalist>
+                </fieldset>
+
+
+
+                <fieldset name="roleselecter">
+                    <legend>Pick your favorite role</legend>
+                    <input type="checkbox" id="prompt">
+                    <label for="prompt">Do you play Overwatch?</label><br>
+
+                    <input type="radio" id="tank" name="role">
+                    <label for="tank">Tank</label><br>
+
+                    <input type="radio" id="dps" name="role">
+                    <label for="dps">DPS</label><br>
+
+                    <input type="radio" id="support" name="role">
+                    <label for="support">Support</label><br>
+                </fieldset>
+
+                <fieldset>
+                    <legend>Enter Your Credit Card Number and Birthday</legend>
+                    <input type="text" id="ccnumber">
+                    <label for="ccnumber">Credit Card Number</label><br>
+                    <input type="date" id="bday">
+                    <label for="bday">Birthday</label>
+                </fieldset> <br>
+
+                <button type="button">This is not a button</button>
+            </form>
+        </main>
+        <footer>
+            <hr>
+            <p>Remember to <b>enjoy</b> any cereal you like!</p>
+            <p>If you have any questions email us at:
+                <a href="mailto:honeypotstudios@gmail.com">HoneyPotStudios 
+                Email</a><br />
+                Or reach out to the owner directly at: 
+                <a href="mailto:josearreguin1676@gmail.com">Joses Email</a>
+            </p>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/screenshots/cerealbox.ico b/screenshots/cerealbox.ico
new file mode 100644
index 000000000..708597e09
Binary files /dev/null and b/screenshots/cerealbox.ico differ
diff --git a/screenshots/cerealtierlist.png b/screenshots/cerealtierlist.png
new file mode 100644
index 000000000..ba08df40b
Binary files /dev/null and b/screenshots/cerealtierlist.png differ
