Commit c6bafaab authored by Khalid Ali's avatar Khalid Ali

Added footer

parent 3c7e90e8
Pipeline #3672 passed with stages
in 2 minutes and 32 seconds
......@@ -2,6 +2,7 @@
<div id="app">
<NavigationBar/>
<router-view/>
<Footer/>
</div>
</template>
......@@ -9,9 +10,11 @@
import axios from 'axios';
import { Component, Vue } from 'vue-property-decorator';
import NavigationBar from '@/components/NavigationBar.vue';
import Footer from '@/components/Footer.vue';
@Component({
components: {
Footer,
NavigationBar,
},
})
......
<template>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<router-link to="/about">About</router-link> &middot;
<router-link to="/privacy">Privacy</router-link> &middot;
<a href="http://srct.gmu.edu/documents/usage_policy" target="_blank">Terms of Service</a> &middot;
<a href="http://srct.gmu.edu/contact" target="_blank">Contact</a>
</div>
<div class="col-md-6">
<p class="muted pull-right">A <a href="http://srct.gmu.edu/projects" target="_blank">project</a> of <a href="http://www.gmu.edu/" target="_blank">Mason</a> <a href="http://srct.gmu.edu/" target="_blank"><strong>SRCT</strong></a>. Bookshare is <a href="https://www.gnu.org/licenses/quick-guide-gplv3.html" target="_blank">free software</a>; <a href="http://git.gmu.edu/srct/bookshare/" target="_blank">get the source</a>.</p>
</div>
</div>
</div>
</footer>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
@Component
export default class Footer extends Vue {}
</script>
<style scoped>
.footer {
position: absolute;
bottom: 0;
width: 100%;
background-color: #f5f5f5;
}
.container {
width: auto;
max-width: 1200px;
padding: 0px 15px;
padding-top: 23px;
}
</style>
......@@ -19,7 +19,8 @@ module.exports = {
minimize: true
}
}]
}]
}
]
}
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment