Merge pull request #5 from CodeLouisville/week_2_solution

Week 2 Solution

Author: Bumbolio

README.md

@@ -27,9 +27,9 @@ refer to the site.pdf file included in this repo to see what the target style sh
 2. Add a subheading (h2) with the text "WELCOME TO LOUIE'S"
 3. Add the following paragraph after the subheading:```
     Enjoy the old-school ambiance, original wooden booths sentimentally etched by our loyal customers, the black and white art deco floors worn by time, turn of the century tin ceilings and faded murals tell tale of a bygone era. Sit back, relax, enjoy the smell of simmering tomatoes and hot pizza, feel the warmth and camaraderie, hear the laughter and conversation of happy diners and you feel like you are home again, somewhere familliar, comfortable, affordable, family centered and “ORIGINAL”. ```
-5. Use the grid system classes `col` and `span_{columns}_of_2` to make the content take up the full width.  
-6. Notice that the content doesn't line up with the existing content.  The header has a `div` with the class `wrap` which limits the width of the content.  Let's apply this to our welcome section.
-7. Finally, make just the name "Louie's" in the subheading the color `#871719` (dark red).  Hint:  You can use `span` elements inside the `h2` element to apply special stying to specific text.
+4. Use the grid system classes `col` and `span_{columns}_of_2` to make the content take up the full width.  
+5. Notice that the content doesn't line up with the existing content.  The header has a `div` with the class `wrap` which limits the width of the content.  Let's apply this to our welcome section.
+6. Finally, make just the name "Louie's" in the subheading the color `#871719` (dark red).  Hint:  You can use `span` elements inside the `h2` element to apply special stying to specific text.
 
 ##Complete the Newsletter Section
 
@@ -53,7 +53,4 @@ Background color of button is #871719;
 The col class assings a `property: value` of `float: left` to the elements it's applied to.
 In order to give our containing `wrap` element height, we must clear these floats.
 Our grid system has a `section` class and a `group` class that can clear our floats.
-Wrap the col elements in a new div with these two classes to fix our floating issue.  
-
-  
-
+Wrap the col elements in a new div with these two classes to fix our floating issue.  

css/styles.css

@@ -300,3 +300,44 @@ input.button:hover {
   background: #fff;
   color: #09C;
 }
+
+.nwsltr-label {
+    float: left;
+    display: block;
+    width: 100%;
+    margin: 0 0 16px 0;
+}
+
+.nwsltr-input {
+    width: 80%;
+    display: block;
+    border: 1px solid #c0af8e;
+    border-radius: 3px;
+    height: 40px;
+    padding: 8px;
+    margin: 0 0 10px 0;
+    font-size: 100%;
+    float: left;
+}
+
+.nwsltr-btn {
+    background-color: #871719;
+    border-radius: 3px;
+    color: #FFFFFF;
+    font-family: 'Roboto Slab', serif;
+    font-size: 80%;
+    text-transform: uppercase;
+    font-weight: 700;
+    height: 40px;
+    width: 18%;
+    margin: 0 0 10px 0;
+    float: right;
+}
+
+.nwsltr-btn:hover {
+  background-color: purple;
+}
+
+.nwsltr {
+  background-color: #E8D5B5;
+}