debut index
This commit is contained in:
parent
aa9850e487
commit
a759bb8c58
165
index.html
165
index.html
@ -1,33 +1,144 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Inurbe - Découvrez l’héritage de Lyon</title>
|
<title>Inurbe - Découvrez l’héritage de Lyon</title>
|
||||||
<link rel="stylesheet" type="text/css" href="style/main.css" />
|
<link rel="stylesheet" type="text/css" href="style/main.css"/>
|
||||||
</head>
|
<meta charset="utf-8"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<ol>
|
<div>
|
||||||
<li><a href="#accueil">Accueil</a></li>
|
<ul>
|
||||||
<li><a href="#balades">Balades</a></li>
|
<li><a href=""><img alt="Facebook - White Circle" data-type="image" itemprop="image" style="width: 40px; height: 40px; object-fit: cover;" src="https://static.wixstatic.com/media/e0678ef25486466ba65ef6ad47b559e1.png/v1/fill/w_40,h_40,al_c,q_80,usm_0.66_1.00_0.01/e0678ef25486466ba65ef6ad47b559e1.webp"></a></li>
|
||||||
<li><a href="#qui">Qui sommes nous ?</a></li>
|
<li><a href=""><img alt="Instagram - White Circle" data-type="image" itemprop="image" style="width: 40px; height: 40px; object-fit: cover;" src="https://static.wixstatic.com/media/17f992598001435083075924d7b6ae80.png/v1/fill/w_40,h_40,al_c,q_80,usm_0.66_1.00_0.01/17f992598001435083075924d7b6ae80.webp"></a></li>
|
||||||
<li><a href="#tarifs">Tarifs</a></li>
|
</ul>
|
||||||
<li><a href="#contact">Contact</a></li>
|
<ol>
|
||||||
</ol>
|
<li><a href="#accueil">Accueil</a></li>
|
||||||
</nav>
|
<li><a href="#qui">Qui sommes nous ?</a></li>
|
||||||
|
<li><a href="#contact">Contact</a></li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<p id="accueil"></p>
|
<section id="accueil">
|
||||||
<p id="balades"></p>
|
<div id="entete">
|
||||||
<p id="qui"></p>
|
<div id="titre">
|
||||||
<p id="tarifs"></p>
|
<H1>In Urbe</H1>
|
||||||
<p id="contact"></p>
|
<span>Découvrez l'Héritage de Lyon</span>
|
||||||
</main>
|
</div>
|
||||||
|
<svg id="logo" preserveAspectRatio="xMidYMid meet" data-bbox="9 6.5 400 400.026" viewBox="0 0 416 411" xmlns="http://www.w3.org/2000/svg" data-type="ugc" role="img" style="">
|
||||||
<footer>
|
<g>
|
||||||
</footer>
|
<path d="M109.2 270c-.3-15.2-.9-30.4-1.3-45.7-.3-15.2-.2-30.4.2-45.7l.1-3.5 2.5-1.9c3.2-2.5 6.5-4.9 9.7-7.4 3.3-2.4 6.5-4.9 9.8-7.3l9.9-7.2c3.3-2.4 6.6-4.8 9.9-7.1l3.3-2.4 2.6 2.3 8.7 7.8c2.9 2.6 5.8 5.2 8.6 7.9s5.7 5.3 8.5 8 5.6 5.4 8.4 8.2l-.9 1.1c-3.4-2-6.7-4.1-10-6.1-3.3-2.1-6.5-4.2-9.8-6.3-3.3-2.1-6.5-4.3-9.7-6.5-3.2-2.1-6.4-4.3-9.7-6.5h5.9c-3 2.7-6 5.5-9.1 8.2-3 2.7-6.1 5.4-9.1 8.1-3 2.7-6.1 5.4-9.2 8-3.1 2.7-6.2 5.3-9.3 8l2.6-5.4c.4 15.2.5 30.4.2 45.7-.3 15.2-.9 30.4-1.3 45.7l-.9 45.7c-.3 15.2-1.1 49.7-1.1 49.7l-5.8-12.7-3.7-82.7z" stroke="#000000" stroke-miterlimit="10"></path>
|
||||||
</body>
|
<path d="M296.7 365.3s-1-47.7-1.4-70.1c-.4-22.4-.8-44.8-1.1-67.2l-.5-33.6-.7-33.6c-.6-22.4-.9-44.8-.5-67.2l3.2 5.9c-6.1-4.1-12.1-8.3-18.1-12.5-6-4.2-12-8.4-18-12.7-6-4.3-11.9-8.6-17.9-12.9-5.9-4.4-11.9-8.7-17.7-13.1l6.3-3.4-.7 11.5c-.2 3.8-.5 7.7-.8 11.5-.3 3.8-.6 7.7-.9 11.5-.3 3.8-.7 7.7-1 11.5h-1.4c-.4-3.8-.7-7.7-1-11.5-.3-3.8-.6-7.7-.9-11.5-.3-3.8-.6-7.7-.8-11.5l-.7-11.4-.4-7.3 6.8 3.9c6.4 3.7 12.6 7.5 18.9 11.2 6.3 3.8 12.6 7.6 18.8 11.4 6.3 3.8 12.5 7.7 18.7 11.6 6.2 3.9 12.4 7.8 18.6 11.8l3.1 2 .1 3.9c.3 22.4.1 44.8-.5 67.2l-.7 33.6-.5 33.6c-.3 22.4-.6 44.8-1.1 67.2-.4 22.4-2.4 60-2.4 60l-4.8 10.2z" stroke="#000000" stroke-miterlimit="10"></path>
|
||||||
|
<path stroke="#000000" stroke-miterlimit="10" d="M274.2 75.6l2.1-60.6 4.7-.2 2.3 64.6-6.9-64.2 4.6-.2 2.2 60.6h-9z"></path>
|
||||||
|
<path d="M217.7 360.9c.1-3.7-.3-7.3-1.2-10.7-.5-1.7-1.1-3.3-1.8-4.8-.8-1.6-1.7-2.8-2.8-4.3l-1.7-2.2c-.6-.7-1.1-1.4-1.7-2.1-1.1-1.4-2.3-2.7-3.6-4-1.3-1.4-2.5-2.9-3.7-4.4-1.2-1.5-2.3-2.9-3.5-4.6-.6-.8-1.2-1.7-1.7-2.6-.6-1-1.1-2.1-1.6-3.4-.2-.6-.4-1.3-.5-1.9-.1-.6-.2-1.2-.3-1.7-.1-1.2-.2-2.3-.1-3.6.1-2.4.8-5.2 2.7-7.7.5-.6 1-1.2 1.6-1.7.3-.3.6-.5.9-.8.3-.2.7-.4 1-.6.3-.2.7-.4 1-.5.3-.1.7-.3 1-.4.7-.3 1.4-.4 2.1-.5 2.8-.4 5.3 0 7.5.7s4.2 1.8 6 3.2c1.7 1.4 3.2 3 4.3 4.9 1.1 1.9 1.8 4 1.8 6l-.9.4c-.7-.7-1.4-1.3-2-1.9-.3-.3-.7-.5-1.1-.7-.4-.2-.7-.5-1.1-.7-1.4-.8-2.9-1.4-4.4-1.9-1.5-.4-3-.7-4.4-.7-1.4-.1-2.7.1-3.5.5-.9.3-1.2.7-1.6 1.1-.3.4-.8 1.3-1.1 2.6-.2.6-.3 1.3-.3 2v1.8c.1.5.2 1.1.5 1.8s.6 1.4 1 2.2c.8 1.5 1.8 3.2 2.7 4.7.9 1.5 1.9 3 2.9 4.5s2.1 3.1 3.1 4.8c.5.8 1 1.6 1.5 2.5l1.4 2.5c.5.8.9 1.7 1.3 2.6.4 1 .8 1.9 1.1 2.9.6 1.9 1 3.9 1.1 5.8.3 3.9-.1 7.7-.9 11.4l-1-.5z" stroke="#000000" stroke-miterlimit="10"></path>
|
||||||
|
<path d="M211.7 276.6c-.8-.2-6-1.5-8.6 1.8-2.5 3.3-1.4 9.4 2.4 12.3 3.4 2.5 8 1.7 10.7-1 .4-.4 2.8-3 2.4-6.4-.7-4.8-6.3-6.5-6.9-6.7z" stroke="#000000" stroke-width="8" stroke-miterlimit="10"></path>
|
||||||
|
<path d="M204.6 277.3c-.6 1-1.5 2.9-1.3 5.3.3 4.6 4.3 7.1 5 7.6 1.6 1 3.1 1.4 4.1 1.6" stroke="#000000" stroke-width="8" stroke-miterlimit="10"></path>
|
||||||
|
<path d="M259.4 13.7s-1.1-.3-3.4-.8c-2.2-.5-5.5-1.2-9.8-1.9-8.6-1.5-21.5-3.1-37.8-2.9-2 .1-4.2.2-6.3.2-1.1 0-2.2.1-3.3.1l-3.3.3c-2.2.2-4.5.4-6.9.6-2.3.3-4.7.7-7.1 1-9.7 1.5-20.1 3.7-30.9 7.2-10.8 3.5-21.9 8.1-33.1 14.1-11.1 6-22.3 13.3-33 22.2-10.7 8.8-20.9 19.2-30 31-9.1 11.8-17.4 25-23.8 39.5-6.5 14.4-11.6 30-14.4 46.4-.3 2-.7 4.1-1 6.2-.2 2.1-.5 4.1-.7 6.2l-.4 3.1c-.1 1-.2 2.1-.3 3.1-.2 2.1-.3 4.2-.5 6.3-.1 2.1-.1 4.2-.2 6.4l-.1 3.2v3.1c.1 4.3.2 8.8.6 13 .2 2.1.3 4.3.6 6.4.3 2.1.6 4.3.8 6.4.2 2.2.7 4.3 1.1 6.4.4 2.1.7 4.3 1.2 6.4 1 4.3 1.9 8.6 3.2 12.8l.9 3.2c.3 1.1.6 2.1 1 3.2l2.1 6.3c3.1 8.3 6.5 16.6 10.8 24.4l1.5 3 1.7 2.9c1.1 1.9 2.2 3.9 3.4 5.8 2.5 3.8 4.8 7.6 7.5 11.2 2.5 3.7 5.4 7.2 8.2 10.8l4.5 5.1c.8.9 1.5 1.7 2.3 2.6l2.4 2.5 2.4 2.5c.8.8 1.6 1.7 2.4 2.4l5 4.7c.8.8 1.7 1.5 2.6 2.3l2.6 2.2 2.6 2.2 2.7 2.1c14.3 11.4 30.3 20.7 47.2 27.8l6.4 2.5c1.1.4 2.1.8 3.2 1.2l3.3 1.1 3.3 1.1c1.1.4 2.2.6 3.3 1l6.6 1.9c4.5 1 8.9 2.2 13.4 2.9l3.4.6c1.1.2 2.2.4 3.4.5l6.8.9c9.1.9 18.2 1.5 27.3 1.2 4.7 0 9.1-.5 13.6-.8 2.2-.2 4.5-.5 6.7-.8l3.4-.4 3.3-.6c2.2-.4 4.4-.8 6.7-1.2l6.6-1.5c1.1-.3 2.2-.5 3.3-.8l3.2-.9c2.2-.6 4.3-1.2 6.5-1.9 4.2-1.4 8.5-2.8 12.6-4.5l3.1-1.2 1.6-.6 1.5-.7c2-.9 4.1-1.8 6.1-2.7 2-.9 4-2 5.9-3l3-1.5c1-.5 1.9-1.1 2.9-1.6l5.7-3.3c1.9-1.2 3.7-2.4 5.5-3.5.9-.6 1.9-1.2 2.8-1.8l2.7-1.9c1.8-1.3 3.6-2.5 5.3-3.8 3.4-2.7 6.9-5.3 10.1-8.1 6.6-5.5 12.6-11.6 18.3-17.9l4.2-4.8c.7-.8 1.4-1.6 2-2.4l2-2.5c2.7-3.2 5.1-6.7 7.5-10 .6-.8 1.2-1.7 1.8-2.6l1.7-2.6 1.7-2.6.8-1.3.8-1.3c2.1-3.6 4.2-7 6-10.7 3.9-7.1 7-14.6 9.9-21.9 5.5-14.8 9.1-29.9 11-44.8.1-.9.3-1.8.4-2.8.1-.9.2-1.9.2-2.8.2-1.8.3-3.7.5-5.5.2-1.8.2-3.7.3-5.5.1-1.8.1-3.6.2-5.4v-8.1c0-.9-.1-1.8-.1-2.6-.1-3.5-.4-7-.7-10.5-.7-6.9-1.7-13.6-3-20.2-1.3-6.5-3-12.8-4.7-18.9-1.8-6.1-3.9-11.9-6.1-17.5-.6-1.4-1.2-2.8-1.7-4.1-.3-.7-.6-1.4-.9-2-.3-.7-.6-1.3-.9-2l-1.8-3.9c-.6-1.3-1.3-2.6-1.9-3.8-10.4-20.2-22.8-35.9-34.2-47.5-12-11.3-22.2-19.2-29.3-24.3-3.6-2.5-6.4-4.4-8.3-5.6-1.9-1.2-2.9-1.8-2.9-1.8l.3-.4s1 .6 2.9 1.8c2 1.2 4.8 3 8.5 5.4 7.2 5 17.7 12.7 29.3 24.3 11.6 11.6 24.3 27.3 35.1 47.5 10.8 20.1 19.3 45 22.2 73.1.7 7 1 14.2 1 21.5 0 1.8-.1 3.7-.1 5.5-.1 1.8 0 3.7-.2 5.6-.1 1.9-.3 3.7-.4 5.6-.1.9-.1 1.9-.2 2.8-.1.9-.2 1.9-.4 2.8-1.8 15.1-5.3 30.5-10.8 45.7-2.9 7.5-6 15.1-9.9 22.4-1.8 3.7-4 7.3-6 10.9l-.8 1.4-.8 1.3-1.7 2.7-1.7 2.7c-.6.9-1.1 1.8-1.8 2.6-2.5 3.5-4.9 7-7.6 10.3l-2 2.5c-.7.9-1.3 1.7-2 2.5-1.4 1.6-2.8 3.3-4.2 4.9-5.8 6.4-11.9 12.6-18.7 18.3-3.3 3-6.8 5.6-10.3 8.4l-5.4 3.9-2.7 1.9c-.9.6-1.9 1.2-2.8 1.8l-5.7 3.6c-1.9 1.1-3.9 2.2-5.8 3.4-1 .5-1.9 1.2-2.9 1.7l-3 1.5c-2 1-4 2.1-6.1 3-2.1.9-4.1 1.9-6.2 2.8l-1.6.7-1.6.6-3.2 1.3c-4.2 1.8-8.6 3.1-12.9 4.6-2.2.7-4.4 1.3-6.6 1.9l-3.3.9c-1.1.3-2.2.5-3.4.8-2.2.5-4.5 1-6.7 1.6-2.3.4-4.5.8-6.8 1.2-1.1.2-2.3.4-3.4.6l-3.4.4c-2.3.3-4.6.6-6.9.8-4.6.3-9.3.8-13.9.8-9.3.4-18.7-.2-28-1.1l-7-.9c-1.2-.1-2.3-.3-3.5-.6l-3.5-.6c-4.6-.7-9.2-1.9-13.8-2.9l-6.8-1.9c-1.1-.3-2.3-.6-3.4-1l-3.3-1.1-3.3-1.1c-1.1-.4-2.2-.7-3.3-1.2l-6.6-2.6c-17.3-7.2-33.7-16.9-48.3-28.6-.9-.7-1.9-1.4-2.7-2.2l-2.7-2.3-2.6-2.3c-.9-.8-1.8-1.5-2.6-2.3l-5.1-4.8c-.9-.8-1.7-1.6-2.5-2.5l-2.4-2.5-2.4-2.5c-.8-.9-1.5-1.8-2.3-2.6-1.5-1.8-3.1-3.5-4.5-5.3-2.9-3.7-5.8-7.2-8.4-11.1-2.8-3.7-5.2-7.7-7.7-11.5-1.2-2-2.3-4-3.5-6l-1.7-3-1.6-3.1c-4.3-8.1-7.8-16.5-10.9-25-.7-2.1-1.4-4.3-2.2-6.4-.4-1.1-.7-2.1-1-3.2l-.9-3.3c-1.3-4.3-2.2-8.7-3.2-13.1-1.7-8.8-3.1-17.6-3.7-26.4-.4-4.4-.4-8.8-.6-13.1v-3.2L9 202c.1-2.2.1-4.3.2-6.5.2-2.2.3-4.3.5-6.5.1-1.1.1-2.1.3-3.2l.4-3.2c.3-2.1.5-4.2.8-6.4.4-2.1.7-4.2 1.1-6.3 3-16.7 8.3-32.5 15.1-47.2 6.7-14.7 15.2-28 24.6-40 9.4-11.9 19.8-22.4 30.8-31.3 10.9-8.9 22.3-16.2 33.7-22.2 11.4-5.9 22.7-10.5 33.7-13.9 10.9-3.4 21.5-5.5 31.3-6.9 2.5-.3 4.9-.6 7.2-.9 2.4-.2 4.7-.4 6.9-.5 1.1-.1 2.3-.2 3.4-.2s2.2-.1 3.3-.1c2.2-.1 4.3-.1 6.3-.2 16.5 0 29.3 1.9 37.9 3.5 4.3.8 7.6 1.6 9.8 2.1 2.2.6 3.3.8 3.3.8l-.2.8z"></path>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2>Les Parcours</h2>
|
||||||
|
<div id="parcours">
|
||||||
|
<a href="" id="DECOUVERTES" class="parcour">
|
||||||
|
<div class="icone">
|
||||||
|
<img src="https://img.icons8.com/metro/384/binoculars.png">
|
||||||
|
</div>
|
||||||
|
<h3>DECOUVERTES</h3>
|
||||||
|
<span>Découvrez ou redécouvrez les quartiers de la ville</span>
|
||||||
|
</a>
|
||||||
|
<a href="" id="THEMATIQUES" class="parcour">
|
||||||
|
<div class="icone">
|
||||||
|
<svg preserveAspectRatio="xMidYMid meet" data-bbox="20 20 160 160" xmlns="http://www.w3.org/2000/svg" viewBox="55 55 95 95" role="img" style="stroke-width: 0px;">
|
||||||
|
<g>
|
||||||
|
<path d="M106.5 118h-21c-.8 0-1.5.7-1.5 1.5v12c0 .8.7 1.5 1.5 1.5h21c.8 0 1.5-.7 1.5-1.5v-12c0-.8-.7-1.5-1.5-1.5zm-1.5 12H87v-9h18v9z"></path>
|
||||||
|
<path d="M106.5 97h-21c-.8 0-1.5.7-1.5 1.5v12c0 .8.7 1.5 1.5 1.5h21c.8 0 1.5-.7 1.5-1.5v-12c0-.8-.7-1.5-1.5-1.5zm-1.5 12H87v-9h18v9z"></path>
|
||||||
|
<path d="M106.5 76h-21c-.8 0-1.5.7-1.5 1.5v12c0 .8.7 1.5 1.5 1.5h21c.8 0 1.5-.7 1.5-1.5v-12c0-.8-.7-1.5-1.5-1.5zM105 88H87v-9h18v9z"></path>
|
||||||
|
<path d="M95.4 71.5c2.9 0 5.2-2.3 5.2-5.2 0-2.9-2.3-5.2-5.2-5.2-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2zm0-7.5c1.2 0 2.2 1 2.2 2.2 0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2 0-1.2 1-2.2 2.2-2.2z"></path>
|
||||||
|
<path d="M113.6 64.9c-1.4-5.3-6-8.9-11.9-8.9H91.2c-7 0-13.2 5.2-13.2 12.3v64.3c0 7 6.2 12.4 13.2 12.4h10.5c1.7 0 3.3-.3 4.7-.9l4-.9 7-1.6c1.4-.3 2.7-.8 3.9-1.6l12.9-5.5c6.3-3 9-10.6 6-17l-26.6-52.6zm-2.6 67.4c0 5.4-3.9 9.7-9.3 9.7H91.2c-5.4 0-10.2-4.4-10.2-9.7V68.7c0-5.4 4.4-9.7 9.7-9.7h10.6c3.7 0 6.9 2.1 8.6 5.1 0 .1.1.2.1.3l.3.7c.4 1.1.7 2.3.7 3.6v63.6zm11.9 2.1c-1.4 2.2-3.6 3.7-6.1 4.2l-4.7 1.1h-.2c1.5-2.1 2.2-4.5 2.2-7.2V81.1l10.2 46c.5 2.5 0 5.1-1.4 7.3zm10.1-2.6l-6.8 2.9c1.2-2.5 1.6-5.4 1-8.2L116 76.4l21.5 42.4c2.3 4.9.3 10.7-4.5 13z"></path>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>THEMATIQUES</h3>
|
||||||
|
<span>Explorez Lyon au travers d'un thème précis</span>
|
||||||
|
</a>
|
||||||
|
<a href="" id="LUDIQUES" class="parcour">
|
||||||
|
<div class="icone">
|
||||||
|
<svg preserveAspectRatio="xMidYMid meet" data-bbox="-459 301 160 160" xmlns="http://www.w3.org/2000/svg" viewBox="-427 336 95 95" role="img" style="stroke-width: 0px;">
|
||||||
|
<g>
|
||||||
|
<path d="M-350.5 369.5c-.8 0-1.5-.7-1.5-1.5 0-14.6-11.8-26.4-26.4-26.4-15.5 0-27.1 10.5-27.1 24.4 0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-15.6 12.9-27.4 30.1-27.4 16.2 0 29.4 13.2 29.4 29.4 0 .8-.7 1.5-1.5 1.5z"></path>
|
||||||
|
<path d="M-378 374.9c-13.7 0-24.4-1.7-29.2-4.8-.7-.4-.9-1.4-.5-2.1.4-.7 1.4-.9 2.1-.5 1.6 1 8.3 4.3 27.6 4.3 18.3 0 24.7-3 26.6-4.3.7-.5 1.6-.3 2.1.4s.3 1.6-.4 2.1c-2.6 1.9-9.8 4.9-28.3 4.9z"></path>
|
||||||
|
<path d="M-378.7 423.4c-16.9 0-23.8-2.6-29.3-4.6-.6-.2-1-.8-1-1.4v-45.7l.5-5.8c0-.5.3-.9.7-1.1 4.7-3 15.8-4.8 29.6-4.8s24.1 1.8 28.2 4.8c.4.3.6.7.6 1.2v51.4c0 .5-.2.9-.6 1.2-4 3-14.8 4.8-28.7 4.8zm-27.3-7.1c5.4 2 11.9 4.1 27.3 4.1 14.7 0 23.1-1.9 26.4-3.8v-49.8c-2.2-1.3-8.7-3.8-25.8-3.8-14.8 0-23.7 2-27.4 3.9l-.4 4.9-.1 44.5z"></path>
|
||||||
|
<path d="M-378.3 408.5c-7.4 0-11.6-.5-17.4-1.2-.8-.1-1.3-.7-1.3-1.5v-22.4c0-.4.2-.8.5-1.1.3-.3.7-.4 1.2-.4 5.7.7 9.9 1.2 17.1 1.2 4.7 0 9.4-.2 12.4-.6.4-.1.8.1 1.2.4.3.3.5.7.5 1.1v22.4c0 .8-.6 1.4-1.3 1.5-3.3.3-8.1.6-12.9.6zm-15.8-4c5.1.6 9.1 1 15.8 1 4.1 0 8.1-.2 11.1-.4v-19.4c-3 .3-7 .4-11.1.4-6.7 0-10.7-.4-15.8-1v19.4z"></path>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>LUDIQUES</h3>
|
||||||
|
<span>Envie de vous amuser?</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section id="qui">
|
||||||
|
<h2>Qui sommes-nous?</h2>
|
||||||
|
<p>
|
||||||
|
Ce site est à l'initiative de Bastien Grégis, charpentier, technicien cordiste et étudiant en architecture. Mais surtout passionné par la ville de Lyon. Il a créé son entreprise d'animation culturelle en août 2017 pour faire profiter de sa passion, aux visiteurs occasionnels comme aux résidents de longue date souhaitant porter un nouveau regard sur la ville.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Inurbe.fr se propose d'être une plateforme de rassemblement pour que des passionnés de la ville et du territoire puissent partager leurs connaissances avec vous au travers de visites guidées originales.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec aliquet neque. Aenean imperdiet lorem sed diam placerat convallis. Ut vehicula vel neque ac interdum. In tincidunt, massa non feugiat auctor, ligula neque auctor risus, a suscipit felis tellus nec sem. Donec egestas erat et lectus convallis, id mollis massa malesuada. Nunc magna nibh, sagittis eget mi a, tempus dictum nisi. Proin sed arcu feugiat, scelerisque est nec, vulputate enim. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam pharetra dolor nec lectus accumsan efficitur non in justo. Morbi a facilisis massa.
|
||||||
|
|
||||||
|
Donec pretium, eros sit amet commodo aliquet, ligula odio gravida mauris, id dignissim risus ipsum eget ipsum. Aenean dictum ante sit amet posuere gravida. Sed nec arcu a leo laoreet vestibulum in id nulla. Etiam id mattis sem. Praesent ultrices pellentesque nisl, bibendum venenatis magna fermentum vitae. Proin et mattis diam. Fusce ante lectus, placerat ultricies maximus id, dapibus sit amet arcu. Proin luctus velit auctor ante rhoncus pretium. Mauris ut urna vel mi iaculis hendrerit vitae eu quam.
|
||||||
|
|
||||||
|
Quisque sed lobortis ante. Donec sed blandit ante. Nulla porta felis vel nibh euismod dignissim. In at mattis mauris, ut condimentum neque. Nunc bibendum at erat sed finibus. Nullam gravida auctor turpis vitae suscipit. Curabitur erat turpis, placerat gravida ex quis, ullamcorper mollis nisl.
|
||||||
|
|
||||||
|
Ut interdum quis ligula sagittis placerat. Fusce commodo pulvinar ullamcorper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse vel justo at augue eleifend efficitur. Nulla in dictum est. Proin tempor ipsum dolor, cursus finibus diam posuere at. Mauris ex sapien, eleifend vitae justo et, consequat dapibus tellus. Vestibulum elementum placerat diam, et placerat libero fermentum at. Curabitur euismod quam sed metus dictum, ut euismod magna varius. Aliquam nec ultricies felis, eget sagittis odio. Nulla et metus sit amet lacus elementum commodo dignissim quis risus.
|
||||||
|
|
||||||
|
Sed tempor ex at arcu consectetur maximus. Etiam condimentum mauris vitae quam commodo, ac porttitor massa vestibulum. Aliquam a mauris et tellus fermentum semper sit amet id turpis. Donec posuere vitae dui at tempor. Aliquam tortor urna, interdum et varius quis, facilisis id sem. Quisque in aliquet risus, nec tempus metus. Fusce consectetur risus quis ante vulputate aliquet. Aliquam erat volutpat. Duis pretium bibendum tincidunt. Donec at interdum libero, a elementum augue. Morbi volutpat mauris vel ligula tempor, quis pulvinar felis blandit. </p>
|
||||||
|
</section>
|
||||||
|
<section id="contact">
|
||||||
|
<h2>NOUS CONTACTER</h2>
|
||||||
|
<form>
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Bastien GREGIS<br/>
|
||||||
|
<br/>
|
||||||
|
20 rue Léon Blum<br/>
|
||||||
|
<br/>
|
||||||
|
69100 Villeurbanne, France<br/>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
inurbelyon@gmail.com<br/>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
Tél : 06.29.90.63.31
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div id="input">
|
||||||
|
<input type="text" required="" aria-invalid="false" name="Name" value="" class="cf2_required" placeholder="Name *" data-aid="nameField">
|
||||||
|
<input type="text" required="" aria-invalid="false" name="Email" value="" class="cf2_required" placeholder="Email *" data-aid="emailField">
|
||||||
|
<input type="text" aria-invalid="false" name="Subject" value="" class="" placeholder="Subject" data-aid="subjectField">
|
||||||
|
<textarea name="Message" placeholder="Message" data-aid="messageField" id="comp-ifqyiqxmfieldMessage"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button type="submit">Envoyer</button>
|
||||||
|
</form>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
142
style/main.css
142
style/main.css
@ -0,0 +1,142 @@
|
|||||||
|
#entete {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
#logo {
|
||||||
|
width: 235px;
|
||||||
|
}
|
||||||
|
#titre {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: auto 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icone {
|
||||||
|
width: 34%;
|
||||||
|
border: 3px solid black;
|
||||||
|
border-radius: 50%;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img, svg {
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.parcour {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
width: 22%;
|
||||||
|
margin: 0 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#parcours {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul, ol {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul li {
|
||||||
|
margin: auto 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ol li{
|
||||||
|
padding: 0 2px;
|
||||||
|
border-right: 1px solid #504F4F;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ol li:last-child{
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li a {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol li a {
|
||||||
|
padding: 0 10px;
|
||||||
|
display: flex;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
margin: -8px -8px 0;
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
background-color: #2f2e2e;
|
||||||
|
}
|
||||||
|
|
||||||
|
section, nav div {
|
||||||
|
max-width: 1100px;
|
||||||
|
margin: auto;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
section {
|
||||||
|
padding-top: 60px;
|
||||||
|
margin-top: -60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav div {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 8px;
|
||||||
|
max-width: 1100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qui, #contact {
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#accueil {
|
||||||
|
padding-top: 75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact > form > div {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
padding: 0 20%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#input {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-around;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact div > div {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
form button {
|
||||||
|
margin-left: calc(80% - 97px);
|
||||||
|
background-color: #2f2e2e;
|
||||||
|
color: white;
|
||||||
|
border: 0;
|
||||||
|
padding: 4px 10px;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user