jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modifié contactview version mobile, le defualtLayout afin d'ajouter le menu mobile sur toutes les pages, index j'ai modifier quand non change de page pour remonter dans le haut de la page. Contact view j'avais un petit bug avec l'image et j,ai ajouté un effet sur la photo

Browse Source
This commit is contained in:
PascalMarchesseault
2024-03-29 14:03:02 -04:00
parent 5cd4eb531a
commit e339b5ff67
4 changed files with 203 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/layouts/FooterLayout.vue
View File

@@ -1,56 +1,57 @@
<!--lg="8" md="10" sm="10" xs="10" -->
<template>
<v-container>
<body style="background-color: #f4f4f4;">
<v-container style="background-color: #f4f4f4;">
<div style="background-color: #f4f4f4; min-height: 10vh; display: flex; flex-direction: column;"
class="footer-align">
<v-container style="background-color: #f4f4f4">
<v-row justify="center" style="margin-top: 30px;">
<v-col cols="5" lg="5" md="5" sm="12" xs="7">
<v-row>
<v-img src="../../../images/hutopy.png" class="hutopy-footer-picture"></v-img>
</v-row>
</v-col>
</v-row>
</v-container>
<div style="background-color: #f4f4f4; min-height: 10vh; display: flex; flex-direction: column;"
class="footer-align">
<v-container style="background-color: #f4f4f4">
<v-row justify="center" style="margin-top: 30px;">
<v-col cols="5" lg="5" md="5" sm="12" xs="7">
<v-row>
<v-img src="../../../images/hutopy.png" class="hutopy-footer-picture"></v-img>
</v-row>
</v-col>
</v-row>
</v-container>
<v-container>
<v-row justify="center">
<v-col cols="auto">
<a href="https://www.facebook.com/profile.php?id=61556819217561">
<img class="icons" src="../../../images/facebookiconblackpink.png" alt="Description image 2">
</a>
</v-col>
<v-col cols="auto">
<a href="https://www.instagram.com/hutopy.inc/">
<img src="../../../images/instagramblackpink.png" alt="Description image 3" class="icons">
</a>
</v-col>
<v-col cols="auto">
<router-link :to="{ name: 'home' }">
<img src="../../../images/xblackpink.png" alt="Description image 1" class="icons">
</router-link>
</v-col>
</v-row>
</v-container>
<v-container>
<v-row justify="center">
<v-col cols="auto">
<a href="https://www.facebook.com/profile.php?id=61556819217561">
<img class="icons" src="../../../images/facebookiconblackpink.png" alt="Description image 2">
</a>
</v-col>
<v-col cols="auto">
<a href="https://www.instagram.com/hutopy.inc/">
<img src="../../../images/instagramblackpink.png" alt="Description image 3" class="icons">
</a>
</v-col>
<v-col cols="auto">
<router-link :to="{ name: 'home' }">
<img src="../../../images/xblackpink.png" alt="Description image 1" class="icons">
</router-link>
</v-col>
</v-row>
</v-container>
<v-container class="text-center" style="flex-grow: 1;">
<v-btn v-for="link in links" :key="link" class="mx-2" color="black" rounded="xl" variant="text">
{{ link }}
</v-btn>
</v-container>
<v-container class="text-center" style="flex-grow: 1;">
<v-btn v-for="link in links" :key="link" class="mx-2" color="black" rounded="xl" variant="text">
{{ link }}
</v-btn>
</v-container>
<v-container class="text-black text-center ">
{{ new Date().getFullYear() }} — <strong>Hutopy v.01</strong>
</v-container>
<v-container class="text-black text-center ">
{{ new Date().getFullYear() }} — <strong>Hutopy v.01</strong>
</v-container>
</div>
</v-container>
</div>
</v-container>
</body>
</template>