Footer added

dilshadmohammed · May 16, 2020 · 5fe5716 · 5fe5716
1 parent 6ba6ead
commit 5fe5716
Show file tree

Hide file tree

Showing 3 changed files with 90 additions and 5 deletions.
diff --git a/components/Footer.vue b/components/Footer.vue
@@ -0,0 +1,79 @@
+<template>
+  <footer class="page-footer #37474f blue-grey darken-3">
+    <div class="container">
+      <div class="row ">
+        <div class="col l6 s12">
+          <h5 class="white-text">
+            Navigation
+          </h5>
+          <ul>
+            <li>
+              <nuxt-link to="/" class="grey-text text-lighten-3">
+                Home
+              </nuxt-link>
+            </li>
+            <li>
+              <nuxt-link to="/newsletter" class="grey-text text-lighten-3">
+                Newsletter
+              </nuxt-link>
+            </li>
+            <li>
+              <nuxt-link to="/gallery" class="grey-text text-lighten-3">
+                Gallery
+              </nuxt-link>
+            </li>
+            <li>
+              <nuxt-link to="/blog" class="grey-text text-lighten-3">
+                Blog
+              </nuxt-link>
+            </li>
+          </ul>
+        </div>
+        <div class="col l4 offset-l2 s12">
+          <h5 class="white-text">
+            Links
+          </h5>
+          <ul>
+            <li>
+              <a href="http://nssce.ac.in" class="grey-text text-lighten-3">
+                NSSCE
+              </a>
+            </li>
+            <li>
+              <a href="https://www.youtube.com/channel/UCeqyrVwWzEWvBjT-u3epw3w" class="grey-text text-lighten-3">
+                YouTube
+              </a>
+            </li>
+            <li>
+              <a href="https://github.com/stacsnssce/official-website" class="grey-text text-lighten-3">
+                Website Source
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="footer-copyright #263238 blue-grey darken-4">
+      <div class="container center">
+        STACS NSSCE © 2020
+      </div>
+    </div>
+  </footer>
+</template>
+
+<style lang="scss" scoped>
+li {
+  font-size: 18px;
+}
+
+.footer-copyright {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+h5 {
+  font-size: 28px;
+  font-weight: 600;
+  text-decoration: underline;
+}
+</style>
diff --git a/components/Header.vue b/components/Header.vue
@@ -101,6 +101,13 @@ export default {
 }
 </script>
 
+<style lang="scss" scoped>
+a {
+  font-size: 18px;
+  font-weight: 600;
+}
+</style>
+
 <style lang="scss">
 .sidenav-overlay {
   z-index: 0 !important;

diff --git a/layouts/default.vue b/layouts/default.vue
@@ -2,19 +2,18 @@
   <div>
     <Header />
     <nuxt />
+    <Footer />
   </div>
 </template>
 
 <script>
 import Header from '~/components/Header'
+import Footer from '~/components/Footer'
 
 export default {
   components: {
-    Header
+    Header,
+    Footer
   }
 }
 </script>
-
-<style>
-
-</style>