diff --git a/html-tasks/html1/index.html b/html-tasks/html1/index.html
new file mode 100644
index 0000000..2d57f7b
--- /dev/null
+++ b/html-tasks/html1/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <h1>This is your first HTML page!</h1>
+    <strong>Seems like things are going pretty well so far</strong>
+    <h6>lets add a recipie for some delicious chocolate chip cookies</h6>
+    <p>We are going to borrow a nice picture from general mills</p>
+    <img src="https://cdn.glitch.com/2c7873ba-26cb-4c9f-a64f-134e8683d8fb%2Fchicken_shawarma.jpg?v=1589399195491" alt="Chicken Shawarma" width="200">
+    <p>Here is what the recipe calls for</p>
+    <h3>Introduction</h3>
+    <ul><strong>Ingredients </strong> (Probably not right...)
+        <li>6 Eggs</li>
+        <li>2 Cups of flour</li>
+        <li>2 Tablespoons of vanilla extract</li>
+        <li>2 Teaspoons of baking powder</li>
+        <li>1 cup of sugar</li>
+    </ul>
+    <ol><strong>Instructions </strong>(may or may not be correct)
+        <li>Add Eggs, flour and vanilla extract and mix</li>
+        <li>Combine with sugar and baking powder and stir</li>
+        <li>Eat half the cookie batter because it is delicious</li>
+        <li>Take the rest of the cookie batter and make cookies</li>
+        <li>Bake at 350 for 25 minutes</li>
+        <li>Enjoy!</li>
+    </ol>
+    <hr>
+    <P>Oh you dont trust us? You want to see the actual recipe? you can view it right <a href="#">Here</a> </P>
+</body>
+</html>
\ No newline at end of file
diff --git a/html-tasks/html2/index.html b/html-tasks/html2/index.html
new file mode 100644
index 0000000..0e659ea
--- /dev/null
+++ b/html-tasks/html2/index.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <header>
+        <p>Inside of header - let's add a nav bar with some essential links</p>
+        <a href="#">Home</a>
+        <a href="#">About</a>
+        <a href="#">Contact</a>
+    </header>
+    <hr>
+    <main>
+        <h1>Here is the main section of our page - it consists of a new article</h1>
+        <article>
+            <h1>Article 1 -  1995 was a pretty crazy year for programming languages!</h1>
+            <p>Don't believe me? just check this table out:</p>
+            <table>
+                <tr>
+                    <th>Language</th>
+                    <th>Designed By</th>
+                    <th>First Appeared</th>
+                </tr>
+                <tr>
+                    <td>C++</td>
+                    <td>Bjarne Stroustrup</td>
+                    <td>1983</td>
+                </tr>
+                <tr>
+                    <td>Python</td>
+                    <td>Guido Van Rossum</td>
+                    <td>1991</td>
+                </tr>
+                <tr>
+                    <td>Ruby</td>
+                    <td>Yukihiro Matsumoto ("Matz")</td>
+                    <td>1995</td>
+                </tr>
+                <tr>
+                    <td>Javascript</td>
+                    <td>Brendan Eich</td>
+                    <td>1995</td>
+                </tr>
+                <tr>
+                    <td>Java</td>
+                    <td>James Gosling</td>
+                    <td>1995</td>
+                </tr>
+                <tr>
+                    <td>PHP</td>
+                    <td>Rasmus Lerdorf</td>
+                    <td>1995</td>
+                </tr>
+            </table>
+        </article>
+        <article>
+            <h1>Artcle 2 - Coming soon</h1>
+            <h1>Contact us!</h1>
+        </article>
+
+        <h1>General Information</h1>
+        <label for="first-name">First Name </label><input type="text" name="first-name" id=""><br>
+        <label for="last-name">Last Name </label><input type="text" name="last-name" id=""><br>
+        <label for="email">Email </label><input type="email" name="email" id=""><br>
+        <label for="date">Date </label><input type="date" name="date" id="">
+
+        <h1>
+            Essential Questions
+        </h1>
+        <p>
+            What type of work do you need?<br>
+            Programming: <span><input type="radio" name="" id=""></span><br>
+            Design: <span><input type="radio" name="" id=""></span><br>
+            Singing: <span><input type="radio" name="" id=""></span><br>
+            Comedy: <span><input type="radio" name="" id=""></span><br>
+        </p>
+        <p>
+            How intrested are you in our design skills?<br>
+            Very Low <span><input type="radio" name="" id=""></span><br>
+            Low <span><input type="radio" name="" id=""></span><br>
+            Medium <span><input type="radio" name="" id=""></span><br>
+            High <span><input type="radio" name="" id=""></span><br>
+            Very High <span><input type="radio" name="" id=""></span><br>
+            <input type="submit" value="Submit me!">
+        </p>
+    </main>
+    <footer>
+        Here is our footer - lets's make sure we copyright &#169; this!
+    </footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/html-tasks/html3/index.html b/html-tasks/html3/index.html
new file mode 100644
index 0000000..67fec77
--- /dev/null
+++ b/html-tasks/html3/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <main>
+        <h1>Welcom Back!</h1>
+        <h3>Here's a great video from Youtube!</h3>
+        <iframe width="250" height="200" src="https://www.youtube.com/embed/BqfsJjJyR68" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        <h3>Here's some music from spotify!</h3>
+        <audio src=""></audio>
+        <p>Want to stay informed? Put your info here!</p>
+        <label for="email">Email: </label><input type="email" name="email" id="email"><input type="submit" value="Join our mailing list!">
+    </main>
+</body>
+</html>
\ No newline at end of file

Language	Designed By	First Appeared
C++	Bjarne Stroustrup	1983
Python	Guido Van Rossum	1991
Ruby	Yukihiro Matsumoto ("Matz")	1995
Javascript	Brendan Eich	1995
Java	James Gosling	1995
PHP	Rasmus Lerdorf	1995