finition header et page content id
This commit is contained in:
Pontoporeia
89
apropos.html
89
apropos.html
@@ -3,7 +3,7 @@
|
||||
|
||||
<head>
|
||||
|
||||
<link href="reset.css" >
|
||||
<link href="reset.css">
|
||||
<link href="style.css" rel="stylesheet">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="author" content="">
|
||||
@@ -13,61 +13,66 @@
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<header>
|
||||
<!-- ENTÊTE -->
|
||||
|
||||
<div id="header">
|
||||
<h1><a href="index.html">Mémoire post-ERG/A life after ERG</a></h1>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- MENU -->
|
||||
<!-- ENTÊTE -->
|
||||
<header>
|
||||
<a href="index.html">Mémoire post-ERG / A life after ERG</a>
|
||||
<div class="menu">
|
||||
<div class="menu-content">
|
||||
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
||||
<a href="formulaire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
||||
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
||||
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="menu">
|
||||
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
||||
<a href="partagerunmemoire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
||||
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
||||
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
||||
</div>
|
||||
<!-- CONTENU PAGE -->
|
||||
<div id="page_content">
|
||||
<h2>À propos</h2>
|
||||
|
||||
<!-- GRILLE -->
|
||||
|
||||
<div class="grille01">
|
||||
|
||||
<h2>à propos</h2>
|
||||
|
||||
<p>Nous sommes un groupe d'étudiant.e.s en design numérique avec projet concernant les mémoires de l'année passée qui demande votre aide !
|
||||
<p>Nous sommes un groupe d'étudiant.e.s en design numérique avec projet concernant les mémoires de l'année
|
||||
passée qui demande votre aide !
|
||||
|
||||
Qu'en est-il des mémoires après notre master ?
|
||||
Quelle est la visibilité de notre travail après notre départ de l'ERG ? Certains mémoires finissent à la bibliothèque exposés, mais lesquels et pourquoi ?
|
||||
Actuellement, la bibliothèque (BAUI) sert de lieux d'archives (collection de documents anciens, classés à des fins historiques ; lieu où les archives sont conservées) des mémoires pour l'erg, st-Luc et UCL mais pourquoi sont-ils si peu à être exposés ? </p>
|
||||
Quelle est la visibilité de notre travail après notre départ de l'ERG ? Certains mémoires finissent à la
|
||||
bibliothèque exposés, mais lesquels et pourquoi ?
|
||||
Actuellement, la bibliothèque (BAUI) sert de lieux d'archives (collection de documents anciens, classés à des
|
||||
fins historiques ; lieu où les archives sont conservées) des mémoires pour l'erg, st-Luc et UCL mais pourquoi
|
||||
sont-ils si peu à être exposés ? </p>
|
||||
|
||||
<p>Actuellement, les mémoires sélectionnés sont ceux avec une grande disctinction (16/20). Cette note obtenue dépend de la cotation de lecture de mémoire et sa défense.</p>
|
||||
<p>Actuellement, les mémoires sélectionnés sont ceux avec une grande disctinction (16/20). Cette note obtenue
|
||||
dépend de la cotation de lecture de mémoire et sa défense.</p>
|
||||
|
||||
<p>Mais pourquoi cette moyenne de 16/20 ?</p>
|
||||
<p>Et où finissent les autres mémoires ?</p>
|
||||
<p>Mais pourquoi cette moyenne de 16/20 ?</p>
|
||||
<p>Et où finissent les autres mémoires ?</p>
|
||||
|
||||
<p>En l'occurence, la bibliothèque n'est pas un lieu de diffusion et de monstration " juste ", car les mémoires dépendent de la note attribuée en fin de Master et de la place disponible dans les étagères ; sans parler de l'état déplorable de certains mémoires due aux conditions de stockages : couverture plastifiée, stickers, etc - nous travaillons un visuel qui finalement sera " dégradé " lors de son exposition à la bibliothèque, si exposé. De plus, les mémoires sont visible en bibliothèque de manière tangible (style édition).</p>
|
||||
<p>En l'occurence, la bibliothèque n'est pas un lieu de diffusion et de monstration " juste ", car les mémoires
|
||||
dépendent de la note attribuée en fin de Master et de la place disponible dans les étagères ; sans parler de
|
||||
l'état déplorable de certains mémoires due aux conditions de stockages : couverture plastifiée, stickers, etc
|
||||
- nous travaillons un visuel qui finalement sera " dégradé " lors de son exposition à la bibliothèque, si
|
||||
exposé. De plus, les mémoires sont visible en bibliothèque de manière tangible (style édition).</p>
|
||||
|
||||
<p>Qu'en t-il des formats numérique, audio ou vidéo ?</p>
|
||||
<p>Qu'en t-il des formats numérique, audio ou vidéo ?</p>
|
||||
|
||||
<p>De fait, notre recherche se pencherait sur un dispositif de partage/diffusion plus adéquat et en phase avec la multitude de format et forme de monstration plus contemporain.
|
||||
Notre lieu d'archive/exposition prendrait la forme d'un site web, idéalement en ligne (ou en local en fonction du RE - propriété intellectuelle et droit d'auteur ?). Il contiendrait tout types de mémoire ainsi qu'une interrogation autour de sa licence et sa notion de partage.
|
||||
En paralèlle, nous donnerons quelques tips et bon plans pour : "comment licencier son mémoire : pour protéger ses valeurs et notions de partage s'il y'a" .
|
||||
Dans un premier temps, nous allons collecter un maximum de mémoires et tenter de recontacter leur auteurice pour échanger avec eux et obtenir des pdf, vidéos, photos.
|
||||
Dans un second temps, nous trouverons un relais pour les futures étudiant.e.s et organiseront un formulaire qui publiera automatiquement les mémoires sur notre site.</p>
|
||||
<p>De fait, notre recherche se pencherait sur un dispositif de partage/diffusion plus adéquat et en phase avec
|
||||
la multitude de format et forme de monstration plus contemporain.
|
||||
Notre lieu d'archive/exposition prendrait la forme d'un site web, idéalement en ligne (ou en local en fonction
|
||||
du RE - propriété intellectuelle et droit d'auteur ?). Il contiendrait tout types de mémoire ainsi qu'une
|
||||
interrogation autour de sa licence et sa notion de partage.
|
||||
En paralèlle, nous donnerons quelques tips et bon plans pour : " comment licencier son mémoire : pour protéger
|
||||
ses valeurs et notions de partage s'il y'a" . Dans un premier temps, nous allons collecter un maximum de mémoires et
|
||||
tenter de recontacter leur auteurice pour échanger avec eux et obtenir des pdf, vidéos, photos. Dans un second
|
||||
temps, nous trouverons un relais pour les futures étudiant.e.s et organiseront un formulaire qui publiera
|
||||
automatiquement les mémoires sur notre site.</p>
|
||||
|
||||
<h2>Un projet depuis 2022</h2>
|
||||
<h2>Un projet depuis 2022</h2>
|
||||
|
||||
<p>Théo Hennequin<br>www.theohennequin.com<br>Théophile Gervreau-Mercier<br>tgm.happyngreen.fr<br>Olivia Marly<br>oli98marly@gmail.com</p>
|
||||
<p>Théo Hennequin<br>www.theohennequin.com<br>Théophile Gervreau-Mercier<br>tgm.happyngreen.fr<br>Olivia
|
||||
Marly<br>oli98marly@gmail.com</p>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
55
contact.html
55
contact.html
@@ -3,7 +3,7 @@
|
||||
|
||||
<head>
|
||||
|
||||
<link href="reset.css" >
|
||||
<link href="reset.css">
|
||||
<link href="style.css" rel="stylesheet">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="author" content="">
|
||||
@@ -14,45 +14,40 @@
|
||||
</head>
|
||||
|
||||
|
||||
<header>
|
||||
<!-- ENTÊTE -->
|
||||
|
||||
<div id="header">
|
||||
<h1><a href="index.html">Mémoire post-ERG/A life after ERG</a></h1>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- MENU -->
|
||||
<!-- ENTÊTE -->
|
||||
<header>
|
||||
<a href="index.html">Mémoire post-ERG / A life after ERG</a>
|
||||
<div class="menu">
|
||||
<div class="menu-content">
|
||||
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
||||
<a href="formulaire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
||||
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
||||
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="menu">
|
||||
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
||||
<a href="partagerunmemoire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
||||
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
||||
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
||||
</div>
|
||||
|
||||
<!-- GRILLE -->
|
||||
<div id="page_content">
|
||||
<h2>Contact</h2>
|
||||
<p>Laurent Leprince, <br>
|
||||
Bibliothèque d'architecture, d'ingénierie architecturale, d'urbanisme (BAIU) :<br>
|
||||
laurent.leprince@uclouvain.be</p>
|
||||
|
||||
<div class="grille01">
|
||||
<h2>Contact</h2>
|
||||
<p>Laurent Leprince, <br>
|
||||
Bibliothèque d'architecture, d'ingénierie architecturale, d'urbanisme (BAIU) :<br>
|
||||
laurent.leprince@uclouvain.be</p>
|
||||
<p>Xavier Gorgol, <br>
|
||||
Responsable des mémoires de l'ERG :<br>
|
||||
xavier.gorgol@erg.be<br></p>
|
||||
|
||||
<p>Xavier Gorgol, <br>
|
||||
Responsable des mémoires de l'ERG :<br>
|
||||
xavier.gorgol@erg.be<br></p>
|
||||
<p>Brigitte Ledune,<br>
|
||||
Cours de suivi de mémoire : <br>
|
||||
brigitte.ledune@erg.be</p>
|
||||
|
||||
<p>Brigitte Ledune,<br>
|
||||
Cours de suivi de mémoire : <br>
|
||||
brigitte.ledune@erg.be</p>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
177
formulaire.html
177
formulaire.html
@@ -12,118 +12,113 @@
|
||||
<body>
|
||||
<!-- ENTÊTE -->
|
||||
<header>
|
||||
<a href="index.html">Mémoire post-ERG/A life after ERG</a>
|
||||
<a href="index.html">Mémoire post-ERG / A life after ERG</a>
|
||||
<div class="menu">
|
||||
<div class="menu-content">
|
||||
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
||||
<a href="formulaire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
||||
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
||||
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- MENU -->
|
||||
|
||||
<div class="menu">
|
||||
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
||||
<a href="formulaire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
||||
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
||||
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
||||
</div>
|
||||
<div id="wrapper">
|
||||
|
||||
<section id="main-content">
|
||||
|
||||
<!-- CONTENU PAGE -->
|
||||
<div id="page_content">
|
||||
|
||||
<h3>Partager son mémoire</h3>
|
||||
<form action="partager.php" method="get">
|
||||
<form action=" partager.php" method="get">
|
||||
|
||||
<div class="button">
|
||||
<label>Votre nom/prénom/pseudo</label>
|
||||
<input type="text" name="nom" placeholder="...">
|
||||
</div>
|
||||
<div class="button">
|
||||
<label>Votre nom/prénom/pseudo</label>
|
||||
<input type="text" name="nom" placeholder="...">
|
||||
</div>
|
||||
|
||||
<div class="boutton">
|
||||
<label>Année diplômante (2020, 2021, ...)</label>
|
||||
<input type="text" name="année" placeholder="...">
|
||||
</div>
|
||||
<div class="boutton">
|
||||
<label>Année diplômante (2020, 2021, ...)</label>
|
||||
<input type="text" name="année" placeholder="...">
|
||||
</div>
|
||||
|
||||
<div class="boutton">
|
||||
<label>Contact : mail, insta, ...</label>
|
||||
<input type="email" name="mail" placeholder="Votre contact">
|
||||
</div>
|
||||
<div class="boutton">
|
||||
<label>Contact : mail, insta, ...</label>
|
||||
<input type="email" name="mail" placeholder="Votre contact">
|
||||
</div>
|
||||
|
||||
<div class="boutton">
|
||||
<label>Titre du mémoire</label>
|
||||
<input type="titre" name="mémoire" placeholder="...">
|
||||
</div>
|
||||
<div class="boutton">
|
||||
<label>Titre du mémoire</label>
|
||||
<input type="titre" name="mémoire" placeholder="...">
|
||||
</div>
|
||||
|
||||
<div class="boutton">
|
||||
<label>Tag/mots-clefs sur le mémoire</label>
|
||||
<input type="text" name="tag" placeholder="typographie, photographie, outils libre, post-colonial,..">
|
||||
</div>
|
||||
<div class="boutton">
|
||||
<label>Tag/mots-clefs sur le mémoire</label>
|
||||
<input type="text" name="tag" placeholder="typographie, photographie, outils libre, post-colonial,..">
|
||||
</div>
|
||||
|
||||
<div class="boutton">
|
||||
<label>Promoteur.rice</label>
|
||||
<input type="text" name="nom" placeholder="nom/prénom/pseudo">
|
||||
</div>
|
||||
<div class="boutton">
|
||||
<label>Promoteur.rice</label>
|
||||
<input type="text" name="nom" placeholder="nom/prénom/pseudo">
|
||||
</div>
|
||||
|
||||
<div class="boutton">
|
||||
<label>Problématique</label>
|
||||
<input type="text" name="problématique" placeholder="...">
|
||||
</div>
|
||||
<div class="boutton">
|
||||
<label>Problématique</label>
|
||||
<input type="text" name="problématique" placeholder="...">
|
||||
</div>
|
||||
|
||||
<div class="boutton">
|
||||
<label>Résumé en quelque lignes</label>
|
||||
<input type="text" name="résumé" placeholder="...">
|
||||
</div>
|
||||
<div class="boutton">
|
||||
<label>Résumé en quelque lignes</label>
|
||||
<input type="text" name="résumé" placeholder="...">
|
||||
</div>
|
||||
|
||||
<div class="boutton">
|
||||
<label>Orientation principale</label>
|
||||
<select name="Orientation">
|
||||
<option value="typographie">Typographie</option>
|
||||
<option value="graphisme">Graphisme</option>
|
||||
<option value="designnumérique">Design Numérique</option>
|
||||
<option value="Cinéma d'animation">Cinéma d'animation</option>
|
||||
<option value="Illustration">Illustration</option>
|
||||
<option value="BD">Bande dessinée</option>
|
||||
<option value="Photographie">Photographie</option>
|
||||
<option value="Vidéographie">Vidéographie</option>
|
||||
<option value="Sculpture">Sculpture</option>
|
||||
<option value="Peinture">Peinture</option>
|
||||
<option value="Art numérique">Art numérique</option>
|
||||
<option value="Vidéographie">Vidéographie</option>
|
||||
<option value="Photographie">Photographie</option>
|
||||
<option value="Dessin">Dessin</option>
|
||||
<option value="Installation performance">Installation performance</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="boutton">
|
||||
<label>Orientation principale</label>
|
||||
<select name="Orientation">
|
||||
<option value="typographie">Typographie</option>
|
||||
<option value="graphisme">Graphisme</option>
|
||||
<option value="designnumérique">Design Numérique</option>
|
||||
<option value="Cinéma d'animation">Cinéma d'animation</option>
|
||||
<option value="Illustration">Illustration</option>
|
||||
<option value="BD">Bande dessinée</option>
|
||||
<option value="Photographie">Photographie</option>
|
||||
<option value="Vidéographie">Vidéographie</option>
|
||||
<option value="Sculpture">Sculpture</option>
|
||||
<option value="Peinture">Peinture</option>
|
||||
<option value="Art numérique">Art numérique</option>
|
||||
<option value="Vidéographie">Vidéographie</option>
|
||||
<option value="Photographie">Photographie</option>
|
||||
<option value="Dessin">Dessin</option>
|
||||
<option value="Installation performance">Installation performance</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="boutton">
|
||||
<label>Atelier Pratique</label>
|
||||
<select name="AP">
|
||||
<option value="DPM">Design et politique du multiple</option>
|
||||
<option value="APS">Art et pratique situé</option>
|
||||
<option value="R&E">Récits et expérimentation</option>
|
||||
<option value="PAOC">Pratique de l'art et outils critiques</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="boutton">
|
||||
<label>Atelier Pratique</label>
|
||||
<select name="AP">
|
||||
<option value="DPM">Design et politique du multiple</option>
|
||||
<option value="APS">Art et pratique situé</option>
|
||||
<option value="R&E">Récits et expérimentation</option>
|
||||
<option value="PAOC">Pratique de l'art et outils critiques</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="boutton">
|
||||
<label>Formats de fichiers de mémoire</label>
|
||||
<input type="text" name="tag" placeholder="png, jpeg, pdf, mp3, html,... ">
|
||||
</div>
|
||||
<div class="boutton">
|
||||
<label>Formats de fichiers de mémoire</label>
|
||||
<input type="text" name="tag" placeholder="png, jpeg, pdf, mp3, html,... ">
|
||||
</div>
|
||||
|
||||
<div class="boutton">
|
||||
<label>Importer les divers fichers de son mémoire</label>
|
||||
<input type="text" name="upload" placeholder="upload ">
|
||||
</div>
|
||||
<div class="boutton">
|
||||
<label>Importer les divers fichers de son mémoire</label>
|
||||
<input type="text" name="upload" placeholder="upload ">
|
||||
</div>
|
||||
|
||||
<div class="boutton boutton1">
|
||||
<input type="submit" name="go" value="envoyer">
|
||||
</div>
|
||||
<div class="boutton boutton1">
|
||||
<input type="submit" name="go" value="envoyer">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
</section>
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -30,17 +30,18 @@
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- MENU -->
|
||||
|
||||
|
||||
<!-- CONTENU PAGE -->
|
||||
<div id="page_content">
|
||||
|
||||
<!-- GRILLE -->
|
||||
<div class="grid-section">
|
||||
|
||||
<div class=" grid-section">
|
||||
<div class="grid-main">
|
||||
<div class="grid1">Colonne 1</div>
|
||||
<div class="grid2">Colonne 2</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
@@ -15,33 +15,32 @@
|
||||
|
||||
|
||||
<header>
|
||||
<!-- ENTÊTE -->
|
||||
|
||||
<div id="header">
|
||||
<h1><a href="index.html">Mémoire post-ERG/A life after ERG</a></h1>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- MENU -->
|
||||
|
||||
<!-- ENTÊTE -->
|
||||
<header>
|
||||
<a href="index.html">Mémoire post-ERG / A life after ERG</a>
|
||||
<div class="menu">
|
||||
<div class="menu-content">
|
||||
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
||||
<a href="partagerunmemoire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||
<a href="formulaire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
||||
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
||||
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- CONTENU PAGE -->
|
||||
<div id="page_content">
|
||||
|
||||
<!-- GRILLE -->
|
||||
|
||||
<div class="grille01">
|
||||
<div class="grille_01">Colonne 1</div>
|
||||
<div class="grille_02">Colonne 2</div>
|
||||
<div class="grid-section">
|
||||
<div class="grid-main">
|
||||
<div class="grid1">Colonne 1</div>
|
||||
<div class="grid2">Colonne 2</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
@@ -1,48 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<link href="reset.css" >
|
||||
<link href="style.css" rel="stylesheet">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="author" content="">
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Post-ERG</title>
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<header>
|
||||
<!-- ENTÊTE -->
|
||||
|
||||
<div id="header">
|
||||
<h1><a href="index.html">Mémoire post-ERG/A life after ERG</a></h1>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- MENU -->
|
||||
|
||||
<div class="menu">
|
||||
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
||||
<a href="partagerunmemoire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
||||
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
||||
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
||||
</div>
|
||||
|
||||
<!-- GRILLE -->
|
||||
|
||||
<div class="grille01">
|
||||
<div class="grille_01">Colonne 1</div>
|
||||
<div class="grille_02">Colonne 2</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
18
style.css
18
style.css
@@ -11,6 +11,7 @@
|
||||
|
||||
/* ENTÊTE */
|
||||
header {
|
||||
z-index: 10000;
|
||||
font-family: 'police1';
|
||||
position: fixed;
|
||||
background: linear-gradient(315deg, rgba(77, 168, 112, 1) 0%, rgba(193, 4, 252, 1) 66%);
|
||||
@@ -42,6 +43,8 @@
|
||||
position: inherit;
|
||||
width: 100vw;
|
||||
left: 0;
|
||||
background-color: white;
|
||||
background: linear-gradient(0deg, rgba(2,0,36,0) 0%, rgba(255,255,255,1) 40%);
|
||||
}
|
||||
|
||||
.menu-content{
|
||||
@@ -81,12 +84,23 @@
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* CONTENUS DE LA PAGE */
|
||||
#page_content {
|
||||
position: relative;
|
||||
top: 15vh;
|
||||
max-width: 80ch;
|
||||
padding: 3em 1em;
|
||||
margin: auto;
|
||||
line-height: 1.75;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
/* GRILLE */
|
||||
.grid-section{
|
||||
display: block;
|
||||
position: relative;
|
||||
/* display: block; */
|
||||
/* position: fixed; */
|
||||
margin: 30%;
|
||||
/* margin: 30%; */
|
||||
}
|
||||
|
||||
.grid-main {
|
||||
|
||||
Reference in New Issue
Block a user