Modification des pages afin qu'elle soient plus reactive.
This commit is contained in:
PascalMarchesseault
@@ -1,12 +1,15 @@
|
||||
<template>
|
||||
<main style="background-color:#F4F4F4 ;">
|
||||
<div style="background-color: #F4F4F4;">
|
||||
|
||||
<!--PC -->
|
||||
<div class="md:flex hidden items-center justify-between flex-col" style="margin-top: 3%;">
|
||||
<div class="md:flex hidden items-center justify-between flex-col" style=" margin-top: 3%;">
|
||||
|
||||
<!--Logo & bouttons -->
|
||||
<v-container class="d-flex justify-center align-center">
|
||||
<div style="margin-left: 20%;">
|
||||
<v-row>
|
||||
|
||||
<img style=" max-width: 60%;" src="../../../images/hutopy.png">
|
||||
<img style=" max-width: 60vh; max-height: 11vh;" src="../../../images/hutopy.png">
|
||||
<RouterLink :to="{ name: 'login' }">
|
||||
<v-btn size="large"
|
||||
style="margin-left: 20%; margin-top: 50%; background-color: #F4F4F4; min-width: 100px; max-width: 100;"
|
||||
@@ -23,268 +26,249 @@
|
||||
</RouterLink>
|
||||
|
||||
</v-row>
|
||||
|
||||
<v-row>
|
||||
|
||||
</v-row>
|
||||
</div>
|
||||
</v-container>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<v-container style="margin: 0;">
|
||||
<v-row>
|
||||
<v-container style="margin: 0; padding: 0;">
|
||||
<v-row style="justify-content: center;">
|
||||
<img src="../../../images/homepage/bannierehomepage.png"
|
||||
style="max-width: 1600px; width: auto; max-height: 30%; object-fit: cover; border-radius: 20px; ">
|
||||
style="max-width: 100%; height: auto; max-height: 50vh; min-width: 1000px; min-height: 450px; object-fit: cover; border-radius: 20px; margin: auto;">
|
||||
</v-row>
|
||||
</v-container>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Colonnes -->
|
||||
<!-- Colonnes Créer Partager Inspirer-->
|
||||
<v-container>
|
||||
<v-row>
|
||||
<!-- vide de gauche -->
|
||||
<v-col cols="1" class="ml-4 ml-sm-0">
|
||||
<!-- vide de gauche -->
|
||||
</v-col>
|
||||
|
||||
<!-- Colonne Centre -->
|
||||
<v-col cols="9" style="margin-left: 4%;">
|
||||
|
||||
|
||||
|
||||
<!-- Créer Profiter Inspirer -->
|
||||
|
||||
<div class="d-flex justify-center align-center">
|
||||
<div>
|
||||
<div style="margin-top: 40px;">
|
||||
<v-container class="d-flex ">
|
||||
|
||||
<v-container class="d-flex justify-center align-center" style="width: 128vh;">
|
||||
<v-hover v-slot="{ isHovering, props }">
|
||||
<v-card style="border-radius: 20px;" class=" mx-auto" max-width="600" v-bind="props">
|
||||
<v-card style="border-radius: 20px; min-width: 325px;" class="mx-auto" :max-width="600"
|
||||
v-bind="props">
|
||||
<v-img src="../../../images/homepage/creer.png"
|
||||
style="border-radius: 20px; min-width: 500px;"></v-img>
|
||||
style="min-width: 325px; border-radius: 20px; width: 80vw;"></v-img>
|
||||
<v-overlay :model-value="isHovering" class="align-center justify-center" scrim="#6b0065"
|
||||
contained>
|
||||
<v-container>
|
||||
<v-card class="mx-auto" max-width="600" v-bind="props" color="#a30e79">
|
||||
<v-card class="mx-auto" :max-width="600" 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-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>
|
||||
<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 style="margin-left: 50px;"></div>
|
||||
<div style="margin-left: 5vw;"></div>
|
||||
|
||||
<v-hover v-slot="{ isHovering, props }">
|
||||
<v-card style="border-radius: 20px;" class="mx-auto" max-width="600" v-bind="props">
|
||||
<v-card style="min-width: 325px; border-radius: 20px;" class="mx-auto" :max-width="600"
|
||||
v-bind="props">
|
||||
<v-img src="../../../images/homepage/partager.png"
|
||||
style="border-radius: 20px; min-width: 500px;"></v-img>
|
||||
style="min-width: 325px; border-radius: 20px; width: 80vw;"></v-img>
|
||||
<v-overlay :model-value="isHovering" class="align-center justify-center" scrim="#6b0065"
|
||||
contained>
|
||||
<v-container>
|
||||
<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;">
|
||||
<v-card class="mx-auto" :max-width="600" v-bind="props" color="#a30e79">
|
||||
<h3 class="white--text"
|
||||
style="text-align: center; margin-top: 10%; font-size: 1.5em; @media screen and (min-width: 768px) { font-size: 2vw; }">
|
||||
PROFITER</h3>
|
||||
<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>
|
||||
<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 style="margin-left: 50px;"> </div>
|
||||
|
||||
|
||||
<div style="margin-left: 5vw;"></div>
|
||||
|
||||
<v-hover v-slot="{ isHovering, props }">
|
||||
<v-card style="border-radius: 20px;" class="mx-auto" max-width="500" v-bind="props">
|
||||
<v-card style="min-width: 325px; border-radius: 20px;" class="mx-auto" :max-width="600"
|
||||
v-bind="props">
|
||||
<v-img src="../../../images/homepage/inspirer.png"
|
||||
style="border-radius: 20px; min-width: 500px;"></v-img>
|
||||
style="border-radius: 20px; width: 80vw;"></v-img>
|
||||
<v-overlay :model-value="isHovering" class="align-center justify-center" scrim="#6b0065"
|
||||
contained>
|
||||
<v-container>
|
||||
<v-card class="mx-auto" max-width="500px" v-bind="props" color="#a30e79">
|
||||
<h3 class="white--text" style="text-align: center; margin-top: 10%; font-size: 1.5em;">
|
||||
<v-card class="mx-auto" :max-width="600" v-bind="props" color="#a30e79">
|
||||
<h3 class="white--text"
|
||||
style="text-align: center; margin-top: 10%; font-size: 1.5em; @media screen and (min-width: 768px) { font-size: 2vw; }">
|
||||
INSPIRER</h3>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
</v-container>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Description D'hutopy -->
|
||||
<v-container style=" margin-left:0% ; margin-top: 4%; max-width: 1700px;">
|
||||
<v-row>
|
||||
<v-col cols="6">
|
||||
<v-col style="margin-left: 5%;" cols="11" class="d-flex justify-center align-center">
|
||||
<v-img style="max-width: 750px;" src="../../../images/homepage/votrehutopy.png"></v-img>
|
||||
</v-col>
|
||||
<v-col cols="12" md="10" offset-md="1">
|
||||
|
||||
|
||||
<p class="text-center text-justify"
|
||||
style="margin-top: 3%; margin-bottom: 5%; font-size: 1.5rem; text-align: justify; max-width: 900px;">
|
||||
Bienvenue sur Hutopy, votre nouvelle frontière de création, de connexion et d'innovation. Au
|
||||
cœur de notre mission réside une ambition audacieuse : transformer l'espace numérique en un
|
||||
écosystème où chaque créateur, chaque rêveur, chaque professionnel, peut non seulement imaginer
|
||||
mais concrétiser son utopie personnelle. Hutopy est plus qu'une simple plateforme c'est une
|
||||
communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre
|
||||
la créativité.
|
||||
</p>
|
||||
|
||||
<p class="text-center text-justify"
|
||||
style="margin-top: 3%; margin-bottom: 5%; font-size: 1.5rem; text-align: justify; max-width: 902px;">
|
||||
Chez Hutopy, nous croyons en la puissance de la créativité sans limites. Notre environnement est
|
||||
conçu pour inspirer, soutenir et propulser chaque membre vers de nouveaux sommets de
|
||||
réalisation. Qu'il s'agisse de vidéo, d'art, de musique, d'écriture, de formation ou de toute
|
||||
autre forme d'expression, Hutopy offre les outils nécessaires pour que chaque vision puisse
|
||||
prendre vie.
|
||||
</p>
|
||||
|
||||
<v-col cols="12" class="d-flex justify-center align-center">
|
||||
<RouterLink style="width: 450px;" :to="{ name: 'contact' }">
|
||||
<v-btn size="x-large" style="width: 400px; border-radius: 40px;" color="rgb(107, 0, 101)"
|
||||
outlined elevation="0">
|
||||
Inscription
|
||||
</v-btn>
|
||||
</RouterLink>
|
||||
</v-col>
|
||||
|
||||
|
||||
|
||||
|
||||
</v-col>
|
||||
|
||||
|
||||
|
||||
</v-col>
|
||||
|
||||
<!-- Colonne de droite -->
|
||||
<v-col cols="3">
|
||||
<v-img src="../../../images/homepage/grinding.png"
|
||||
style="margin-bottom: 4%; border-radius: 30px; min-width: 400px; max-height: 500px; height: 500px;"></v-img>
|
||||
<v-img src="../../../images/homepage/girlarmy.png"
|
||||
style="border-radius: 30px; min-width: 344px;"></v-img>
|
||||
</v-col>
|
||||
|
||||
<v-col cols="3" style>
|
||||
<v-img src="../../../images/homepage/microphone.png"
|
||||
style="margin-bottom: 4%; border-radius: 30px; min-width: 400px; max-height: 500px; height: 500px;"></v-img>
|
||||
<v-img src="../../../images/homepage/girlvr.png"
|
||||
style="border-radius: 30px; min-width: 344px; max-height: 350;"></v-img>
|
||||
</v-col>
|
||||
|
||||
|
||||
</v-row>
|
||||
</v-container>
|
||||
|
||||
|
||||
<!-- Fin Description D'hutopy -->
|
||||
|
||||
|
||||
|
||||
<!-- ILS SONT SUR HUTOPY -->
|
||||
<v-container>
|
||||
<v-card-text>
|
||||
<h1 style="text-align: center; margin-bottom: 2%; font-size: 4rem; font-weight: bold; color: #24393c">
|
||||
Ils sont sur Hutopy.</h1>
|
||||
|
||||
|
||||
<v-container style="margin-top: 25px; margin-bottom: -6%;">
|
||||
|
||||
|
||||
<v-row justify="center" class="profile-images">
|
||||
|
||||
<v-col>
|
||||
<router-link :to="{ name: 'creatorfolio' }">
|
||||
<img src="../../../images/guillaume.jpg" alt="Profile Image" class="profile-image">
|
||||
|
||||
</router-link>
|
||||
<RouterLink :to="{ name: 'creatorfolio' }">
|
||||
<v-btn size="large" style="margin-left: 29%; margin-top: -20%; border-radius: 40px;"
|
||||
color="rgb(107, 0, 101)" outlined elevation="0">
|
||||
Inscription
|
||||
</v-btn>
|
||||
</RouterLink>
|
||||
|
||||
</v-col>
|
||||
|
||||
<v-col>
|
||||
<router-link :to="{ name: 'creatorfolio' }">
|
||||
<img src="../../../images/guillaume.jpg" alt="Profile Image" class="profile-image">
|
||||
|
||||
</router-link>
|
||||
<RouterLink :to="{ name: 'creatorfolio' }">
|
||||
<v-btn size="large" style="margin-left: 29%; margin-top: -20%; border-radius: 40px;"
|
||||
color="rgb(107, 0, 101)" outlined elevation="0">
|
||||
Inscription
|
||||
</v-btn>
|
||||
</RouterLink>
|
||||
|
||||
</v-col>
|
||||
|
||||
|
||||
<v-col>
|
||||
<router-link :to="{ name: 'creatorfolio' }">
|
||||
<img src="../../../images/guillaume.jpg" alt="Profile Image" class="profile-image">
|
||||
|
||||
</router-link>
|
||||
<RouterLink :to="{ name: 'creatorfolio' }">
|
||||
<v-btn size="large" style="margin-left: 29%; margin-top: -20%; border-radius: 40px;"
|
||||
color="rgb(107, 0, 101)" outlined elevation="0">
|
||||
Inscription
|
||||
</v-btn>
|
||||
</RouterLink>
|
||||
|
||||
</v-col>
|
||||
|
||||
|
||||
</v-row>
|
||||
|
||||
|
||||
</v-container>
|
||||
</v-card-text>
|
||||
</v-container>
|
||||
</v-col>
|
||||
|
||||
|
||||
<!-- vide de droite -->
|
||||
<v-col cols="2" class="mr-4 mr-sm-0">
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-container>
|
||||
|
||||
<!-- Description D'hutopy -->
|
||||
|
||||
<v-container style="max-width: 65%; min-width: 1150px;" class="custom-width">
|
||||
<v-row class="justify-center">
|
||||
<v-col cols="6">
|
||||
<v-col cols="11" class="d-flex justify-center align-center">
|
||||
<v-img style="margin-top: -5%; min-width: 350px;" src="../../../images/homepage/votrehutopy.png"></v-img>
|
||||
</v-col>
|
||||
<v-col cols="auto" md="10">
|
||||
<p class="text-center text-justify votre_hutopy_fontsize"
|
||||
style="margin-top: 3%; margin-bottom: 5%; max-width: 900px; ">
|
||||
Bienvenue sur Hutopy, votre nouvelle frontière de création, de connexion et d'innovation. Au
|
||||
cœur de notre mission réside une ambition audacieuse : transformer l'espace numérique en un
|
||||
écosystème où chaque créateur, chaque rêveur, chaque professionnel, peut non seulement imaginer
|
||||
mais concrétiser son utopie personnelle. Hutopy est plus qu'une simple plateforme c'est une
|
||||
communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre
|
||||
la créativité.
|
||||
</p>
|
||||
<p class="text-center text-justify votre_hutopy_fontsize"
|
||||
style="margin-top: 3%; margin-bottom: 5%; max-width: 900px;">
|
||||
Chez Hutopy, nous croyons en la puissance de la créativité sans limites. Notre environnement est
|
||||
conçu pour inspirer, soutenir et propulser chaque membre vers de nouveaux sommets de
|
||||
réalisation. Qu'il s'agisse de vidéo, d'art, de musique, d'écriture, de formation ou de toute
|
||||
autre forme d'expression, Hutopy offre les outils nécessaires pour que chaque vision puisse
|
||||
prendre vie.
|
||||
</p>
|
||||
<v-col cols="auto" class="d-flex justify-center align-center">
|
||||
<RouterLink style="width: 450px;" :to="{ name: 'contact' }">
|
||||
<v-btn size="x-large" style="width: 400px; border-radius: 40px;" color="rgb(107, 0, 101)" outlined
|
||||
elevation="0">
|
||||
Inscription
|
||||
</v-btn>
|
||||
</RouterLink>
|
||||
</v-col>
|
||||
</v-col>
|
||||
</v-col>
|
||||
|
||||
<!-- Colonne de droite -->
|
||||
<v-col cols="3">
|
||||
<v-img src="../../../images/homepage/grinding.png"
|
||||
style="margin-bottom: 4%; border-radius: 30px; width: 80 vw;"></v-img>
|
||||
<v-img src="../../../images/homepage/girlarmy.png" style="border-radius: 30px; min-width: 250px;"></v-img>
|
||||
</v-col>
|
||||
<v-col cols="3" style>
|
||||
<v-img src="../../../images/homepage/microphone.png"
|
||||
style="margin-bottom: 4%; border-radius: 30px; min-width: 250px; max-height: auto; height: auto;"></v-img>
|
||||
<v-img src="../../../images/homepage/girlvr.png"
|
||||
style="border-radius: 30px; min-width: 250pxpx; max-height: 350;"></v-img>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-container>
|
||||
|
||||
<!-- ILS SONT SUR HUTOPY -->
|
||||
<v-container style="max-width: 1500px;">
|
||||
<v-card-text>
|
||||
<h1 style="text-align: center; margin-bottom: 2%; font-size: 4rem; font-weight: bold; color: #24393c">
|
||||
Ils sont sur Hutopy.</h1>
|
||||
|
||||
|
||||
<v-container style="margin-top: 25px; margin-bottom: -6%; max-width: 1200px;">
|
||||
|
||||
|
||||
<v-row justify="center" class="profile-images">
|
||||
|
||||
<v-col>
|
||||
<router-link :to="{ name: 'creatorfolio' }">
|
||||
<img src="../../../images/guillaume.jpg" alt="Profile Image" class="profile-image ">
|
||||
|
||||
</router-link>
|
||||
<RouterLink :to="{ name: 'creatorfolio' }">
|
||||
<v-btn size="large" style="margin-left: 29%; margin-top: -20%; border-radius: 40px;"
|
||||
color="rgb(107, 0, 101)" outlined elevation="10">
|
||||
Inscription
|
||||
</v-btn>
|
||||
</RouterLink>
|
||||
|
||||
|
||||
</v-col>
|
||||
|
||||
<v-col>
|
||||
<router-link :to="{ name: 'creatorfolio' }">
|
||||
<img src="../../../images/guillaume.jpg" alt="Profile Image" class="profile-image">
|
||||
|
||||
</router-link>
|
||||
<RouterLink :to="{ name: 'creatorfolio' }">
|
||||
<v-btn size="large" style="margin-left: 29%; margin-top: -20%; border-radius: 40px;"
|
||||
color="rgb(107, 0, 101)" outlined elevation="10">
|
||||
Inscription
|
||||
</v-btn>
|
||||
</RouterLink>
|
||||
|
||||
|
||||
</v-col>
|
||||
|
||||
|
||||
<v-col>
|
||||
<router-link :to="{ name: 'creatorfolio' }">
|
||||
<img src="../../../images/guillaume.jpg" alt="Profile Image" class="profile-image">
|
||||
|
||||
</router-link>
|
||||
<RouterLink :to="{ name: 'creatorfolio' }">
|
||||
<v-btn size="large" style="margin-left: 29%; margin-top: -20%; border-radius: 40px;"
|
||||
color="rgb(107, 0, 101)" outlined elevation="10">
|
||||
Inscription
|
||||
</v-btn>
|
||||
</RouterLink>
|
||||
|
||||
|
||||
</v-col>
|
||||
|
||||
|
||||
</v-row>
|
||||
|
||||
|
||||
</v-container>
|
||||
</v-card-text>
|
||||
</v-container>
|
||||
|
||||
|
||||
<!-- Fin Description D'hutopy -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Mobile -->
|
||||
@@ -365,18 +349,18 @@
|
||||
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;" />
|
||||
style="border-radius: 50%; margin-right: 20px; width: 120px; height: auto;" />
|
||||
|
||||
</router-link>
|
||||
|
||||
<router-link :to="{ name: 'creatorfolio' }">
|
||||
<img src="../../../images/guillaume.png" alt="Profile Image" class="profile-image"
|
||||
style="border-radius: 50%; margin: 0 20px; width: 120px; height: 120px;" />
|
||||
style="border-radius: 50%; margin: 0 20px; width: 120px; height: auto;" />
|
||||
</router-link>
|
||||
|
||||
<router-link :to="{ name: 'creatorfolio' }">
|
||||
<img src="../../../images/guillaume.png" alt="Profile Image" class="profile-image"
|
||||
style="border-radius: 50%; margin-left: 20px; width: 120px; height: 120px;" />
|
||||
style="border-radius: 50%; margin-left: 20px; width: 120px; height: auto;" />
|
||||
</router-link>
|
||||
</div>
|
||||
|
||||
@@ -409,7 +393,7 @@
|
||||
<v-list-item v-for=" item in itemList " :key="item" :title="item.id" :subtitle="item.title"></v-list-item>
|
||||
</v-list>
|
||||
<FooterLayout></FooterLayout>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script async setup>
|
||||
@@ -449,7 +433,7 @@ const goToLoginPage = () => {
|
||||
|
||||
<style src="../../cssstyle/homeView.css"></style>
|
||||
|
||||
<style>
|
||||
<style scoped>
|
||||
.phototexte {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
@@ -514,7 +498,7 @@ const goToLoginPage = () => {
|
||||
.profile-image {
|
||||
width: auto;
|
||||
/* Largeur des images */
|
||||
height: 300px;
|
||||
|
||||
/* Hauteur des images */
|
||||
border-radius: 35px;
|
||||
/* Coins arrondis */
|
||||
@@ -627,4 +611,50 @@ const goToLoginPage = () => {
|
||||
body {
|
||||
background-color: #F4F4F4;
|
||||
}
|
||||
|
||||
.votre_hutopy_fontsize {
|
||||
font-size: .2em;
|
||||
}
|
||||
|
||||
@media (max-width: 475px) {
|
||||
.votre_hutopy_fontsize {
|
||||
font-size: 0.55em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 476px) and (max-width: 640px) {
|
||||
.votre_hutopy_fontsize {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 641px) and (max-width: 768px) {
|
||||
.votre_hutopy_fontsize {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 769px) and (max-width: 1024px) {
|
||||
.votre_hutopy_fontsize {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1025px) and (max-width: 1536px) {
|
||||
.votre_hutopy_fontsize {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1537px) and (max-width: 1920px) {
|
||||
.votre_hutopy_fontsize {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1921px) {
|
||||
.votre_hutopy_fontsize {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user