diff options
Diffstat (limited to 'components/navigation/Footer.vue')
| -rw-r--r-- | components/navigation/Footer.vue | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/components/navigation/Footer.vue b/components/navigation/Footer.vue new file mode 100644 index 0000000..5fd72c6 --- /dev/null +++ b/components/navigation/Footer.vue @@ -0,0 +1,65 @@ +<template> + <div class="footer"> + <div class="container"> + <br><br><br><br> + + <div class="info"> + <div class="row"> + <div id="personal" class="col-lg-4"> + <p class="wow fadeInUp"> + <code>println!(Fuwn.copyleft);<br></code> + </p> + <h4 class="wow fadeInUp" data-wow-delay="0.2s"> + <a id="info-item-1" href="/">fuwn 2020</a> + </h4> + <br><br> + </div> + + <div id="media" class="col-lg-4"> + <p class="wow fadeInUp" data-wow-delay="0s"> + <code>$ ls -a links/<br></code> + </p> + + <ul> + <li id="tw" class="wow fadeInUp" data-wow-delay="0.8s"> + <a id="media-item-1" :href="'https://twitter.com/' + socials.twitter">tw</a> + </li> + <li id="gh" class="wow fadeInUp" data-wow-delay="1s"> + <a id="media-item-3" :href="'https://github.com/' + socials.github">gh</a> + </li> + </ul> + <br><br> + </div> + + <div id="address" class="col-lg-4"> + <p class="wow fadeInUp" data-wow-delay="0s"> + <code>$ echo $CONTACTS<br></code> + </p> + <h4 class="wow fadeInUp" data-wow-delay="0.2s"> + <a href="/contacts"> + <img + src="../../assets/images/contacts-flash.gif" + alt="" + > + </a> + </h4> + <br><br> + </div> + </div> + </div> + </div> + </div> +</template> + +<script> +import socials from '../../assets/json/socials.json' + +export default { + name: 'Footer', + data: () => { + return { + socials + } + } +} +</script> |