Ui Updated - Modification de LoginView.vue et ContactView.vue
This commit is contained in:
PascalMarchesseault
@@ -2,69 +2,80 @@
|
||||
|
||||
|
||||
<!--PC -->
|
||||
<div class="md:flex hidden items-center justify-between flex-col">
|
||||
<v-container style="margin-bottom: -.1%; margin-top: 2%;">
|
||||
<v-row justify="center">
|
||||
<v-col style="margin-left: 4%;" cols="6">
|
||||
<img src="../../../images/hutopyblack.png" height="100px">
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row style="margin-bottom: -4%;" justify="end">
|
||||
<v-col cols="auto">
|
||||
<router-link :to="{ name: 'home' }">
|
||||
<v-btn size="x-large" style="min-width: 200px; max-width: 200px;" elevation="0">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="md:flex hidden items-center justify-between flex-col" style="margin-top: 3%;">
|
||||
<v-container class="d-flex justify-center align-center">
|
||||
<div style="margin-left: 20%; margin-bottom: 3%;">
|
||||
<v-row>
|
||||
|
||||
<img style=" max-width: 60%;" src="../../../images/hutopy.png">
|
||||
|
||||
<RouterLink :to="{ name: 'home' }">
|
||||
<v-btn size="large"
|
||||
style="margin-left: 50%; margin-top: 48%; min-width: 150px; max-width: 200px; border-radius: 40px;"
|
||||
color="rgb(107, 0, 101)" outlined elevation="0">
|
||||
Accueil
|
||||
</v-btn>
|
||||
</router-link>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</RouterLink>
|
||||
|
||||
</v-row>
|
||||
</div>
|
||||
</v-container>
|
||||
|
||||
<img src="../../../images/homepage/bannierenousjoindre.png" class="banner-image" alt="Bannière"
|
||||
style="min-height: 500px; margin-top: 3%;">
|
||||
|
||||
|
||||
|
||||
|
||||
<main class="top-aligned-column grid grid-cols-3 gap-4">
|
||||
|
||||
<div class="column"></div>
|
||||
<div class="center-column" style="width: 100vw; margin: auto;">
|
||||
<h1 style="font-size: 3rem; margin-top: 7%; margin-bottom: 7%;" class="h1-inscription-beta">Participez au
|
||||
développement de </h1>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4" style="margin-bottom: 10%;">
|
||||
<div class="grid grid-cols-2 gap-4" style="margin-bottom: 5%;">
|
||||
<div class="rectangular-image h-full flex justify-center items-center">
|
||||
|
||||
<img src="../../../images/homepage/love.png" alt="Bannière" class="contactpicture" style="float: right;">
|
||||
<img src="../../../images/contactpage/contactpicture.png" alt="Bannière" class="contactpicture"
|
||||
style="width: 700px; margin-top: 14%; height: auto; float: right;">
|
||||
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
||||
<h1 style="font-size: 3rem; margin-top: -.5%; margin-bottom: 7%;" class="h1-inscription-beta">Participez au
|
||||
développement de </h1>
|
||||
|
||||
|
||||
<p class="para-inscription" style="margin-top: 4%; font-size: 1.4rem;">
|
||||
Étant au début de notre projet, vous pouvez nous contacter pour être ajouté à la liste des ambassadeurs et
|
||||
nous aider à créer la plateforme de vos rêves pour partager votre contenu. Nous recherchons des personnes
|
||||
passionnées et qui ont une vision d'un monde meilleur. Aidez-nous à grandir en nous donnant vos
|
||||
rétroactions afin que l'on puisse développer des outils qui seront uniques pour les créateurs et les
|
||||
utilisateurs de la plateforme. Nous voulons créer un réseau social qui fera une différence dans ce monde.
|
||||
<p class="para-inscription" style="margin-top: 4%; font-size: 1.4rem;">Rejoignez l'aventure Hutopy : une
|
||||
invitation à façonner l'avenir de la création.
|
||||
Vous avez un talent, une passion, une vision ? Hutopy vous ouvre ses portes, non seulement comme
|
||||
plateforme, mais comme une communauté vibrante où chaque créateur devient un architecte de l'utopie
|
||||
collective. Ici, votre art, vos idées, et vos rêves trouvent un espace pour s'épanouir, se partager et
|
||||
inspirer.
|
||||
Devenez créateur sur Hutopy et plongez dans une expérience sans pareille où vos œuvres rejoindront un
|
||||
écosystème florissant, prêtes à être découvertes, appréciées et soutenues. C'est l'occasion de laisser
|
||||
votre empreinte, d'enseigner, d'apprendre et de grandir aux côtés d'âmes créatives partageant les mêmes
|
||||
idées.
|
||||
Faire partie de Hutopy, c'est embrasser une opportunité unique de monétiser votre créativité, d'élargir
|
||||
votre réseau et de participer à un projet grandiose. C'est le moment de transformer votre passion en
|
||||
profession, d'atteindre un public mondial et de contribuer à un mouvement qui valorise la créativité et
|
||||
l'innovation.
|
||||
Pour embarquer dans ce voyage vers la réalisation de vos rêves et rejoindre notre communauté de créateurs
|
||||
visionnaires, nous vous invitons à inscrire vos informations. Partagez avec nous votre courriel et votre
|
||||
numéro de téléphone, et nous vous guiderons à travers chaque étape pour établir votre présence sur Hutopy.
|
||||
Laissez-nous votre marque, et ensemble, construisons un monde où la créativité connaît aucune limite.
|
||||
Votre aventure commence maintenant. Bienvenue dans l'univers Hutopy, où chaque créateur est une étoile
|
||||
dans le ciel de notre utopie partagée.
|
||||
|
||||
</p>
|
||||
|
||||
<v-text-field label="Nom ($)"
|
||||
style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
|
||||
<v-text-field label="Nom ($)" style=" color: rgb(107, 0, 101); background-color: #F4F4F4;"></v-text-field>
|
||||
|
||||
<v-text-field label="Courriel ($)"
|
||||
style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
|
||||
style="color: rgb(107, 0, 101); background-color: #F4F4F4"></v-text-field>
|
||||
|
||||
<v-textarea style="color: rgb(107, 0, 101)" label="Pourquoi voulez-vous participer au développement"
|
||||
placeholder="Écrivez votre message ici" rows="3" auto-grow></v-textarea>
|
||||
@@ -72,8 +83,11 @@
|
||||
<v-textarea style="color: rgb(107, 0, 101)" label="Avez-vous déjà des comptes sur les réseaux sociaux ?"
|
||||
placeholder="Écrivez votre message ici" rows="3" auto-grow></v-textarea>
|
||||
|
||||
<v-btn style=" margin-bottom: 45px; background-color: rgb(163, 14, 121); color: white; font-weight: bold;"
|
||||
class="mt-4" block>Envoyez</v-btn>
|
||||
|
||||
<RouterLink :to="{ name: 'home' }">
|
||||
<v-btn style=" margin-bottom: 45px; background-color: rgb(163, 14, 121); color: white; font-weight: bold;"
|
||||
class="mt-4" block>Envoyez</v-btn>
|
||||
</RouterLink>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -89,7 +103,7 @@
|
||||
|
||||
<div class="md:hidden flex flex-col items-center justify-center">
|
||||
<DefaultLayout></DefaultLayout>
|
||||
<h1 class="h1-inscription-betacolor" style="margin-bottom: 35px;">Hutopy</h1>
|
||||
<h1 class="h1-inscription-betacolor" style=" margin-bottom: 35px;">Hutopy</h1>
|
||||
|
||||
|
||||
|
||||
@@ -97,11 +111,23 @@
|
||||
<img src="../../../images/contactpicturemobile.png" alt="Bannière">
|
||||
</div>
|
||||
<p class="text-justify pa-4" style="font-size: 1em;">
|
||||
Étant au début de notre projet, vous pouvez nous contacter pour être ajouté à la liste des ambassadeurs et
|
||||
nous aider à créer la plateforme de vos rêves pour partager votre contenu. Nous recherchons des personnes
|
||||
passionnées et qui ont une vision d'un monde meilleur. Aidez-nous à grandir en nous donnant vos
|
||||
rétroactions afin que l'on puisse développer des outils qui seront uniques pour les créateurs et les
|
||||
utilisateurs de la plateforme. Nous voulons créer un réseau social qui fera une différence dans ce monde.
|
||||
Rejoignez l'aventure Hutopy : une invitation à façonner l'avenir de la création.
|
||||
Vous avez un talent, une passion, une vision ? Hutopy vous ouvre ses portes, non seulement comme plateforme,
|
||||
mais comme une communauté vibrante où chaque créateur devient un architecte de l'utopie collective. Ici, votre
|
||||
art, vos idées, et vos rêves trouvent un espace pour s'épanouir, se partager et inspirer.
|
||||
Devenez créateur sur Hutopy et plongez dans une expérience sans pareille où vos œuvres rejoindront un écosystème
|
||||
florissant, prêtes à être découvertes, appréciées et soutenues. C'est l'occasion de laisser votre empreinte,
|
||||
d'enseigner, d'apprendre et de grandir aux côtés d'âmes créatives partageant les mêmes idées.
|
||||
Faire partie de Hutopy, c'est embrasser une opportunité unique de monétiser votre créativité, d'élargir votre
|
||||
réseau et de participer à un projet grandiose. C'est le moment de transformer votre passion en profession,
|
||||
d'atteindre un public mondial et de contribuer à un mouvement qui valorise la créativité et l'innovation.
|
||||
Pour embarquer dans ce voyage vers la réalisation de vos rêves et rejoindre notre communauté de créateurs
|
||||
visionnaires, nous vous invitons à inscrire vos informations. Partagez avec nous votre courriel et votre numéro
|
||||
de téléphone, et nous vous guiderons à travers chaque étape pour établir votre présence sur Hutopy.
|
||||
Laissez-nous votre marque, et ensemble, construisons un monde où la créativité connaît aucune limite. Votre
|
||||
aventure commence maintenant. Bienvenue dans l'univers Hutopy, où chaque créateur est une étoile dans le ciel de
|
||||
notre utopie partagée.
|
||||
|
||||
</p>
|
||||
|
||||
<div style="background-color: rgba(163, 14, 121, 1); height: 2px; width: 100%; margin-bottom: 20px;">
|
||||
@@ -169,6 +195,7 @@ import FormInscriptionBeta from '@/layouts/FormInscriptionBeta.vue';
|
||||
/* Centrer le texte */
|
||||
margin-top: 20px;
|
||||
margin-bottom: 5px;
|
||||
color: #24393c;
|
||||
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user