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

Css styling for Tos

Browse Source
This commit is contained in:
PascalMarchesseault
2024-06-30 02:57:33 -04:00
parent 646b2a668a
commit 88f79fd4b3
9 changed files with 170 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/views/documentation/HelpAndContact.vue
View File

@@ -1,86 +1,32 @@
<template>
<div class="content">
<h1>Aide et Contact</h1>
<p>
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
plus sur notre plateforme, vous êtes au bon endroit. Notre objectif est de vous fournir tout
le soutien nécessaire pour que votre expérience sur Hutopy soit aussi enrichissante et
agréable que possible.
<div class="DocContainer">
<h1 class="DocTitle py-10">Aide et Contact</h1>
<p class="text-justify">
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 plus sur notre plateforme, vous êtes au bon endroit. Notre objectif est de vous fournir tout le soutien nécessaire pour que votre expérience sur Hutopy soit aussi enrichissante et agréable que possible.
</p>
<h2>
FAQ (Foire Aux Questions)
</h2>
<p>
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
<h2 class="SubTitle">FAQ (Foire Aux Questions)</h2>
<p class="text-justify">
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>
<h2>Contactez-Nous</h2>
<p>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>
- 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>
<h2 class="SubTitle">Contactez-Nous</h2>
<p class="text-justify">
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 class="text-justify">
- 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>
<h2>Assistance Technique</h2>
<p>
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>
<h2 class="SubTitle">Assistance Technique</h2>
<p class="text-justify">
Rencontrez-vous un problème technique ?
Notre équipe d'assistance est là pour vous aider : <a href="mailto:support@hutopy.com" style="color: #a30e79;">support@hutopy.com</a>
</p>
<p>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 class="text-justify mt-5">
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>
</div>
</template>
<style scoped>
.important {
@apply m-2 text-red-500 my-4
}
.document {
@apply flex flex-col mx-10 space-y-4
}
h1 {
@apply self-center my-20 text-6xl font-bold
}
h2 {
@apply text-lg font-normal font-semibold font-sans
}
p {
@apply text-base font-normal font-sans
}
.member-profile-picture {
width: 250px;
height: auto;
}
</style>
<script setup lang="ts">
</script>