Merge pull request #133 from sarahperea/halloween-footer

added a footer to halloween page uniform with home page
sudz123 · Oct 4, 2018 · fbfa164 · fbfa164
2 parents 16078f9 + d990e78
commit fbfa164
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 2 deletions.
diff --git a/src/haloween.html b/src/haloween.html
@@ -88,7 +88,14 @@ <h1 id="page-title">🎃 Happy Halloween</h1>
         </div>
     </section>
 
-    <footer id="footer"> </footer>
+      <div class="footer">
+        <div class="wrap">
+          <div class="copyright">
+            <p>
+              <script>document.write(new Date().getFullYear());</script> ALL RIGHTS RESERVED</p>
+          </div>
+        </div>
+      </div>
     <script type="text/javascript" src="./scripts/halloween/easter_egg.js"></script>
 </body>
 </html>
diff --git a/src/style/halloween/style.css b/src/style/halloween/style.css
@@ -48,3 +48,26 @@ p{
     padding: 10px;
 }
 
+.footer {
+   position: relative;
+   left: 0;
+   bottom:-20px;
+   width: 100%;
+   background-color: black;
+   color: #fff;
+   text-align: left;
+   font-family:"Playfair Display", Georgia, serif;
+   padding:10px 0;
+}
+
+.copyright{
+    text-align:center;
+    display:inline-block;
+    clear:both;
+    width:100%;
+}
+
+.footer .copyright p {
+    font-family: "Karla", Arial, sans-serif;
+    font-size: 12px;
+}
diff --git a/src/style/home/home.css b/src/style/home/home.css
@@ -36,7 +36,6 @@ li {
 }
 
 .footer {
-
    position: relative;
    left: 0;
    bottom:-20px;