... | @@ -80,40 +80,35 @@ |
... | @@ -80,40 +80,35 @@ |
|
<body>
|
|
<body>
|
|
|
|
|
|
<header>
|
|
<header>
|
|
<h1>Bienvenue sur le Portail des Sites d'Exception</h1>
|
|
<h1>Bienvenue sur le portail des ressources numériques</h1>
|
|
<p>Une plateforme pour explorer les sites naturels et culturels remarquables</p>
|
|
<p>Une plateforme pour découvrir de nouveaux usages numériques</p>
|
|
</header>
|
|
</header>
|
|
|
|
|
|
<section class="intro">
|
|
<section class="intro">
|
|
<p>Découvrez les sites classés, inscrits, Grands Sites de France, biens UNESCO, et plus encore.</p>
|
|
<p>Lorem ipsum.</p>
|
|
</section>
|
|
</section>
|
|
|
|
|
|
<section class="tiles">
|
|
<section class="tiles">
|
|
<a href="#" class="tile">
|
|
<a href="#" class="tile">
|
|
<img src="https://picsum.photos/id/1015/600/400" alt="Massif du Canigo" />
|
|
<img src="https://aide.din.developpement-durable.gouv.fr/images/bnum/vignettes/bnum.svg" alt="Bnum" />
|
|
<div class="caption">Massif du Canigo</div>
|
|
<div class="caption">lorem ipsum</div>
|
|
</a>
|
|
</a>
|
|
|
|
|
|
<a href="#" class="tile">
|
|
<a href="#" class="tile">
|
|
<img src="https://picsum.photos/id/1016/600/400" alt="Rochers de Huelgoat" />
|
|
<img src="https://aide.din.developpement-durable.gouv.fr/images/bnum/Bnum2025.svg" />
|
|
<div class="caption">Rochers de Huelgoat</div>
|
|
<div class="caption">lorem ipsum</div>
|
|
</a>
|
|
</a>
|
|
|
|
|
|
<a href="#" class="tile">
|
|
<a href="#" class="tile">
|
|
<img src="https://picsum.photos/id/1018/600/400" alt="Gorges du Verdon" />
|
|
<img src="https://aide.din.developpement-durable.gouv.fr/images/bnum/vignettes/bnum.svg" alt="Gorges du Verdon" />
|
|
<div class="caption">Gorges du Verdon</div>
|
|
<div class="caption">lorem ipsum</div>
|
|
</a>
|
|
</a>
|
|
|
|
|
|
<a href="#" class="tile">
|
|
<a href="#" class="tile">
|
|
<img src="https://picsum.photos/id/1025/600/400" alt="Étretat" />
|
|
<img src="https://aide.din.developpement-durable.gouv.fr/images/bnum/vignettes/bnum.svg" alt="Étretat" />
|
|
<div class="caption">Falaises d'Étretat</div>
|
|
<div class="caption">lorem ipsum</div>
|
|
</a>
|
|
</a>
|
|
</section>
|
|
</section>
|
|
|
|
|
|
<footer>
|
|
|
|
<p>© Ministère de la Transition écologique – 2025</p>
|
|
|
|
<p><a href="#">Aide</a> | <a href="#">Accessibilité</a> | <a href="#">Mentions légales</a></p>
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
</body>
|
|
</body>
|
|
</html> |
|
</html> |