Add Best Housekeeping award logo in footer

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

diff --git a/styles.css b/styles.css
index d19b47c..97d6e98 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -710,7 +710,7 @@ footer ul.copyright li {
 footer ul.images {
   float: left;
   display: table;
-  width: 50%;
+  width: 40%;
   margin-top: 25px !important;
   margin-bottom: 25px !important;
 }
@@ -729,6 +729,24 @@ footer ul.images li {
 footer ul.images li img.lanterns {
   margin: 10px 0 5px 0;
 }
+footer #best-housekeeping-container {
+  display: table;
+  float: left;
+  height: 110px;
+  margin-top: 25px;
+  margin-bottom: 25px;
+  text-align: center;
+  width: 20%;
+}
+footer #best-housekeeping {
+  display: table-cell;
+  vertical-align: middle;
+}
+@media only screen and (max-width: 41.063em) {
+  footer #best-housekeeping-container {
+    width: 100%;
+  }
+}
 
 .border {
   width: 100%;

diff --git a/templates/template.html b/templates/template.html
index 6b53543..a7c53e0 100644 (file)
--- a/templates/template.html
+++ b/templates/template.html
@@ -268,6 +268,11 @@
                     <img src="{mediaBaseURL:h}assets/AAA_logo.png">
                 </li>
               </ul>
+              <div id="best-housekeeping-container">
+                <div id="best-housekeeping">
+                  <img src="{mediaBaseURL:h}assets/AAA_Best_Of_Housekeeping.png">
+                </div>
+              </div>
               <div class="small-12 columns text-center smaller">
                 <ul class="copyright">
                   <li>&copy;2014 St. Ignace Budget Host Inn</li>