Structure de base en place - Ce soir et vendredi soir, je vais nettoyer mes css.
This commit is contained in:
PascalMarchesseault
@@ -4,7 +4,7 @@
|
||||
|
||||
<!--PC -->
|
||||
<div class="md:flex hidden items-center justify-between flex-col">
|
||||
|
||||
|
||||
<img src="../../../images/BannerGaspe.png" class="banner-image" alt="Bannière">
|
||||
|
||||
|
||||
@@ -13,11 +13,11 @@
|
||||
<!-- Colonnes -->
|
||||
<v-container>
|
||||
<v-row>
|
||||
<v-col cols="2" class="ml-4 ml-sm-0">
|
||||
<v-col cols="1" class="ml-4 ml-sm-0">
|
||||
<!-- vide de gauche -->
|
||||
</v-col>
|
||||
|
||||
<v-col cols="8">
|
||||
<v-col cols="9" style="margin-left: 3%;">
|
||||
|
||||
|
||||
|
||||
@@ -28,8 +28,11 @@
|
||||
<v-col cols="6">
|
||||
<v-card-text>
|
||||
<div>
|
||||
<h2 style="text-align: center;">C'EST QUOI HUTOPY</h2>
|
||||
<p class="textjustify">Découvrez Hutopy, une plateforme révolutionnaire conçue pour célébrer
|
||||
<h2 style="margin-top: 30px; margin-bottom: 70px; font-size: 50px; text-align: center;">C'EST QUOI
|
||||
HUTOPY</h2>
|
||||
<p class="textjustify" style="margin-bottom: 75px; font-size: 1.5em;">Découvrez Hutopy, une
|
||||
plateforme révolutionnaire
|
||||
conçue pour célébrer
|
||||
la créativité, l'authenticité et l'inspiration. Ici, chaque créateur trouve un espace pour
|
||||
exprimer sa passion et partager ses œuvres avec une communauté engagée. Hutopy se distingue
|
||||
par son engagement envers une expérience numérique enrichissante, offrant une interface
|
||||
@@ -44,17 +47,19 @@
|
||||
contenu. Bienvenue sur Hutopy, où vous pouvez créer votre propre univers.</p>
|
||||
</div>
|
||||
|
||||
<router-link :to="{ name: 'contact' }">
|
||||
<v-btn style=" background-color: rgb(163, 14, 121); color: white; font-weight: bold;" class="mt-4"
|
||||
block>
|
||||
CONNECTEZ-VOUS
|
||||
</v-btn>
|
||||
</router-link>
|
||||
|
||||
</v-card-text>
|
||||
</v-col>
|
||||
<v-col cols="6" class="mt-auto">
|
||||
<v-img src="../../../images/world.png" class="v-card-imagecontainerpos" alt="Image"
|
||||
style="margin-bottom: 25px;"></v-img>
|
||||
<router-link :to="{ name: 'contact' }">
|
||||
<v-btn style="background-color: rgb(163, 14, 121); color: white; font-weight: bold;" class="mt-4"
|
||||
block>
|
||||
CONNECTEZ-VOUS
|
||||
</v-btn>
|
||||
</router-link>
|
||||
style="margin-bottom: 5px;"></v-img>
|
||||
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-container>
|
||||
@@ -64,86 +69,86 @@
|
||||
|
||||
<!-- Créer Profiter Inspirer -->
|
||||
|
||||
<div style="margin-top: 30px;">
|
||||
<v-container class="d-flex">
|
||||
<v-container style="margin-top: 35px;" class="flex-grow-1">
|
||||
<div>
|
||||
<div class="d-flex justify-center align-center">
|
||||
<div>
|
||||
<div style="margin-top: 30px;">
|
||||
<v-container class="d-flex ">
|
||||
|
||||
<v-hover v-slot="{ isHovering, props }">
|
||||
<v-card class="mx-auto" max-width="344" v-bind="props">
|
||||
<v-img src="../../../images/creer.png"></v-img>
|
||||
<v-card class=" mx-auto" max-width="400" v-bind="props">
|
||||
<v-img src="../../../images/creer.png" style="min-width: 344px;"></v-img>
|
||||
<v-overlay :model-value="isHovering" class="align-center justify-center" scrim="#6b0065"
|
||||
contained>
|
||||
<v-container>
|
||||
<v-card class="mx-auto" max-width="344" v-bind="props" color="#a30e79">
|
||||
<v-card class="mx-auto" max-width="400" v-bind="props" color="#a30e79">
|
||||
<h3 class="white--text" style="text-align: center; margin-top: 10%; font-size: 1.5em;">
|
||||
CRÉER
|
||||
</h3>
|
||||
<p class="text-justify pa-10" style="font-size: 1em;">Libérez votre créativité sur Hutopy,
|
||||
où chaque idée trouve sa place et chaque créateur détient la clé d'un monde rempli de
|
||||
possibilités infinies. Rejoignez-nous et transformez votre passion en réalité.</p>
|
||||
CRÉER</h3>
|
||||
<p class="text-justify pa-4" style="font-size: 1.2em; ">Libérez votre créativité sur
|
||||
Hutopy,
|
||||
où chaque idée trouve sa place et chaque créateur détient la clé d'un monde rempli
|
||||
de possibilités
|
||||
infinies. Rejoignez-nous et transformez votre passion en réalité.</p>
|
||||
</v-card>
|
||||
</v-container>
|
||||
</v-overlay>
|
||||
</v-card>
|
||||
</v-hover>
|
||||
</div>
|
||||
</v-container>
|
||||
|
||||
<v-space style="margin-left: 30px;"></v-space>
|
||||
|
||||
<v-container style="margin-top: 35px;" class="flex-grow-1 ">
|
||||
<div>
|
||||
<v-hover v-slot="{ isHovering, props }">
|
||||
<v-card class="mx-auto" max-width="344" v-bind="props">
|
||||
<v-img src="../../../images/profitez.png"></v-img>
|
||||
<v-card class="mx-auto" max-width="400" v-bind="props">
|
||||
<v-img src="../../../images/profitez.png" style="min-width: 344px;"></v-img>
|
||||
<v-overlay :model-value="isHovering" class="align-center justify-center" scrim="#6b0065"
|
||||
contained>
|
||||
<v-container>
|
||||
<v-card class="mx-auto" max-width="344" v-bind="props" color="#a30e79">
|
||||
<v-card class="mx-auto" max-width="400" v-bind="props" color="#a30e79">
|
||||
<h3 class="white--text" style="text-align: center; margin-top: 10%; font-size: 1.5em;">
|
||||
PROFITER</h3>
|
||||
<p class="text-justify pa-10" style="">Plongez dans l'univers Hutopy et découvrez un
|
||||
espace
|
||||
où profiter rime avec
|
||||
s'enrichir. Savourez des contenus uniques, des interactions authentiques et une
|
||||
expérience
|
||||
personnalisée conçue pour éveiller vos sens et enrichir votre quotidien.</p>
|
||||
<p class="text-justify pa-4" style="font-size: 1.2em; ">Plongez dans l'univers Hutopy
|
||||
et découvrez un
|
||||
espace où profiter rime avec s'enrichir. Savourez des contenus uniques, des
|
||||
interactions authentiques
|
||||
et une expérience personnalisée conçue pour éveiller vos sens et enrichir votre
|
||||
quotidien.</p>
|
||||
</v-card>
|
||||
</v-container>
|
||||
</v-overlay>
|
||||
</v-card>
|
||||
</v-hover>
|
||||
</div>
|
||||
</v-container>
|
||||
|
||||
<v-space style="margin-left: 30px;"> </v-space>
|
||||
|
||||
|
||||
|
||||
<v-container style="margin-top: 35px;" class="flex-grow-1">
|
||||
<div>
|
||||
<v-hover v-slot="{ isHovering, props }">
|
||||
<v-card class="mx-auto" max-width="344" v-bind="props">
|
||||
<v-img src="../../../images/inspirer.png"></v-img>
|
||||
<v-card class="mx-auto" max-width="400" v-bind="props">
|
||||
<v-img src="../../../images/inspirer.png" style="min-width: 344px;"></v-img>
|
||||
<v-overlay :model-value="isHovering" class="align-center justify-center" scrim="#6b0065"
|
||||
contained>
|
||||
<v-container>
|
||||
<v-card class="mx-auto" max-width="344" v-bind="props" color="#a30e79">
|
||||
<v-card class="mx-auto" max-width="400" v-bind="props" color="#a30e79">
|
||||
<h3 class="white--text" style="text-align: center; margin-top: 10%; font-size: 1.5em;">
|
||||
INSPIRER</h3>
|
||||
<p class="text-justify pa-10" style="">Devenez une source d'inspiration sur Hutopy, en
|
||||
partageant votre vision,
|
||||
votre talent et vos histoires. Influencez positivement la communauté, éveillez la
|
||||
curiosité et
|
||||
inspirez les autres à poursuivre leurs rêves dans un cercle vertueux de créativité et
|
||||
<p class="text-justify pa-4" style="font-size: 1.2em; ">Devenez une source
|
||||
d'inspiration sur Hutopy, en
|
||||
partageant votre vision, votre talent et vos histoires. Influencez positivement la
|
||||
communauté, éveillez
|
||||
la curiosité et inspirez les autres à poursuivre leurs rêves dans un cercle
|
||||
vertueux de créativité et
|
||||
d'inspiration.</p>
|
||||
</v-card>
|
||||
</v-container>
|
||||
</v-overlay>
|
||||
</v-card>
|
||||
</v-hover>
|
||||
</div>
|
||||
</v-container>
|
||||
</v-container>
|
||||
|
||||
</v-container>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ILS SONT SUR HUTOPY -->
|
||||
<v-container>
|
||||
<v-card-text>
|
||||
@@ -256,13 +261,14 @@
|
||||
<v-container>
|
||||
<v-card-text>
|
||||
<div style="background-color: rgba(163, 14, 121, 1); height: 2px; width: 100%; margin-top: -50px;">
|
||||
</div>
|
||||
</div>
|
||||
<h1 style="text-align: center; color: #a30e79; font-size: 2.2em; margin-bottom: 10%;">ILS SONT SUR HUTOPY
|
||||
</h1>
|
||||
<div style="background-color: rgba(163, 14, 121, 1); height: 2px; width: 100%; margin-top: -40px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-center" style="margin-left: -10px; margin-right: 10px; margin-top: 50px;">
|
||||
<div class="d-flex justify-content-center"
|
||||
style="margin-left: -10px; margin-right: 10px; margin-top: 50px;">
|
||||
<router-link :to="{ name: 'creatorfolio' }">
|
||||
<img src="../../../images/guillaume.png" alt="Profile Image" class="profile-image"
|
||||
style="border-radius: 50%; margin-right: 20px; width: 120px; height: 120px;" />
|
||||
|
||||
Reference in New Issue
Block a user