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

Tos et footer

Browse Source
This commit is contained in:
PascalMarchesseault
2024-04-17 23:24:22 -04:00
parent 1ad93bf826
commit 13b79c782c
9 changed files with 1084 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,12 +11,12 @@
</v-row>
<v-container style="z-index: 100; position: relative;">
<v-row justify="center" align="center" style="color:white; margin-top: -250px;"
class="header-text-size">
<v-typography class="headline text-center">Aide et Contact</v-typography>
<v-row justify="center" style="color:white;">
<h1 class="header-text-size text-center">Aide et Contact</h1>
</v-row>
</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' }">
@@ -33,6 +33,10 @@
<v-row justify="center" align="center">
<v-spacer></v-spacer>
<v-col cols="7">
<p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
Aide et contact
</p>
<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
conseils pour optimiser votre présence sur Hutopy, ou un utilisateur curieux d'en apprendre
@@ -41,26 +45,47 @@
agréable que possible.
</p>
<v-typography>
<p style="font-weight: 600; font-size: 1.4rem;">
FAQ (Foire Aux Questions)
</v-typography>
</p>
<p style="margin-top: 25px;">
<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>
<p style="margin-top: 25px; font-weight: 600; font-size: 1.4rem;">Contactez-Nous</p>
<p style="margin-top: 25px;">Nous sommes toujours ravis d'entendre nos utilisateurs ! Que ce
soit pour partager vos retours, poser une question spécifique, ou demander des
renseignements sur des partenariats, n'hésitez pas à nous contacter.</p>
<p style="margin-top: 25px; color: black;">
- Par E-mail : <a href="mailto:info@hutopy.com" style="color: #a30e79;">info@hutopy.com</a>
<br>
- Réseaux Sociaux : Nous sommes actifs sur <a href="https://www.facebook.com/Hutopy"
style="color: #a30e79;">Facebook</a>, et <a href="https://www.instagram.com/hutopy.inc"
style="color: #a30e79;">Instagram</a> <br>
- Suivez-nous pour rester informé et interagir avec notre communauté.
</p>
<p style="margin-top: 25px; font-weight: 600; font-size: 1.4rem;">Assistance Technique</p>
<p style="margin-top: 25px; color: black;">
Rencontrez-vous un problème technique ? <br>
Notre équipe d'assistance est là pour vous aider :
<a href="mailto:support@hutopy.com" style="color: #a30e79;">support@hutopy.com</a>
</p>
<p style="margin-top: 25px;">Nous sommes là pour rendre votre expérience sur Hutopy aussi fluide
et positive que possible. N'hésitez pas à nous contacter pour toute aide supplémentaire !
</p>
</v-col>
<v-spacer></v-spacer>
</v-row>
</v-container>
</div>
<FooterLayout></FooterLayout>
</body>
@@ -72,8 +97,25 @@ import FooterLayout from '@/layouts/FooterLayout.vue';
</script>
<style>
<style scoped>
.header-text-size {
font-size: 4rem;
margin-top: -230px;
}
@media (min-width: 650px) and (max-width: 960px) {
.header-text-size {
margin-top: -200px;
}
}
@media (min-width: 100px) and (max-width: 649px) {
.header-text-size {
margin-top: -155px;
}
}
</style>