<template>
<footer class="footer">
  <div class="container">
    <div class="row">
      <div class="col-sm-4">
        <h4>About Us</h4>
        <p>Stella Amor is a dating platform with the goal to let the users search for whatever they desire, with one of the most advanced filters.</p>
      </div>
      <div class="col-sm-4">
        <h4>Contact Us</h4>
        <p>Email: <a href="mailto:info@stellaamor.com" class="mailLink">info@stellaamor.com</a><br>
        Support: <a href="mailto:support@stellaamor.com" class="mailLink">support@stellaamor.com</a></p>
      </div>
      <!-- <div class="col-sm-4">
        <h4>Follow Us</h4>
        <p>Stay connected with us on social media</p>
        <ul class="social-icons">
          <li><a href="#"><i class="fab fa-facebook"></i></a></li>
          <li><a href="#"><i class="fab fa-twitter"></i></a></li>
          <li><a href="#"><i class="fab fa-instagram"></i></a></li>
        </ul>
      </div> -->
    </div>
  </div>
</footer>
</template>


<script>
    export default{
        name: 'pageFooter',

        data(){
            return{
            }
        },
        methods:{
        },
        computed:{
        },
    }
</script>

<style lang="scss">
.mailLink{
    color: inherit !important;
    text-decoration:none;
}

.footer {
  background-color: #ffffff;
  padding: 50px 0;
}

.footer h4 {
  color: #333333;
}

.footer p {
  color: #666666;
}

.social-icons {
  list-style: none;
  padding: 0 !important;
  margin: 10px 0 0;
}

.social-icons li {
  display: inline-block;
  margin-right: 10px;
}

.social-icons li:last-child {
  margin-right: 0;
}

.social-icons a {
  color: #333333;
  font-size: 20px;
}

.social-icons a:hover {
  color: #666666;
}

</style>