Ajout d'une page d'information pratiques
This commit is contained in:
parent
79964790f0
commit
774f9b9218
4 changed files with 138 additions and 1 deletions
|
|
@ -57,6 +57,7 @@ nav a, footer a, aside a {
|
||||||
font-family: Dymo;
|
font-family: Dymo;
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a.current {
|
nav a.current {
|
||||||
|
|
|
||||||
|
|
@ -49,7 +49,6 @@ section {
|
||||||
font-family: Erika;
|
font-family: Erika;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
margin-bottom: 100px;
|
margin-bottom: 100px;
|
||||||
columns: 560px;
|
|
||||||
padding: 2%;
|
padding: 2%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -13,6 +13,7 @@
|
||||||
<body>
|
<body>
|
||||||
<nav>
|
<nav>
|
||||||
<a href="index.html" class="current">home</a>
|
<a href="index.html" class="current">home</a>
|
||||||
|
<a href="infos-pratiques.html" >infos pratiques</a>
|
||||||
<a href="poster.html">poster</a>
|
<a href="poster.html">poster</a>
|
||||||
</nav>
|
</nav>
|
||||||
<main>
|
<main>
|
||||||
|
|
|
||||||
136
infos-pratiques.html
Normal file
136
infos-pratiques.html
Normal file
|
|
@ -0,0 +1,136 @@
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="css/base.css">
|
||||||
|
<link rel="stylesheet" href="css/home.css">
|
||||||
|
<link rel="stylesheet" href="css/drag.css">
|
||||||
|
<script src="js/drag.js" defer></script>
|
||||||
|
<title>Camp Interhack 2026</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<nav>
|
||||||
|
<a href="index.html">home</a>
|
||||||
|
<a href="infos-pratiques.html" class="current">infos pratiques</a>
|
||||||
|
<a href="poster.html">poster</a>
|
||||||
|
</nav>
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/arbre-hetre.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/bac-e2.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/clavier.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/clef.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/ecran.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/foin.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/machineacoudre.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/tracteur.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/arbre-hetre.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/bac-e2.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/clavier.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/clef.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/ecran.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/foin.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/machineacoudre.webp" alt="">
|
||||||
|
<img class="draggable randomStart" src="assets/stickers/tracteur.webp" alt="">
|
||||||
|
|
||||||
|
<h1>
|
||||||
|
<span class="draggable">Informations</span>
|
||||||
|
<br>
|
||||||
|
<span class="draggable">Pratiques</span>
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<h2>
|
||||||
|
<span class="draggable">Quand ?</span>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<p class="draggable">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit beatae, earum omnis quaerat reprehenderit error atque amet minus, quod quo repellat fuga exercitationem sequi ex libero velit pariatur. Omnis, alias!</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<h2>
|
||||||
|
<span class="draggable">Où ?</span>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<p class="draggable">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit beatae, earum omnis quaerat reprehenderit error atque amet minus, quod quo repellat fuga exercitationem sequi ex libero velit pariatur. Omnis, alias!</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<h2>
|
||||||
|
<span class="draggable">Comment ?</span>
|
||||||
|
</h2>
|
||||||
|
<section>
|
||||||
|
<p class="draggable">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit beatae, earum omnis quaerat reprehenderit error atque amet minus, quod quo repellat fuga exercitationem sequi ex libero velit pariatur. Omnis, alias!</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<h2>
|
||||||
|
<span class="draggable">Quoi ?</span>
|
||||||
|
</h2>
|
||||||
|
<section>
|
||||||
|
<p class="draggable">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit beatae, earum omnis quaerat reprehenderit error atque amet minus, quod quo repellat fuga exercitationem sequi ex libero velit pariatur. Omnis, alias!</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<h2>
|
||||||
|
<span class="draggable">Venir ?</span>
|
||||||
|
</h2>
|
||||||
|
<section>
|
||||||
|
<p class="draggable">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit beatae, earum omnis quaerat reprehenderit error atque amet minus, quod quo repellat fuga exercitationem sequi ex libero velit pariatur. Omnis, alias!</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<h2>
|
||||||
|
<span class="draggable">Manger ?</span>
|
||||||
|
</h2>
|
||||||
|
<section>
|
||||||
|
<p class="draggable">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit beatae, earum omnis quaerat reprehenderit error atque amet minus, quod quo repellat fuga exercitationem sequi ex libero velit pariatur. Omnis, alias!</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<h2>
|
||||||
|
<span class="draggable">Dormir ?</span>
|
||||||
|
</h2>
|
||||||
|
<section>
|
||||||
|
<p class="draggable">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit beatae, earum omnis quaerat reprehenderit error atque amet minus, quod quo repellat fuga exercitationem sequi ex libero velit pariatur. Omnis, alias!</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<h2>
|
||||||
|
<span class="draggable">Le prix ?</span>
|
||||||
|
</h2>
|
||||||
|
<section>
|
||||||
|
<p class="draggable">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit beatae, earum omnis quaerat reprehenderit error atque amet minus, quod quo repellat fuga exercitationem sequi ex libero velit pariatur. Omnis, alias!</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<h2>
|
||||||
|
<span class="draggable">Le son ?</span>
|
||||||
|
</h2>
|
||||||
|
<section>
|
||||||
|
<p class="draggable">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit beatae, earum omnis quaerat reprehenderit error atque amet minus, quod quo repellat fuga exercitationem sequi ex libero velit pariatur. Omnis, alias!</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<h2>
|
||||||
|
<span class="draggable">Le réseau ?</span>
|
||||||
|
</h2>
|
||||||
|
<section>
|
||||||
|
<p class="draggable">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit beatae, earum omnis quaerat reprehenderit error atque amet minus, quod quo repellat fuga exercitationem sequi ex libero velit pariatur. Omnis, alias!</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div>
|
||||||
|
<h2>Association</h2>
|
||||||
|
<a href="assets/Camp-Interhack_Statuts.pdf">statuts</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2>Interhack</h2>
|
||||||
|
<a href="https://interhacker.space">accueil</a>
|
||||||
|
<a href="https://wiki.interhacker.space">wiki</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2>Site Web</h2>
|
||||||
|
<a href="https://git.interhacker.space/interhack/2026.camp.public.website">source</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Add table
Reference in a new issue