nettoyage des photos et de certains fihciers .vue non utilisé
This commit is contained in:
PascalMarchesseault
Binary file not shown.
|
Before Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB |
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 MiB |
@@ -42,7 +42,7 @@
|
|||||||
<v-col cols="11" class="d-flex align-center justify-center">
|
<v-col cols="11" class="d-flex align-center justify-center">
|
||||||
|
|
||||||
<!-- Logo Top bar -->
|
<!-- Logo Top bar -->
|
||||||
<img src="/images/Chevron2.png" class="mobile-header" alt="Logo">
|
<img src="/images/mobilemenulogo.png" class="mobile-header" alt="Logo">
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</v-app-bar>
|
</v-app-bar>
|
||||||
@@ -107,7 +107,6 @@ const drawer = ref(false);
|
|||||||
height: 40px;
|
height: 40px;
|
||||||
border-radius: px;
|
border-radius: px;
|
||||||
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
|
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
|
||||||
/* Ajouter une ombre à la photo */
|
|
||||||
border: 2px solid #a30e79;
|
border: 2px solid #a30e79;
|
||||||
margin-right: 10px
|
margin-right: 10px
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,36 +1,39 @@
|
|||||||
<!--lg="8" md="10" sm="10" xs="10" -->
|
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
||||||
<body style="background-color: #f4f4f4;">
|
<body style="background-color: #f4f4f4;">
|
||||||
<v-container style="background-color: #f4f4f4;">
|
<v-container style="background-color: #f4f4f4;">
|
||||||
<div style="background-color: #f4f4f4; min-height: 10vh; display: flex; flex-direction: column;"
|
<div style="background-color: #f4f4f4; min-height: 10vh; display: flex; flex-direction: column;"
|
||||||
class="footer-align">
|
class="footer-align">
|
||||||
|
|
||||||
|
<!-- Hutopy footer logo -->
|
||||||
<v-container style="background-color: #f4f4f4">
|
<v-container style="background-color: #f4f4f4">
|
||||||
<!--Bug je ne peut pas l'appliquer uniquement sur mon -->
|
|
||||||
<router-link :to="{ name: 'home' }">
|
|
||||||
<v-row justify="center" style="margin-top: 30px;">
|
<v-row justify="center" style="margin-top: 30px;">
|
||||||
<v-col cols="5" lg="5" md="5" sm="12" xs="7">
|
<v-col cols="5" lg="5" md="5" sm="12" xs="7">
|
||||||
<v-row>
|
<router-link :to="{ name: 'home' }">
|
||||||
<v-img src="../../../images/hutopy.png" class="hutopy-footer-picture"></v-img>
|
<v-img src="../../../images/hutopy.png" class="hutopy-footer-picture"></v-img>
|
||||||
</v-row>
|
</router-link>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</router-link>
|
|
||||||
</v-container>
|
</v-container>
|
||||||
|
|
||||||
|
<!-- Hutopy Social network links -->
|
||||||
<v-container>
|
<v-container>
|
||||||
|
<!-- Facebook link -->
|
||||||
<v-row justify="center">
|
<v-row justify="center">
|
||||||
<v-col cols="auto">
|
<v-col cols="auto">
|
||||||
<a href="https://www.facebook.com/profile.php?id=61556819217561">
|
<a href="https://www.facebook.com/profile.php?id=61556819217561">
|
||||||
<img class="icons" src="../../images/facebookiconblackpink.png" alt="Description image 2">
|
<img class="icons" src="../../images/facebookiconblackpink.png" alt="Description image 2">
|
||||||
</a>
|
</a>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|
||||||
|
<!-- Instagram link -->
|
||||||
<v-col cols="auto">
|
<v-col cols="auto">
|
||||||
<a href="https://www.instagram.com/hutopy.inc/">
|
<a href="https://www.instagram.com/hutopy.inc/">
|
||||||
<img src="../../images/instagramblackpink.png" alt="Description image 3" class="icons">
|
<img src="../../images/instagramblackpink.png" alt="Description image 3" class="icons">
|
||||||
</a>
|
</a>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|
||||||
|
<!-- Need X Account -->
|
||||||
<v-col cols="auto">
|
<v-col cols="auto">
|
||||||
<router-link :to="{ name: 'home' }">
|
<router-link :to="{ name: 'home' }">
|
||||||
<img src="../../images/xblackpink.png" alt="Description image 1" class="icons">
|
<img src="../../images/xblackpink.png" alt="Description image 1" class="icons">
|
||||||
@@ -39,6 +42,7 @@
|
|||||||
</v-row>
|
</v-row>
|
||||||
</v-container>
|
</v-container>
|
||||||
|
|
||||||
|
<!-- Loop for social network links -->
|
||||||
<v-container class="text-center" style="flex-grow: 1;">
|
<v-container class="text-center" style="flex-grow: 1;">
|
||||||
<router-link v-for="link in links" :key="link" :to="getLinkUrl(link)"
|
<router-link v-for="link in links" :key="link" :to="getLinkUrl(link)"
|
||||||
class="mx-2 text-decoration-none text-black">
|
class="mx-2 text-decoration-none text-black">
|
||||||
@@ -50,9 +54,6 @@
|
|||||||
{{ new Date().getFullYear() }} — <strong>Hutopy v.01</strong>
|
{{ new Date().getFullYear() }} — <strong>Hutopy v.01</strong>
|
||||||
</v-container>
|
</v-container>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</v-container>
|
</v-container>
|
||||||
</body>
|
</body>
|
||||||
@@ -60,36 +61,30 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script>
|
<script setup>
|
||||||
export default {
|
const links = [
|
||||||
data: () => ({
|
|
||||||
links: [
|
|
||||||
'Aide & Contact',
|
'Aide & Contact',
|
||||||
'FAQ',
|
'FAQ',
|
||||||
'Guide pour les créateurs',
|
'Guide pour les créateurs',
|
||||||
'Conditions générales',
|
'Conditions générales',
|
||||||
'Politique de Contenu',
|
'Politique de Contenu',
|
||||||
'À Propos'
|
'À Propos'
|
||||||
|
];
|
||||||
|
|
||||||
],
|
const linkRoutes = {
|
||||||
linkRoutes: {
|
|
||||||
'Aide & Contact': { name: 'helpandcontact' },
|
'Aide & Contact': { name: 'helpandcontact' },
|
||||||
'FAQ': { name: 'FAQ' },
|
'FAQ': { name: 'FAQ' },
|
||||||
'Guide pour les créateurs': { name: 'guideforcreators' },
|
'Guide pour les créateurs': { name: 'guideforcreators' },
|
||||||
'Conditions générales': { name: 'termsandconditions' },
|
'Conditions générales': { name: 'termsandconditions' },
|
||||||
'Politique de Contenu': { name: 'contentpolicy' },
|
'Politique de Contenu': { name: 'contentpolicy' },
|
||||||
'À Propos': { name: 'about' },
|
'À Propos': { name: 'about' }
|
||||||
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
methods: {
|
|
||||||
getLinkUrl(link) {
|
|
||||||
return this.linkRoutes[link] || { name: 'home' };
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// If broken link, redirect to home page.
|
||||||
|
const getLinkUrl = (link) => linkRoutes[link] || { name: 'home' };
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.icons {
|
.icons {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
@@ -104,16 +99,11 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.custom-footer {
|
.custom-footer {
|
||||||
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
/* Ajoute un rembourrage intérieur de 10px autour du contenu du footer * 107, 0, 101, 1/
|
|
||||||
margin: 0;
|
|
||||||
/* Réinitialise les marges à zéro */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-margin {
|
.no-margin {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
/* Annule la marge de v-app */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
@@ -121,13 +111,11 @@ footer {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
/* Pour aligner le contenu verticalement */
|
|
||||||
background-color: rgba(107, 0, 101, 1);
|
background-color: rgba(107, 0, 101, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
footer a:not(:last-child) {
|
footer a:not(:last-child) {
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
/* Ajoute de l'espace entre les images et les liens */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.footertextcolor {
|
.footertextcolor {
|
||||||
@@ -142,9 +130,8 @@ footer a:not(:last-child) {
|
|||||||
|
|
||||||
.custom-color-button {
|
.custom-color-button {
|
||||||
background-color: rgb(255, 0, 0);
|
background-color: rgb(255, 0, 0);
|
||||||
/* Your custom color */
|
|
||||||
color: white;
|
color: white;
|
||||||
/* Text color */
|
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
margin-bottom: 40px;
|
margin-bottom: 40px;
|
||||||
@@ -154,25 +141,11 @@ footer a:not(:last-child) {
|
|||||||
background-color: rgba(107, 0, 101, 1);
|
background-color: rgba(107, 0, 101, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media (min-width: 150px) and (max-width: 598px) {
|
@media (min-width: 150px) and (max-width: 598px) {
|
||||||
|
|
||||||
.hutopy-footer-picture {
|
.hutopy-footer-picture {
|
||||||
|
|
||||||
|
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 599px) and (max-width: 999px) {}
|
|
||||||
|
|
||||||
@media (min-width: 1000px) and (max-width: 1279px) {}
|
|
||||||
|
|
||||||
@media (min-width: 1280px) and (max-width: 1600px) {}
|
|
||||||
|
|
||||||
@media (min-width: 1600px) and (max-width: 1919px) {}
|
|
||||||
|
|
||||||
@media (min-width: 1920px) and (max-width: 2559px) {}
|
|
||||||
|
|
||||||
@media (min-width: 2559px) {}
|
|
||||||
</style>
|
</style>
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</template>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.h1-inscription-beta-Inscrivez-vous {
|
|
||||||
font-size: 20px;
|
|
||||||
/* Taille de la police de 20 pixels */
|
|
||||||
font-weight: bold;
|
|
||||||
/* Texte en gras */
|
|
||||||
text-align: center;
|
|
||||||
/* Centrer le texte */
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
<template>
|
|
||||||
<v-card class="vcard-descriptions-mobile" style="margin-top: 30px;">
|
|
||||||
|
|
||||||
<h1 class="h1profilemobile">Podcast #01</h1>
|
|
||||||
|
|
||||||
|
|
||||||
<h2 clase="card-date" style="margin-bottom: 4%; text-align: right; margin-right: 5%;">10-03-2024 </h2>
|
|
||||||
<iframe width="420" height="315" src="https://www.youtube.com/embed/CDlj1IUhBqg?si=ot1YPBMKbmviOXvD">
|
|
||||||
</iframe>
|
|
||||||
|
|
||||||
<p class="text-justify pa-4" style="font-size: 1.2em">
|
|
||||||
Voici mon nouveau podcast!
|
|
||||||
|
|
||||||
</p>
|
|
||||||
</v-card>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.vcard-descriptions-mobile {
|
|
||||||
box-shadow: 0 6px 9px rgba(0, 0, 0, 0.6);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.h1profilemobile {
|
|
||||||
font-size: 2rem;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
color: rgba(163, 14, 121, 0.85);
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-date {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,8 +1,4 @@
|
|||||||
import ProjectRoadmap from '@/views/main/ProjectRoadmap.vue'
|
|
||||||
import About from '@/views/tos/About.vue'
|
import About from '@/views/tos/About.vue'
|
||||||
import AmbassadorProgram from '@/views/tos/AmbassadorProgram.vue'
|
|
||||||
import AntiExploitation from '@/views/tos/AntiExploitation.vue'
|
|
||||||
import ConditionsOfUse from '@/views/tos/ConditionsOfUse.vue'
|
|
||||||
import ContentPolicy from '@/views/tos/ContentPolicy.vue'
|
import ContentPolicy from '@/views/tos/ContentPolicy.vue'
|
||||||
import FAQ from '@/views/tos/FAQ.vue'
|
import FAQ from '@/views/tos/FAQ.vue'
|
||||||
import GuideForCreators from '@/views/tos/GuideForCreators.vue'
|
import GuideForCreators from '@/views/tos/GuideForCreators.vue'
|
||||||
@@ -50,11 +46,6 @@ const router = createRouter({
|
|||||||
name: 'login',
|
name: 'login',
|
||||||
component: LoginView
|
component: LoginView
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/roadmap',
|
|
||||||
name: 'roadmap',
|
|
||||||
component: ProjectRoadmap
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: '/home',
|
path: '/home',
|
||||||
name: 'home',
|
name: 'home',
|
||||||
@@ -75,28 +66,11 @@ const router = createRouter({
|
|||||||
name: 'contentpolicy',
|
name: 'contentpolicy',
|
||||||
component: ContentPolicy
|
component: ContentPolicy
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/ambassadorprogram',
|
|
||||||
name: 'ambassadorprogram',
|
|
||||||
component: AmbassadorProgram
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/conditionofuse',
|
|
||||||
name: 'conditionofuse',
|
|
||||||
component: ConditionsOfUse
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/antiexploitation',
|
|
||||||
name: 'antiexploitation',
|
|
||||||
component: AntiExploitation
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
{
|
||||||
path: '/faq',
|
path: '/faq',
|
||||||
name: 'FAQ',
|
name: 'FAQ',
|
||||||
component: FAQ
|
component: FAQ
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
path: '/guideforcreators',
|
path: '/guideforcreators',
|
||||||
name: 'guideforcreators',
|
name: 'guideforcreators',
|
||||||
|
|||||||
@@ -1,43 +0,0 @@
|
|||||||
<template>
|
|
||||||
<DefaultLayout></DefaultLayout>
|
|
||||||
<v-container>
|
|
||||||
<v-img class="roadmap-image" src="../../../images/roadmapbanner.png"></v-img>
|
|
||||||
|
|
||||||
</v-container>
|
|
||||||
|
|
||||||
<FooterLayout></FooterLayout>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import DefaultLayout from '@/layouts/DefaultLayout.vue';
|
|
||||||
import FooterLayout from '@/layouts/FooterLayout.vue';
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.footer-donate {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-donate-container {
|
|
||||||
|
|
||||||
background-color: rgb(255, 255, 255);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.roadmap-image {
|
|
||||||
border-radius: 35px;
|
|
||||||
width: 50%;
|
|
||||||
/* reduces width by 50% */
|
|
||||||
height: auto;
|
|
||||||
/* maintains aspect ratio */
|
|
||||||
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,61 +0,0 @@
|
|||||||
<template>
|
|
||||||
|
|
||||||
<body style="background-color: #f4f4f4;">
|
|
||||||
<DefaultLayout></DefaultLayout>
|
|
||||||
<div>
|
|
||||||
<v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;" hidden-md-and-down>
|
|
||||||
<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"
|
|
||||||
cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
|
|
||||||
</v-col>
|
|
||||||
</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">Programme ambassadeurs</v-typography>
|
|
||||||
</v-row>
|
|
||||||
</v-container>
|
|
||||||
|
|
||||||
|
|
||||||
<v-container style="z-index: 100; position: relative;">
|
|
||||||
<v-row justify="center" align="center">
|
|
||||||
<v-spacer></v-spacer>
|
|
||||||
<v-col cols="7">
|
|
||||||
<p class="text-start">
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
|
|
||||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
|
||||||
laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur
|
|
||||||
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
|
|
||||||
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
||||||
consequat.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
|
||||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
|
||||||
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit
|
|
||||||
amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
|
||||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
|
||||||
aliquip ex ea commodo consequat.
|
|
||||||
</p>
|
|
||||||
</v-col>
|
|
||||||
<v-spacer></v-spacer>
|
|
||||||
</v-row>
|
|
||||||
</v-container>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<FooterLayout></FooterLayout>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import DefaultLayout from '@/layouts/DefaultLayout.vue';
|
|
||||||
import FooterLayout from '@/layouts/FooterLayout.vue';
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.header-text-size {
|
|
||||||
font-size: 4rem;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,61 +0,0 @@
|
|||||||
<template>
|
|
||||||
|
|
||||||
<body style="background-color: #f4f4f4;">
|
|
||||||
<DefaultLayout></DefaultLayout>
|
|
||||||
<div>
|
|
||||||
<v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;" hidden-md-and-down>
|
|
||||||
<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"
|
|
||||||
cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
|
|
||||||
</v-col>
|
|
||||||
</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">Anti-exploitation</v-typography>
|
|
||||||
</v-row>
|
|
||||||
</v-container>
|
|
||||||
|
|
||||||
|
|
||||||
<v-container style="z-index: 100; position: relative;">
|
|
||||||
<v-row justify="center" align="center">
|
|
||||||
<v-spacer></v-spacer>
|
|
||||||
<v-col cols="7">
|
|
||||||
<p class="text-start">
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
|
|
||||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
|
||||||
laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur
|
|
||||||
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
|
|
||||||
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
||||||
consequat.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
|
||||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
|
||||||
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit
|
|
||||||
amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
|
||||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
|
||||||
aliquip ex ea commodo consequat.
|
|
||||||
</p>
|
|
||||||
</v-col>
|
|
||||||
<v-spacer></v-spacer>
|
|
||||||
</v-row>
|
|
||||||
</v-container>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<FooterLayout></FooterLayout>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import DefaultLayout from '@/layouts/DefaultLayout.vue';
|
|
||||||
import FooterLayout from '@/layouts/FooterLayout.vue';
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.header-text-size {
|
|
||||||
font-size: 4rem;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,71 +0,0 @@
|
|||||||
<template>
|
|
||||||
|
|
||||||
<body style="background-color: #f4f4f4;">
|
|
||||||
<DefaultLayout></DefaultLayout>
|
|
||||||
<div>
|
|
||||||
<v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;" hidden-md-and-down>
|
|
||||||
<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"
|
|
||||||
cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
|
|
||||||
</v-col>
|
|
||||||
</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">Conditions d'utilisation</v-typography>
|
|
||||||
</v-row>
|
|
||||||
</v-container>
|
|
||||||
|
|
||||||
|
|
||||||
<v-container style="z-index: 100; position: relative;">
|
|
||||||
<v-row justify="center" align="center">
|
|
||||||
<v-spacer></v-spacer>
|
|
||||||
<v-col cols="7">
|
|
||||||
|
|
||||||
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
|
|
||||||
5. Croissance et Développement :
|
|
||||||
</p>
|
|
||||||
<p style="margin-top: 25px; margin-bottom: 25px;">
|
|
||||||
<li>Continuez à Apprendre : Utilisez le Centre de Ressources Éducatives d’Hutopy pour
|
|
||||||
améliorer vos compétences et rester à jour sur les tendances du secteur. ( À venir )
|
|
||||||
</li> <br>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="text-start">
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
|
|
||||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
|
||||||
laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur
|
|
||||||
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
|
|
||||||
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
||||||
consequat.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
|
||||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
|
||||||
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit
|
|
||||||
amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
|
||||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
|
||||||
aliquip ex ea commodo consequat.
|
|
||||||
</p>
|
|
||||||
</v-col>
|
|
||||||
<v-spacer></v-spacer>
|
|
||||||
</v-row>
|
|
||||||
</v-container>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<FooterLayout></FooterLayout>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import DefaultLayout from '@/layouts/DefaultLayout.vue';
|
|
||||||
import FooterLayout from '@/layouts/FooterLayout.vue';
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.header-text-size {
|
|
||||||
font-size: 4rem;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -34,9 +34,15 @@
|
|||||||
<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 style="font-weight: 600; font-size: 1rem; margin-bottom: 25px; color: red;">
|
||||||
|
Certaines fonctionnalités ne sont pas encore implémentées, donc certains libellés sont
|
||||||
|
prévus pour la v1.0.
|
||||||
|
|
||||||
|
</p>
|
||||||
<p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
|
<p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
|
||||||
Foire Aux Questions
|
Foire Aux Questions
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p class="text-start text-left" style="margin-bottom: 25px;">
|
<p class="text-start text-left" style="margin-bottom: 25px;">
|
||||||
La section FAQ de Hutopy est votre ressource essentielle pour trouver des réponses rapides
|
La section FAQ de Hutopy est votre ressource essentielle pour trouver des réponses rapides
|
||||||
aux questions les plus fréquemment posées sur notre plateforme. Explorez nos réponses
|
aux questions les plus fréquemment posées sur notre plateforme. Explorez nos réponses
|
||||||
|
|||||||
Reference in New Issue
Block a user