diff --git a/audio/ghostride.mp3 b/audio/ghostride.mp3
new file mode 100644
index 00000000..f02af5ad
Binary files /dev/null and b/audio/ghostride.mp3 differ
diff --git a/audio/telapatia.mp3 b/audio/telapatia.mp3
new file mode 100644
index 00000000..2659ea34
Binary files /dev/null and b/audio/telapatia.mp3 differ
diff --git a/images/favicon.ico b/images/favicon.ico
new file mode 100644
index 00000000..588e916c
Binary files /dev/null and b/images/favicon.ico differ
diff --git a/index.html b/index.html
index e69de29b..3b91270f 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>My Journal</title>
+    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
+  </head>
+
+  <body>
+    <header>
+      <div><span>Lab 2 Journal</span></div>
+      <nav>
+        <ul>
+          <li><a href="#monday">Monday</a></li>
+          <li><a href="#tuesday">Tuesday</a></li>
+          <li><a href="#wednesday">Wednesday</a></li>
+        </ul>
+      </nav>
+    </header>
+    <main>
+ 
+      <h1 id="monday"> Monday</h1>
+      <section>
+        <h2>Classes</h2>
+        <ul>
+          <li>None!</li>
+        </ul>
+        <img 
+        src="https://en.meming.world/images/en/thumb/1/13/Thumbs_Up_Crying_Cat.jpg/300px-Thumbs_Up_Crying_Cat.jpg"
+        alt="cat"
+        width="250"
+        >
+      </section>
+      <hr>
+
+      <h1 id="tuesday"> Tuesday</h1>
+        <section>
+          <h2>Classes</h2>
+          <ul>
+            <li>CSE 101 Lecture</li>
+            <li>CSE 110 Lecture</li>
+          </ul>
+        </section>
+
+        <section>
+          <h2>Notes</h2>
+          <ol>
+            <li><h3>CSE 101</h3><br>
+            Learned about graph reachability using <i>BFS</i> and <i>DFS</i>. Also analyzed time and space compelexity of the the respective algorithms.
+            </li>
+            <li><h3>CSE 110</h3><br>More memes. Teams assigned and <strong>project announced soon!</strong></li>
+          </ol>
+        </section>
+
+        <section>
+          <details>
+            <summary>
+            <h2>Video of the Day</h2>
+          </summary>
+          <section><iframe width="420" height="315"
+            src="https://www.youtube.com/embed/HluANRwPyNo?controls=0">
+            </iframe></section>
+          </details>
+        </section>
+        <hr>
+  
+      <h1 id="wednesday"> Wednesday</h1>
+        <section>
+          <h2>Classes</h2>
+          <ul>
+            <li>CSE 110 Lab</li>
+            <li>EDS 124AR Discussion</li>
+          </ul>
+        </section>
+        <section>
+          <h2>Notes</h2>
+          <ol>
+            <li><h3>CSE 110</h3><br>The lab is about HTML. Haven't used it before but shouldn't be too difficult.</li>
+            <li><h3>EDS 124AR</h3><br><b>TA is chill</b>. Looking forward to class, but gotta finish week 1 material <em>asap!</em></li>
+          </ol>
+        </section>
+
+        <section>
+          <details>
+            <summary><h2>Song of the Day</h2></summary>
+            <h3><u>telepatía</u> by Kali Uchis</h3>
+            <audio controls src="audio/telapatia.mp3"></audio>
+          </details>
+        </section>
+        <hr>
+  
+    </main>
+
+    <footer>
+
+      <br>
+  
+      <form>
+        <fieldset>
+          <legend>Create a new entry.</legend>
+
+          <label for="date"><b>Choose a date</b></label>
+          <input type="date" id="date" name="date">
+
+          <br/><br>
+          <b>Classes</b><br>
+
+          <input type="checkbox" id="CSE110Lecture" name="CSE110Lecture">
+          <label for="CSE110Lecture">CSE 110 Lecture</label><br>
+
+          <label for="CSE110LectureNotes">Notes:</label>
+          <input type="text" id="CSE110LectureNotes" name="CSE110LectureNotes"><br>
+
+          <input type="checkbox" id="CSE110Lab" name="CSE110Lab">
+          <label for="CSE110Lab">CSE 110 Lab</label><br>
+
+          <label for="CSE110LabNotes">Notes:</label>
+          <input type="text" id="CSE110LabNotes" name="CSE110LabNotes"><br>
+
+          <input type="checkbox" id="CSE101Lecture" name="CSE101Lecture">
+          <label for="CSE101Lecture">CSE 101 Lecture</label><br>
+
+          <label for="CSE101LectureNotes">Notes:</label>
+          <input type="text" id="CSE101LectureNotes" name="CSE101LectureNotes"><br>
+
+          <input type="checkbox" id="EDS124ARDiscussion" name="EDS124ARDiscussion">
+          <label for="EDS124ARDiscussion">EDS 124AR Discussion</label><br>
+
+          <label for="EDS124ARNotes">Notes:</label>
+          <input type="text" id="EDS124ARNotes" name="EDS124ARNotes"><br><br>
+
+          <b>Media:</b><br>
+          <input type="radio" id="image" name="image">
+          <label for="image">Image</label><br/>
+          <input type="radio" id="audio" name="audio">
+          <label for="audio">Audio</label><br/>
+          <input type="radio" id="video" name="video">
+          <label for="video">Video</label><br/>
+          <input type="button" value="Upload media">
+        </fieldset>
+      </form>
+  
+    </footer>
+    <input type="button" value="Create new entry">
+  </body>
+</html>
\ No newline at end of file
