after break work, focusing on html

diff --git a/assets/google.png b/assets/google.png
new file mode 100644 (file)
index 0000000..4fa09e6
Binary files /dev/null and b/assets/google.png differ

diff --git a/assets/trip.jpg b/assets/trip.jpg
new file mode 100644 (file)
index 0000000..f5397f5
Binary files /dev/null and b/assets/trip.jpg differ

diff --git a/index.html b/index.html
index 0f867a5..2e35388 100644 (file)
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
                 <a href="#"><img src="assets/logo.png"</a>
             </div>
             <div class="small-12 medium-8 columns right">
-                <div class="small-6 columns right show-for-medium-up">
+                <div class="small-6 columns show-for-medium-up">
                     <nav class="sec_nav">
                         <ul>
                             <li><a href="#">VOLUNTEER / EMPLOYMENT</a></li>
@@ -24,14 +24,14 @@
                         </ul>
                     </nav>
                 </div>
-                <div id="soc-top" class="small-6 columns left show-for-medium-up social">
-                    <p>Connect With Us</p><br>
+                <div id="soc-top" class="small-6 columns show-for-medium-up social">
+                    <p>Connect With Us</p>
                     <a href="#"><img src="assets/facebook.png"></a>
                     <a href="#"><img src="assets/pin.jpg"></a>
                     <a href="#"><img src="assets/twitt.jpg"></a>
                     <a href="#"><img src="assets/flickr-icon.jpg"></a>
                     <a href="#"><img src="assets/youtube_icon.jpg"></a>
-                    <a href="#"><img src="assets/google-icon.jpg"></a>
+                    <a href="#"><img src="assets/google.png"></a>
                     <a href="#"><img src="assets/share-icon.jpg"></a>
                 </div>
                 <div class="small-12 columns">
@@ -64,7 +64,18 @@
         </nav>
     </header>
     <div class="slider">
-        <img src=""
+        <img src="assets/slide_sub1.jpg">
+        <img src="assets/slide_sub2.jpg">
+        <img src="assets/slide_sub3.jpg">
+        <img src="assets/slide_sub4.jpg">
+        
+    </div>
+    <div class="content">
+        <div class="row">
+            <div class="small-12 columns">
+                <h2>Welcome</h2>
+            </div>
+        </div>    
     </div>
 
     <script src="bower_components/jquery/dist/jquery.min.js"></script>

diff --git a/scss/_structure.scss b/scss/_structure.scss
index fe3d38c..13417dd 100644 (file)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -1,7 +1,7 @@
 @mixin gradient($from, $to) {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, $from), color-stop(1, $to));
     background: -moz-linear-gradient(center top, $from 5%, $to 100%);
-    
+    filter: progid:DXIm-ageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr'#{$to}');
 }
 header {
     background: $black;
@@ -17,11 +17,26 @@ header {
     }
     #soc-top {
         p {
-            font-size: font-size: 0.813em;
+            font-size: 0.813em;
             color: $white;
+            margin: 0;
         }
     }
     .top-bar {
-        
+        @include gradient(#c54d38, #b71b1f);
+        border-bottom: 2px solid $white;
+        .top-bar-section {
+            ul {
+                li {
+                    a {
+                        color: $white;
+                        font-size: 1.125em;
+                        &:hover {
+                            background: #9fa617;
+                        }
+                    }
+                }
+            }
+        }
     }
 }
\ No newline at end of file

diff --git a/scss/app.scss b/scss/app.scss
index 4d7dca0..13db37c 100644 (file)
--- a/scss/app.scss
+++ b/scss/app.scss
@@ -1,5 +1,6 @@
 @import "settings";
 @import "foundation";
+@import "structure";
 
 // Or selectively include components
 // @import