diff --git a/README.md b/README.md
index b3221d5..3426706 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # HTML and CSS - Module 1
 
-## Lesson Task 1 Question
+## Task 1
 
 In our lesson tasks we're going to be building a website for a company called 'Guitar Kings'. It is a four page website showcasing their guitars. You can find a prototype of the website in this repository.
 
@@ -10,4 +10,8 @@ In this lesson task we are going to be building the HTML for the home page. You
 
 You only need to build the home page for now, and you don't need to style it at all. The focus in this lesson task is on writing semantic, neat HTML.
 
-By the end of the lesson task, your home page should look like this: ![Home Page](html-css_task1-1_result.PNG)
+### Video
+
+This video shows you how to complete the lesson task 1.1. Only watch it after attempting the lesson task by yourself.
+
+[View on Vimeo](https://player.vimeo.com/video/478422931)
diff --git a/GuitarKings.xd b/assets/GuitarKings.xd
similarity index 99%
rename from GuitarKings.xd
rename to assets/GuitarKings.xd
index 587fb1d..f3bd66c 100644
Binary files a/GuitarKings.xd and b/assets/GuitarKings.xd differ
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000..136b20f
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,28 @@
+<!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">
+    <meta name="description" content="Contact Guitar Kings for amazing products you'll love"/>
+    <title>Guitar Kings | Contact</title>
+    <link href="css/styles.css" rel="stylesheet" />
+</head>
+<body>
+    <header>
+        <a href="index.html">Guitar Kings</a>
+        <nav>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="guitars.html">Guitars</a></li>
+                <li><a href="contact.html">Contact</a></li>
+            </ul>
+        </nav>
+    </header>
+    <main>
+        <h1>Contact</h1>
+    </main>
+    <footer>Copyright &copy;</footer>
+</body>
+</html>
+
diff --git a/css/styles.css b/css/styles.css
new file mode 100644
index 0000000..65a75a8
--- /dev/null
+++ b/css/styles.css
@@ -0,0 +1,20 @@
+header {
+    background-color: #202020;
+}
+
+header a {
+    color: #fff;
+}
+
+.cta {
+    background-color: #bb0000;
+    color: #fff
+}
+
+.reviews {
+    background-color: #e8e8e8;
+}
+
+.featured-products {
+    background-color: #fbfbfb
+}
diff --git a/guitars.html b/guitars.html
new file mode 100644
index 0000000..65c0bd3
--- /dev/null
+++ b/guitars.html
@@ -0,0 +1,84 @@
+<!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">
+    <meta name="description" content="List of guitars available from Guitar Kings"/>
+    <title>Guitar Kings | Guitars</title>
+    <link href="css/styles.css" rel="stylesheet" />
+</head>
+<body>
+    <header>
+        <a href="index.html">Guitar Kings</a>
+        <nav>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="guitars.html">Guitars</a></li>
+                <li><a href="contact.html">Contact</a></li>
+            </ul>
+        </nav>
+    </header> 
+    <main>
+        <h1>Guitars</h1>
+        <section>
+            <div>
+                <img src="images/product.jpg" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">View</a>
+            </div>
+            <div>
+                <img src="images/product.jpg" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">View</a>
+            </div>
+            <div>
+                <img src="images/product.jpg" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">View</a>
+            </div>
+            <div>
+                <img src="images/product.jpg" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">View</a>
+            </div>
+            <div>
+                <img src="images/product.jpg" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">View</a>
+            </div>
+            <div>
+                <img src="images/product.jpg" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">View</a>
+            </div>
+            <div>
+                <img src="images/product.jpg" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">View</a>
+            </div>
+            <div>
+                <img src="images/product.jpg" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">View</a>
+            </div>
+            <div>
+                <img src="images/product.jpg" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">View</a>
+            </div>
+            
+        </section>
+    </main>   
+    <footer>Copyright &copy;</footer>
+</body>
+</html>    
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..ad9aa39
--- /dev/null
+++ b/index.html
@@ -0,0 +1,82 @@
+<!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">
+    <meta name="description" content="Get real authentic, hand-crafted guitars from Guitar Kings"/>
+    <title>Guitar Kings | Home</title>
+    <link href="css/styles.css" rel="stylesheet" />
+</head>
+<body>
+    <header>
+        <section></section>
+        <a href="index.html">Guitar Kings</a>
+        <nav>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="guitars.html">Guitars</a></li>
+                <li><a href="contact.html">Contact</a></li>
+            </ul>
+        </nav>
+    </header>
+    <main>
+        <section>
+            <h1>Authentic Handmade Guitars</h1>
+            <a href="guitars.html" class="cta">View Guitars</a>
+        </section>
+        <section>
+            <div>
+                <h2>Our Guitars Are:</h2>
+                <ul>
+                    <li>Made with real Pennsylvanian wood</li>
+                    <li>Crafted by a family-run business</li>
+                    <li>Built to last a lifetime</li>
+                    <li>Beautiful unique sound</li>
+                    <li>Options for all music lovers</li>
+                </ul>
+            </div>
+            <img src="images/home-info.jpg" alt="Hand strumming guitar" />
+        </section>
+        <section class="reviews">
+            <h2>Reviews</h2>
+            <div>
+            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis dictum elit. In hac habitasse platea dictumst"-Bob Willis</p>
+            <img src="images/review-bio.jpg" alt="Profile picture of Bob Willis" />
+            </div>
+            <div>
+            <p>"Maecenas interdum, erat nec pulvinar euismod, eros erat ornare mauris, commodo vestibulum odio nunc id urna. Sed volutpat consequat dolor, nec sollicitudin elit eleifend vitae" - Sally Oldfield</p>
+            <img src="images/review-bio2.jpg" alt="Profile picture of Sally Oldfield" />
+            </div>
+        </section>
+        <section class="featured">
+            <h2>View Our Guitars</h2>
+            <div class="featured-products">
+                <img src="#" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">View</a>
+            </div>
+            <div class="featured-products">
+                <img src="#" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">On sale</a>
+            </div>
+            <div class="featured-products">
+                <img src="#" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">View</a>
+            </div>
+            <div class="featured-products">
+                <img src="#" alt="Adirondack Red"/>
+                <h3>Adirondack Red</h3>
+                <p>$500</p>
+                <a href="products/adirondack-red.html">View</a>
+            </div>
+        </section>
+    </main>
+    <footer>Copyright &copy;</footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/products/adirondack-red.html b/products/adirondack-red.html
new file mode 100644
index 0000000..b1df03d
--- /dev/null
+++ b/products/adirondack-red.html
@@ -0,0 +1,42 @@
+<!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">
+    <meta name="description" content="View our most popular guitar - the Adirondack Red"/>
+    <title>Guitar Kings | Adirondack Red</title>
+    <link href="../css/styles.css" rel="stylesheet" />
+</head>
+<body>
+    <header>
+        <a href="../index.html">Guitar Kings</a>
+        <nav>
+            <ul>
+                <li><a href="../index.html">Home</a></li>
+                <li><a href="../guitars.html">Guitars</a></li>
+                <li><a href="../contact.html">Contact</a></li>
+            </ul>
+        </nav>
+    </header> 
+    <main>
+        <section>
+            <img src="../images/product.jpg" alt="Adirondack Red">
+            <div>
+                <img src="../images/product-specific.jpg" alt="Playing the Adirondack Red"/>
+                <img src="../images/product-specific.jpg" alt="Playing the Adirondack Red"/>
+                <img src="../images/product-specific.jpg" alt="Playing the Adirondack Red"/>
+                <img src="../images/product-specific.jpg" alt="Playing the Adirondack Red"/>
+            </div>
+        </section>
+        <section>
+        <h1>Adirondack Red</h1>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam eius quas maxime aliquid sunt debitis ea, deserunt harum quae deleniti! Harum dolores tempora quasi suscipit nemo impedit, rerum aliquid illum.</p>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni possimus laboriosam sequi sed aperiam, sint neque enim accusamus facilis delectus inventore eligendi! Pariatur autem placeat maiores odit expedita numquam totam!</p>
+        <p>$500</p>
+        <a href="../contact.html">Contact Us</a>
+        </section> 
+    </main>
+    <footer>Copyright &copy;</footer>    
+</body>
+</html>
\ No newline at end of file
