Modification des pages afin qu'elle soient plus reactive.
This commit is contained in:
PascalMarchesseault
@@ -1,16 +1,9 @@
|
||||
<template>
|
||||
|
||||
|
||||
<!--PC -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="md:flex hidden items-center justify-between flex-col" style="margin-top: 3%;">
|
||||
<v-container class="d-flex justify-center align-center">
|
||||
<v-container class="d-flex justify-center align-center" sty>
|
||||
<div style="margin-left: 20%; margin-bottom: 3%;">
|
||||
<v-row>
|
||||
|
||||
@@ -28,75 +21,66 @@
|
||||
</div>
|
||||
</v-container>
|
||||
|
||||
|
||||
|
||||
<main class="top-aligned-column grid grid-cols-3 gap-4">
|
||||
|
||||
<div class="column"></div>
|
||||
<div class="center-column" style="width: 100vw; margin: auto;">
|
||||
|
||||
<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/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;">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: #F4F4F4;"></v-text-field>
|
||||
|
||||
<v-text-field label="Courriel ($)"
|
||||
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>
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
<div class="column"></div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
|
||||
<v-container>
|
||||
<v-row justify="center" align="center">
|
||||
<v-col cols="auto">
|
||||
<img src="../../../images/contactpage/contactpicture.png" alt="Bannière" class="contactpicture"
|
||||
style="max-width: 400px; margin-top: 14%; height: auto; float: right;">
|
||||
</v-col>
|
||||
<v-col style="max-width: 700px;">
|
||||
<h1 style=" font-size: 3rem; margin-bottom: 5%;" class="h1-inscription-beta">Participez au
|
||||
développement</h1>
|
||||
|
||||
|
||||
<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: #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>
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
<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>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-container>
|
||||
|
||||
|
||||
<v-container style="max-width: 1200px;">
|
||||
<p class="para-inscription" style="margin-top: -4%; font-size: 1.3rem;">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-container>
|
||||
|
||||
<!-- Mobile -->
|
||||
|
||||
<v-container style="margin-top: -100px;">
|
||||
|
||||
Reference in New Issue
Block a user