Ajout des pages informatives ainsi que les liens
This commit is contained in:
PascalMarchesseault
61
src/views/tos/AmbassadorProgram.vue
Normal file
61
src/views/tos/AmbassadorProgram.vue
Normal file
@@ -0,0 +1,61 @@
|
||||
<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>
|
||||
61
src/views/tos/AntiExploitation.vue
Normal file
61
src/views/tos/AntiExploitation.vue
Normal file
@@ -0,0 +1,61 @@
|
||||
<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>
|
||||
61
src/views/tos/ConditionsOfUse.vue
Normal file
61
src/views/tos/ConditionsOfUse.vue
Normal file
@@ -0,0 +1,61 @@
|
||||
<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 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>
|
||||
61
src/views/tos/ContentPolicy.vue
Normal file
61
src/views/tos/ContentPolicy.vue
Normal file
@@ -0,0 +1,61 @@
|
||||
<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">Politiques des contenus</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>
|
||||
57
src/views/tos/HelpAndContact.vue
Normal file
57
src/views/tos/HelpAndContact.vue
Normal file
@@ -0,0 +1,57 @@
|
||||
<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">Aide et Contact</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">
|
||||
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>
|
||||
</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>
|
||||
61
src/views/tos/TermsAndConditions.vue
Normal file
61
src/views/tos/TermsAndConditions.vue
Normal file
@@ -0,0 +1,61 @@
|
||||
<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 générales</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>
|
||||
Reference in New Issue
Block a user