Before noon update

diff --git a/assets/aam-logo.png b/assets/aam-logo.png
new file mode 100644 (file)
index 0000000..1c5849c
Binary files /dev/null and b/assets/aam-logo.png differ

diff --git a/assets/aaslh-logo.png b/assets/aaslh-logo.png
new file mode 100644 (file)
index 0000000..12ea942
Binary files /dev/null and b/assets/aaslh-logo.png differ

diff --git a/assets/mma-logo.png b/assets/mma-logo.png
new file mode 100644 (file)
index 0000000..9c6b97c
Binary files /dev/null and b/assets/mma-logo.png differ

diff --git a/assets/motor-cities-logo.png b/assets/motor-cities-logo.png
new file mode 100644 (file)
index 0000000..0cf9018
Binary files /dev/null and b/assets/motor-cities-logo.png differ

diff --git a/assets/naam-logo.png b/assets/naam-logo.png
new file mode 100644 (file)
index 0000000..12c5a2d
Binary files /dev/null and b/assets/naam-logo.png differ

diff --git a/index.html b/index.html
index 96ab6da..d8a99ac 100644 (file)
--- a/index.html
+++ b/index.html
@@ -162,25 +162,32 @@
         </div>
         <div id="news" class="small-12 medium-4 columns">
             <h3 class="text-center">News</h3>
-            <img src="assets/news_img.jpg">
-            <p>Sunday, June 7, 2015<br><a class="event">Classic Car Club of American Museum "Grand Experience"</a></p>
-            <p>Saturday, June 13, 2015<<br>a class="event">Pre-Show Vintage Motorcycle Ride</a></p>
-            <p><a class="event"></a></p>
-            <label><a href="#">More News</a></label>
+            <div class="feed">
+                <img src="assets/news_img.jpg">
+                <p>Sunday, June 7, 2015<br><p class="event">Classic Car Club of <br>American Museum <br>"Grand Experience"</p></p>
+                <p>Saturday, June 13, 2015<br><p class="event">Pre-Show Vintage <br>Motorcycle Ride</p></p>
+                <p>Sunday, June 14, 2015<br><p class="event">One Example Event</p></p>
+                <label><a href="#">More News</a></label>
+            </div>
         </div>
         <div id="upcoming" class="small-12 medium-4 columns">
             <h3 class="text-center">Upcoming Events</h3>
-            <img src="assets/event_image.jpg">
-            <p class="date"></p>
-            <p class="date"></p>
-            <p class="date"></p>
-            <label><a href="#">View All Events</a></label>
+            <div class="feed">
+                <img src="assets/event_image.jpg">
+                <p>Pint with the Past<br>Saturday, February 14th<br>7:00pm - 10:00pm</p>
+                <p>Under the Hood<br>February 27, 2015 - March 1, 2015<br>Open during regular GCM hours</p>
+                <p>Cars and Canvas<br>Sunday, March 15th<br>2:00pm - 6:00pm</p>
+                <label><a href="#">View All Events</a></label>
+            </div>
         </div>
         <div id="partners" class="small-12 medium-4 columns">
             <h3 class="text-center">Featured Partner</h3>
-            <img src="assets/partner_img.jpg">
-            <p></p>
-            <p></p>
+            <div class="feed">
+                <img src="assets/partner_img.jpg">
+                <p>Did you know we have 7 onsite partner museums?</p>
+                <p>Our featured partner this month is the H.H. Franklin Club. This permanent exhibit includes automobiles, engines, and artifacts that span the four-decade history of the H.H. Franklin Company.</p>
+                <label><a href="#">View All Partners</a></label>
+            </div>
         </div>
     </div>
     <div class="row text-center">
@@ -214,19 +221,19 @@
     <div class="row text-center">
         <div class="large-offset-1 columns show-for-large-up"></div>
         <div class="small-6 medium-4 large-2 columns">
-            <a href="#"><img src="assets/NAAM.jpg"></a>
+            <a href="#"><img src="assets/naam-logo.png"></a>
         </div>
         <div class="small-6 medium-4 large-2 columns">
-            <a href="#"><img src="assets/MMA.jpg"></a>
+            <a href="#"><img src="assets/mma-logo.png"></a>
         </div>
         <div class="small-6 medium-4 large-2 columns">
-            <a href="#"><img src="assets/motor_cities.jpg"></a>
+            <a href="#"><img src="assets/motor-cities-logo.png"></a>
         </div>
         <div class="small-6 large-2 columns">
-            <a href="#"><img src="assets/AAM.jpg"></a>
+            <a href="#"><img src="assets/aam-logo.png"></a>
         </div>
         <div class="small-12 medium-6 large-2 columns">
-            <a href="#"><img src="assets/AASLH.jpg"></a>
+            <a href="#"><img src="assets/aaslh-logo.png"></a>
         </div>
     </div>
     <div class="row">    

diff --git a/interior.html b/interior.html
index 9f99d2f..a708859 100644 (file)
--- a/interior.html
+++ b/interior.html
@@ -123,20 +123,20 @@
         </nav>
         <aside class="left-off-canvas-menu">
             <ul class="left-off-canvas-list">
-                <li><a href="#"></a></li>
-                <li><a href="#"></a></li>
-                <li><a href="#"></a></li>
-                <li><a href="#"></a></li>
-                <li><a href="#"></a></li>
-                <li><a href="#"></a></li>
-                <li><a href="#"></a>
+                <li><a href="#">Vist & Explore</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Upcoming Events</a></li>
+                <li><a href="#">Musuem Store</a></li>
+                <li><a href="#">Membership & Support</a></li>
+                <li><a href="#">Education</a></li>
+                <li><a href="#">Host An Event</a>
                     <ul>
-                        <li><a href="#"></a></li>
-                        <li><a href="#"></a></li>
-                        <li><a href="#"></a></li>
-                        <li><a href="#"></a></li>
-                        <li><a href="#"></a></li>
-                        <li><a href="#"></a></li>
+                        <li><a href="#">General Events</a></li>
+                        <li><a href="#">Banquets</a></li>
+                        <li><a href="#">Corporate Meetings</a></li>
+                        <li><a href="#">Weddings</a></li>
+                        <li><a href="#">Event/Meeting Spaces</a></li>
+                        <li><a href="#">Approved Caterers</a></li>
                     </ul>
                 </li>
             </ul>
@@ -148,7 +148,7 @@
     <div class="row text-center">
         <div class="small-12 columns">
             <h3>The Gilmore Car Musuem</h3>
-            <p><a href="#"></a></p>
+            <p>6865 W Hickory Rd. Hickory Corners, MI 49060 &#8226; 269-671-5089 &#8226; <a id="direct" href="#">Directions</a></p>
             <div id="soc-bottom" class="social">
                 <a href="#"><img src="assets/facebook.png"></a>
                 <a href="#"><img src="assets/pin.jpg"></a>
@@ -162,11 +162,40 @@
     </div>
     <footer>
         <div class="row">
-            
+            <div class="small-12 medium-4 columns">
+                <img src="assets/email_signup-img.png">
+            </div>
+            <div class="small-12 medium-4 columns">
+                <a><img src="assets/trip.jpg"></a>
+            </div>
+            <div class="small-12 medium-4 columns">
+                <a><img src="assets/sponsers.jpg"></a>
+            </div>
         </div>    
     </footer>
     <div class="row text-center">
-        
+        <div class="large-offset-1 columns show-for-large-up"></div>
+        <div class="small-6 medium-4 large-2 columns">
+            <a href="#"><img src=""></a>
+        </div>
+        <div class="small-6 medium-4 large-2 columns">
+            <a href="#"><img src=""></a>
+        </div>
+        <div class="small-6 medium-4 large-2 columns">
+            <a href="#"><img src=""></a>
+        </div>
+        <div class="small-6 large-2 columns">
+            <a href="#"><img src=""></a>
+        </div>
+        <div class="small-12 medium-6 large-2 columns">
+            <a href="#"><img src=""></a>
+        </div>
+    </div>
+    <div class="row">    
+        <div id="copyright" class="small-12 text-center">
+            <p>The Gilmore Car Museum is a public, 501(c)3 non-profit educational institution, dedicated to preserving the history and heritage of the American automobile.</p>
+            <p>&copy; 2015 Gilmore Car Musuem &#8226; All Rights Reserved &#8226; Produced by Gaslight Media</p>
+        </div>
     </div>
 
     <script src="bower_components/jquery/dist/jquery.min.js"></script>

diff --git a/scss/_structure.scss b/scss/_structure.scss
index f382aab..fb3232f 100644 (file)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -119,9 +119,12 @@ header {
                         & .dropdown {
                             padding-left: 248px;
                             background: $white;
+                            border-bottom-left-radius: 10px;
+                            border-bottom-right-radius: 10px;
                             li {
                                 white-space: nowrap;
                                 background: $white;
+                                border-bottom-right-radius: 10px;
                                 &.nav_img-container {
                                     img {
                                         position: absolute;
@@ -134,6 +137,7 @@ header {
                                     a:not(.button) {
                                         color: $black;
                                         background: transparent;
+                                        border-bottom: 1px solid #e7e7e8;
                                     }
                                 }
                                 &:hover:not(.has-form):not(.active) {
@@ -142,9 +146,6 @@ header {
                                         background: transparent;
                                     }
                                 }
-                                a {
-                                    border-bottom: 1px solid #e7e7e8;
-                                }
                             }
                         }
                     }
@@ -236,9 +237,62 @@ header {
             padding: 10px 0;
             margin: 0;
         }
-        width: 288px;
+        img {
+            width: 100%;
+        }
+        p {
+            margin-bottom: 0;
+        }
+        p.event {
+            font-weight: bold;
+            margin-bottom: 20px;
+        }
+        text-align: center;
+    }
+    #upcoming {
+        h3 {
+            background: #9fa617;
+            padding: 10px 0;
+            margin: 0;
+        }
+        img {
+            width: 100%;
+        }
+        text-align: center;
+    }
+    #partners {
+        h3 {
+            background: $black;
+            padding: 10px 0;
+            margin: 0;
+        }
+        img {
+            width: 100%;
+        }
+        label {
+            margin-top: 85px;
+        }
+        text-align: center;
+    }
+    .feed {
+        border-left: 1px solid $black;
+        border-bottom: 1px solid $black;
+        border-right: 1px solid $black;
+        label {
+            margin-bottom: 25px;
+            a {
+                color: $white;
+                background: #9fa617;
+                border-radius: 8px;
+                padding: 5px 10px;
+                &:hover {
+                    background: $white;
+                    color: #9fa617;
+                }
+            }
+            
+        }
     }
-    
 }
 h3 {
     margin: 0;