diff --git a/index.html b/index.html
index e69de29b..bc22a397 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Harry Potter's Battle Meeting</title>
+        <meta name="description" content="Notes Recorded during Harry's Battle plan meeting.">
+        <meta name="author" content="Hermione Granger">
+        <link rel="icon" href="favicon.ico">
+    </head>
+    <body>
+        <main>
+            <h1>Battle Plans Meeting</h1>
+            <p>Date: October 3,2021</p>
+            <p>People who were present include:</p>
+            <ul>
+                <li>Harry Potter</li>
+                <li>Hermione Granger</li>
+                <li>Ron Weasley</li>
+                <li>Ginny Weasley</li>
+                <li>Neville Longbottom</li>
+                <li>Luna Lovegood</li>
+                <li>Draco Malfoy</li>
+                <li>Minerva Mcgonagall</li>
+            </ul>
+            
+            <hr>
+
+            <h2>Plans for today!</h2>
+            <ol>
+                <li><em>Discuss</em> unfinished business from last time.</li>
+                    <ul>
+                        <li><i>Who will research new threats?</i></li>
+                        <li><i>Where will we have the annual auror's ball?</i></li>
+                    </ul>
+                <li><em>Discuss</em> new threats and how they will be eliminated.</li>
+                <li><em>Determine</em> who will be present in these battles.</li>
+                <li><em>Discuss</em> any concerns with the plans made.</li>
+                <li><em>Close</em> the meeting.</li>
+            </ol>
+
+            <div class="warning">
+                <p><strong>Please be aware that you <span class="important">MUST</span>
+                     be present for the next meeting on October 31!</strong></p>
+            </div>
+
+            <p><b>New</b> aurors will be in charge of researching the new threats to the wizarding world.</p>
+            <nav class="Threats">
+                <li class="Threats"><a href="#">Evil Threats</a></li>
+            </nav>
+            <p>This link will take you to the database of all the threats currently not found.</p>
+        </main>
+        <form>
+            <fieldset>
+                <legend>Choose your favorite spell.</legend>
+                
+                <input type="radio" id="Expelliarmus" name="spell">
+                <label for="Expelliarmus">Expelliarmus</label><br/>
+
+                <input type="radio" id="Avada kedavra" name="spell">
+                <label for="Avada kedavra">Avada Kedabra</label><br/>
+                
+                <input type="radio" id="Petrificus Totalus" name="spell">
+                <label for="Petrificus Totalus">Petrificus Totalus</label>
+            </fieldset>            
+        </form>
+
+        <h3>Next Meeting</h3>
+        <section>
+            <p>We will provide lunch for the next meeting as an incentive
+                attendance. Please provide us with answers to the questions
+                below.
+            </p>
+            <footer>
+                <p>@ Harry Potter</p>
+            </footer>
+        </section>
+
+        <label for="drink-select">Pick a drink:</label>
+
+        <select id="drink-select">
+            <option value="">--Please choose an option--</option>
+            <option value="butterbeer">Butterbeer</option>
+            <option value="water">Water</option>
+            <option value="Brandy">Dragon Barrel Brandy</option>
+        </select>
+
+        <label for="food">Choose a meal:</label>
+        <input list="meals" id="food" name="food"/>
+
+        <datalist id="food" >
+            <option value="Chocolate frogs">
+            <option value="Eggs and toast">
+            <option value="Steak and carrots.">
+        </datalist>
+
+        <p>Please submit your name.</p>
+
+        <form>
+            <label>
+                <input name="submit-name" autocomplete="name">
+            </label>
+            <button>Save</button>
+        </form>
+
+        <label for="questions">What is your question:</label>
+
+        <textarea id="questions" name="questions" 
+                    rows="3" cols="15">
+                    My question is
+        </textarea>
+        
+        <h4>Contact Me</h4>
+
+        <p>You can reach me at:</p>
+
+        <ul>
+            <li><a href="mailto:hermione.granger@gmail.com">Email</a></li>
+            <li><a href="tel:+123456789">Phone</a></li>
+        </ul>
+
+        <h5>Miscellaneous</h5>
+        <figure>
+            <figcaption>Listen to our theme song:</figcaption>
+            <audio
+                controls
+                src="https://drive.google.com/file/d/1oOVx0DD-_5pvdH4y0Kr3hFvtlG4hhf3X/view?usp=sharing">
+                    Your browser does not support the <code>audio</code> element.
+            </audio>
+        </figure>
+
+        <p>This is one of the creatures we believe could pose a threat.</p>
+        <video controls width="250">
+            <source src="https://drive.google.com/file/d/1zNtBbyHtP6iToyS0XMhDOsuooZWsbP7O/view?usp=sharing"
+                type="video/link">
+                Sorry your browser doesn't support embedded videos.
+        </video>
+
+        <details>
+            <summary>Notices</summary>
+            Happy Birthday October aurors!
+        </details>
+
+    </body>
+</html>
\ No newline at end of file
