thekatbots · rhyanvargas · Jun 14, 2016
diff --git a/assets/images/1/bg.jpg b/assets/images/1/bg.jpg
diff --git a/assets/images/1/potato1.png b/assets/images/1/potato1.png
diff --git a/assets/images/2/bg.jpg b/assets/images/2/bg.jpg
diff --git a/assets/images/2/blur.png b/assets/images/2/blur.png
diff --git a/assets/images/2/potato2.png b/assets/images/2/potato2.png
diff --git a/assets/images/3/bg.jpg b/assets/images/3/bg.jpg
diff --git a/assets/images/3/blur2.png b/assets/images/3/blur2.png
diff --git a/assets/images/3/potato.png b/assets/images/3/potato.png
diff --git a/assets/images/4/4 b/assets/images/4/4
diff --git a/assets/images/4/bg.jpg b/assets/images/4/bg.jpg
diff --git a/assets/images/4/cips.png b/assets/images/4/cips.png
diff --git a/assets/images/4/devider.png b/assets/images/4/devider.png
diff --git a/assets/images/4/potato-3.png b/assets/images/4/potato-3.png
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,55 @@
+
+/*====== RESET BROWSER SPACINGS =====*/
+
+ul, section, nav, body {
+  padding: 0;
+  margin: 0;
+}
+
+/* ====== Helpers =========*/
+html {
+  box-sizing: border-box;
+  *, *:before, *:after {
+    box-sizing: inherit;
+  }
+}
+/*====== Main Styles =====*/
+
+body {
+  font-family: 'Open Sans', sans-serif;
+  font-size: 16px; /*baseline text size of whole page*/
+}
+nav ul {
+  font-size: .75em; /* equivalent to 12px*/
+  font-weight:lighter;
+  letter-spacing:.05em;
+}
+h2 {
+  font-size: 1em; /*equivalent to 32 px, or 2 x 16 = 32*/
+  font-weight:lighter;
+  letter-spacing:.05em;
+}
+
+h1 {
+  font-size: 2em; /*equivalent to 32 px, or 2 x 16 = 32*/
+  font-weight:600; /*thickness of font*/
+  letter-spacing: .1em; /*equivalent to .1 x [default letter-spacing of Open Sans Font] */
+
+}
+h2 {
+  font-size: 1.2em; /*equivalent to 19.2 px, or 1.2 x 16 = 19.2*/
+  font-weight:lighter;
+  letter-spacing:.05em;
+}
+li {
+  list-style: none;
+}
+potato {
+  font-weight: bold;
+}
+.logo {
+  font-size: 1.5em; /*equivalent to 24 px, or 1.5 x 16 = 24*/
+  font-weight:bold;
+  letter-spacing:.05em;
+
+}
diff --git a/index.html b/index.html
@@ -7,29 +7,57 @@
 
 <body>
 
+
   <!-- ============= Header ============= -->
   <header>
-    <div class="logo"> </div>
+    <div class="logo">Potatoe&trade;</div>
     <nav>
       <ul>
-        <li>Home</li>
-        <li>About</li>
-        <li>Nutrition</li>
-        <li>Features</li>
-        <li>Testimonials</li>
-        <li>Order</li>
+        <li><a href="#">Home</a></li>
+        <li><a href="#">About</a></li>
+        <li><a href="#">Nutrition</a></li>
+        <li><a href="#">Features</a></li>
+        <li><a href="#">Testimonials</a></li>
+        <li><a href="#">Order</a></li>
       </ul>
     </nav>
   </header>
 
   <!-- ============= Home ============= -->
   <section class="home">
     <hgroup>
-      <h1> </h1>
-      <h2> </h2>
+      <h1>"Sweet Nutritious and Delicious"</h1>
+      <h2>The key to happiness is in the <potato>Potatoe&trade;</potatoe></h2>
+      <p>This is a sample paragraph that shows the font size and weight</p>
+    </hgroup>
+    <img src="#" class="hero">
+  </section>
+
+  <!-- ============= SHAPES AND SIZES ============= -->
+  <section class="home">
+    <hgroup>
+      <h1>"Sweet Nutritious and Delicious"</h1>
+      <h2>The key to happiness is in the <potatoe></potatoe></h2>
+    </hgroup>
+    <img src="#" class="hero">
+  </section>
+
+  <!-- ============= POTATOE HEALTHY? ============= -->
+  <section class="home">
+    <hgroup>
+      <h1>"Sweet Nutritious and Delicious"</h1>
+      <h2>The key to happiness is in the <potatoe></potatoe></h2>
     </hgroup>
     <img src="#" class="hero">
   </section>
 
+  <!-- ============= TRANSFORMABLE ============= -->
+  <section class="home">
+    <hgroup>
+      <h1>"Sweet Nutritious and Delicious"</h1>
+      <h2>The key to happiness is in the <potatoe></potatoe></h2>
+    </hgroup>
+    <img src="#" class="hero">
+  </section>
 </body>
 </html>
diff --git a/potato.zip b/potato.zip
diff --git a/potato/potato.psd b/potato/potato.psd