diff --git a/DogVid.mp4 b/DogVid.mp4
new file mode 100644
index 000000000..f9eb53166
Binary files /dev/null and b/DogVid.mp4 differ
diff --git a/README.md b/README.md
index 9a1401b03..d9de5758e 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,3 @@
 # Lab 2 - Starter
+
+https://tlacaba.github.io/Lab2_Starter/
\ No newline at end of file
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 000000000..3a87371ba
Binary files /dev/null and b/favicon.ico differ
diff --git a/ff06f207-d576-4b80-ba08-3aa3a09d2457-cover.png b/ff06f207-d576-4b80-ba08-3aa3a09d2457-cover.png
new file mode 100644
index 000000000..0709c6479
Binary files /dev/null and b/ff06f207-d576-4b80-ba08-3aa3a09d2457-cover.png differ
diff --git a/freestyleAudio.mp3 b/freestyleAudio.mp3
new file mode 100644
index 000000000..4a0a02dd6
Binary files /dev/null and b/freestyleAudio.mp3 differ
diff --git a/index.html b/index.html
index e69de29bb..94c311443 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>CSE 110: Meeting Minutes Project</title>
+        <meta name="author" content="Tim Lacaba">
+        <link rel="icon" type="image/x-icon" href="./favicon.ico">
+    </head>
+    <body>
+        <header>
+            <h1>Meeting <span style="color:green">Minutes</span></h1>
+            <hr>
+        </header>
+
+        <nav></nav>
+
+        <main>
+
+            <section>
+                <h1>Meeting 1: What to do about the outbreak</h1>
+                <h3>Brainstorm</h3>
+                <h3>May 14, 1985</h3>
+
+                <p>Attendence list:</p>
+                <ol> 
+                    <li>
+                        <details>
+                            <summary>Joe Motherson</summary>
+                            <p>CEO of Company</p>
+                        </details>
+                    </li>
+                    <li>Mike Bull-Long</li>
+                    <li>Sir Nose D Voidoffunk</li>
+                </ol>
+
+                <p>Agenda:</p>
+                <ul>
+                    <li>Entropy</li>
+                    <li>Face Crabs</li>
+                    <li><strong>Having</strong> <b>Fun!</b></li>
+                </ul>
+                <p>Unfinished Business:</p>
+                <ul>
+                    <li>Icebreaker: Trust fall</li>
+                    <li>WLR listening party</li>
+                </ul>
+
+                <p>New Bizz:</p>
+                <ul>
+                    <li>The <i>heat</i> death of the <b>universe</b></li>
+                    <li><em>Space</em> <strong>Diseases</strong></li>
+                    <li>Intramural Basketball</li>
+                </ul>
+
+                <p>Comments:</p>
+                <ul>
+                    <li>Mike: I like this, this is looking good! *Thumbs up*</li>
+                    <li>Nose: We could afford to cut budgets for the doohickey.</li>
+                </ul>
+
+                <p>Summary</p>
+                <ul>
+                    <li>
+                        The corkboard
+                        <br>
+                        <img src="ff06f207-d576-4b80-ba08-3aa3a09d2457-cover.png" width="500" height="350" alt="It's Always Sunny in Philadelphia's Charlie Kelly's Pepe Silvia Scene">
+                    </li>
+                    <li>
+                        Meeting Video Recording
+                        <br>
+                        <video controls>
+                            <source src="DogVid.mp4" type="video/mp4">
+                        </video>
+                    </li>
+                    <li>
+                        Meeting Audio Recording
+                        <div>
+                            <audio controls>
+                                <source src="freestyleAudio.mp3" type="audio/mp3">
+                            </audio>
+                        </div>
+                    </li>
+                </ul>
+                
+            </section>
+
+            <hr>
+
+            <section>
+                <h1>Join our Newsletter!</h1>
+                <form>
+                    <fieldset>
+                        <legend>Info</legend>
+
+                        <div>
+                            <span>Name: </span> 
+                            <input type="text">
+                        </div>
+
+                        <div>
+                            <span>Gender: </span>
+                            <input type="radio" name="Gender" id="female">
+                            <label for="female">Female</label>
+                            <input type="radio" name="Gender" id="male">
+                            <label for="male">Male</label>
+                            <input type="radio" name="Gender" id="other">
+                            <label for="other">Other</label>
+                        </div>
+
+                        <div>
+                            <p>What would you currently identify as? </p>
+                            <input type="checkbox" name="Identity" id="student">
+                            <label for="student">Student</label>
+                            <input type="checkbox" name="Identity" id="professional">
+                            <label for="professional">Professional</label>
+                        </div>
+
+                        <div>
+                            <label for="coolness">How cool would you rate yourself? (out of 10)</label>
+                            <input list="coolRatings" id="coolness" name="coolness"> 
+                            <datalist id = "coolRatings">
+                                <option value="1">
+                                <option value="2">
+                                <option value="3">
+                                <option value="4">
+                                <option value="5">
+                                <option value="6">
+                                <option value="7">
+                                <option value="8">
+                                <option value="9">
+                                <option value="10">
+                            </datalist>
+                        </div>
+
+                        <div>
+                            <label for="height">How tall are you?</label>
+                            <select name="height" id="height">
+                                <option value="short">Short King</option>
+                                <option value="med">Medium Oaf</option>
+                                <option value="tall">Giant Oaf</option>
+                            </select>
+                        </div>
+                        
+                        <div>
+                            <span>Date of birth: </span>
+                            <input type="date">
+                        </div>
+
+                        <div>
+                            <p>Additional Comments:</p>
+                            <textarea></textarea>
+                        </div>
+
+                        <button type="button">Submit</button>
+                        
+                    </fieldset>
+
+                </form>
+            </section>
+
+            <hr>
+        
+        </main>
+
+        <footer><span>About us: </span><a href="https://www.vice.com/en/article/pkp5an/short-king-spring-meaning">Click here!</a></footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/part2.txt b/part2.txt
index 01b885c7e..40e4f65a0 100644
--- a/part2.txt
+++ b/part2.txt
@@ -1 +1,13 @@
 Fill in the passphrases here.
+greenEggsAndHam
+iHateCplusplus
+HTMLRocks
+JavaScriptRules
+SvelteBeatsReact
+ThisIsJS
+YouFoundMe
+coolcoolcool
+2020sucked
+listenToTheBlackKeys
+a11yComesFirst
+iLoveWebDev
\ No newline at end of file
diff --git a/screenshots/W3ValidatorSS.png b/screenshots/W3ValidatorSS.png
new file mode 100644
index 000000000..14d1e92e4
Binary files /dev/null and b/screenshots/W3ValidatorSS.png differ
