<template>
    <div>
 <footer>
     <div class="bg-secondary q-py-sm q-pt-md text-center text-white links">
       <a href="#">Contact Us</a><span class="q-px-md">|</span><a href="#">Privacy Policy</a><span class="q-px-md">|</span><a href="#">Refund Policy</a>
     <p class="q-py-sm font-size text-weight-light">Copyright (c) 2001 - 2020 interface.edu.pk. All rights reserved.</p>
     </div>
   </footer>
    </div>
</template>

<script>
    export default {
        data () {
            return {

            }
        },
        
    }
</script>

<style lang="css" scoped>
.links a {
  text-decoration: none;
  color: #7dddfd;
}
.links a:hover {
  color: #04b1ed;
  text-decoration: underline;
}
.font-size {
  font-size: 18px;
}
@media only screen and (min-width: 0px) and (max-width: 900px) {
  .font-size {
    font-size: 14px;
  }
 
}
</style>