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-size: 3em;
|
||||
display: inline-block;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
nav a.current {
|
||||
|
|
|
|||
|
|
@ -49,7 +49,6 @@ section {
|
|||
font-family: Erika;
|
||||
margin: auto;
|
||||
margin-bottom: 100px;
|
||||
columns: 560px;
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@
|
|||
<body>
|
||||
<nav>
|
||||
<a href="index.html" class="current">home</a>
|
||||
<a href="infos-pratiques.html" >infos pratiques</a>
|
||||
<a href="poster.html">poster</a>
|
||||
</nav>
|
||||
<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