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

HelpAndContact - base template

Browse Source
This commit is contained in:
PascalMarchesseault
2024-04-08 20:19:33 -04:00
parent b74a915cea
commit 9b6ad50503
2 changed files with 33 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/layouts/DefaultLayout.vue
View File

@@ -6,6 +6,9 @@
<v-card style="z-index: 9000; background-color: #ffff;" class="hidden-sm-and-down" hidden-sm-and-down elevation="5"> <v-card style="z-index: 9000; background-color: #ffff;" class="hidden-sm-and-down" hidden-sm-and-down elevation="5">
<v-container style="z-index: 2000; margin-bottom: .8%; margin-top: -.3%; margin-right: 1%;"> <v-container style="z-index: 2000; margin-bottom: .8%; margin-top: -.3%; margin-right: 1%;">
<v-row justify="end" style="margin-top: .2%; margin-bottom: -1.2%;"> <v-row justify="end" style="margin-top: .2%; margin-bottom: -1.2%;">
<v-col cols="auto" class="d-flex align-end justify-end"> <v-col cols="auto" class="d-flex align-end justify-end">
<router-link :to="{ name: 'yourprofile' }"> <router-link :to="{ name: 'yourprofile' }">
<v-row class="d-flex align-center"> <v-row class="d-flex align-center">

38
src/views/tos/HelpAndContact.vue
View File

@@ -3,7 +3,7 @@
<body style="background-color: #f4f4f4;"> <body style="background-color: #f4f4f4;">
<DefaultLayout></DefaultLayout> <DefaultLayout></DefaultLayout>
<div> <div>
<v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;" hidden-md-and-down> <v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;">
<v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;"> <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
<v-img class="profile-banner" max-height="375" src="./../../../images/tos/headerbackground.png" <v-img class="profile-banner" max-height="375" src="./../../../images/tos/headerbackground.png"
cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img> cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
@@ -17,20 +17,42 @@
</v-row> </v-row>
</v-container> </v-container>
<v-row class="fluid d-flex justify-center" style="margin-bottom: 25px; margin-top: 25px;">
<v-col cols="auto">
<router-link :to="{ name: 'home' }">
<v-btn flat style="background-color: #f4f4f4;">
<v-icon left style="margin-right: 10px;">mdi-home</v-icon> Accueil
</v-btn>
</router-link>
</v-col>
</v-row>
<v-container style="z-index: 100; position: relative;"> <v-container style="z-index: 100; position: relative;">
<v-row justify="center" align="center"> <v-row justify="center" align="center">
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-col cols="7"> <v-col cols="7">
<p class="text-start"> <p class="text-start text-left" style="margin-bottom: 25px;">
Bienvenue dans notre espace d'assistance ! Que vous soyez un créateur à la recherche de Bienvenue dans notre espace d'assistance ! Que vous soyez un créateur à la recherche de
conseils conseils pour optimiser votre présence sur Hutopy, ou un utilisateur curieux d'en apprendre
pour optimiser votre présence sur Hutopy, ou un utilisateur curieux d'en apprendre plus sur plus sur notre plateforme, vous êtes au bon endroit. Notre objectif est de vous fournir tout
notre le soutien nécessaire pour que votre expérience sur Hutopy soit aussi enrichissante et
plateforme, vous êtes au bon endroit. Notre objectif est de vous fournir tout le soutien agréable que possible.
nécessaire
pour que votre expérience sur Hutopy soit aussi enrichissante et agréable que possible.
</p> </p>
<v-typography>
FAQ (Foire Aux Questions)
</v-typography>
<p style="margin-top: 25px;">
Retrouvez les réponses aux questions les plus fréquemment posées concernant l'utilisation
d’Hutopy, les fonctionnalités de la plateforme, les options de monétisation, et plus encore.
Consulter la FAQ
</p>
</v-col> </v-col>
<v-spacer></v-spacer> <v-spacer></v-spacer>
</v-row> </v-row>