inurbe/index.html
2019-10-07 17:04:27 +02:00

168 lines
17 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<title>Inurbe - Découvrez lhéritage de Lyon</title>
<link rel="stylesheet" type="text/css" href="style/fonts.css"/>
<link rel="stylesheet" type="text/css" href="style/main.css"/>
<link rel="stylesheet" type="text/css" href="style/index.css"/>
<meta charset="utf-8"/>
</head>
<body>
<header>
</header>
<nav>
<div>
<ul>
<li><a href="">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="15 15 144 144" style="width: 40px; height: 40px;">
<g>
<path d="M86,14.33333c-39.58041,0 -71.66667,32.08626 -71.66667,71.66667c0,39.58041 32.08626,71.66667 71.66667,71.66667c39.58041,0 71.66667,-32.08626 71.66667,-71.66667c0,-39.58041 -32.08626,-71.66667 -71.66667,-71.66667z"></path>
</g>
<g style="fill: #2f2e2e;">
<path d="M96.75,40.84994c-11.87445,0 -21.5,9.62555 -21.5,21.5v10.75h-12.9v17.2h12.9v40.85h17.2v-40.85h15.05l2.15,-17.2h-17.2v-8.6c0,-4.74935 3.85065,-8.6 8.6,-8.6h8.6v-14.3577c-4.10435,-0.42355 -8.76985,-0.7009 -12.9,-0.6923z"></path>
</g>
</svg>
</a></li>
<li><a href="">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="15 15 144 144" style="width: 40px; height: 40px;">
<g>
<path d="M86,14.33333c-39.58041,0 -71.66667,32.08626 -71.66667,71.66667c0,39.58041 32.08626,71.66667 71.66667,71.66667c39.58041,0 71.66667,-32.08626 71.66667,-71.66667c0,-39.58041 -32.08626,-71.66667 -71.66667,-71.66667z"></path>
</g>
<g style="fill: #2f2e2e;">
<path d="M55.9,44.6125c-6.18755,0 -11.2875,5.09995 -11.2875,11.2875v60.2c0,6.18755 5.09995,11.2875 11.2875,11.2875h60.2c6.18755,0 11.2875,-5.09995 11.2875,-11.2875v-60.2c0,-6.18755 -5.09995,-11.2875 -11.2875,-11.2875zM104.8125,55.9h11.2875v11.2875h-11.2875zM86,70.95c8.36274,0 15.05,6.68726 15.05,15.05c0,8.36274 -6.68726,15.05 -15.05,15.05c-8.36274,0 -15.05,-6.68726 -15.05,-15.05c0,-8.36274 6.68726,-15.05 15.05,-15.05zM52.1375,78.475h12.58086c-0.83774,2.35156 -1.29336,4.89419 -1.29336,7.525c0,12.41919 10.15581,22.575 22.575,22.575c12.41919,0 22.575,-10.15581 22.575,-22.575c0,-2.63081 -0.45562,-5.17344 -1.29336,-7.525h12.58086v37.625c0,2.1311 -1.6314,3.7625 -3.7625,3.7625h-60.2c-2.1311,0 -3.7625,-1.6314 -3.7625,-3.7625z"></path>
</g>
</svg>
</a></li>
</ul>
<ol>
<li><a href="#accueil">Accueil</a></li>
<li><a href="#qui">Qui sommes nous ?</a></li>
<li><a href="#contact">Contact</a></li>
</ol>
</div>
</nav>
<main>
<section id="accueil">
<div class="background-image">
</div>
<div id="entete">
<div id="titre">
<H1>In Urbe</H1>
<span>Découvrez l'Héritage de Lyon</span>
</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="">
<g>
<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-miterlimit="10"></path>
<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-miterlimit="10"></path>
<path 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-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-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-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>
<div>
<h2>Les Parcours</h2>
<div id="parcours">
<a href="parcour.html" id="DECOUVERTES" class="parcour">
<div class="icone">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 172 172">
<g fill="#ffffff"><path d="M125.27885,19.22596c-1.36959,0.02584 -2.73918,0.28426 -4.13462,0.62019c-10.59495,1.98978 -17.28786,11.93871 -15.29808,22.53365c5.29747,-4.6256 12.61058,-9.30288 22.53365,-9.30288c7.93329,0 13.17909,1.9381 17.15865,3.92788c0,-0.67187 0.05169,-1.1887 -0.62019,-1.86058c-1.73137,-9.2512 -10.05228,-16.15084 -19.63942,-15.91827zM46.30769,20.05288c-9.14783,-0.23257 -17.49459,6.40865 -19.22596,15.09135c-0.67187,0.67188 -0.62019,1.18871 -0.62019,1.86058c3.97957,-1.98978 9.8714,-3.92788 17.15865,-3.92788c9.92308,0 17.28786,4.6256 21.91346,9.92308c1.98978,-10.59495 -4.70312,-20.54387 -15.29808,-22.53365c-1.31791,-0.33594 -2.60997,-0.38762 -3.92788,-0.41346zM43.62019,39.69231c-16.53846,0 -20.51803,9.17368 -23.15385,17.77885c-4.6256,14.54868 -17.15865,48.99519 -17.15865,48.99519c0,0 0.67188,-0.64603 0.82692,-0.82692c-2.60997,5.01322 -4.13462,10.72416 -4.13462,16.74519c0,20.02704 16.35757,36.38462 36.38462,36.38462c20.02704,0 36.38462,-16.35757 36.38462,-36.38462c0,-18.76081 -14.36779,-34.31731 -32.66346,-36.17788c21.39663,1.13702 28.29628,11.4994 32.66346,19.63942c0,7.28726 5.94351,13.23077 13.23077,13.23077c7.28726,0 13.23077,-5.94351 13.23077,-13.23077c4.36719,-8.14003 11.26683,-18.5024 32.66346,-19.63942c-18.29567,1.86058 -32.66346,17.41707 -32.66346,36.17788c0,20.02704 16.35757,36.38462 36.38462,36.38462c20.02704,0 36.38462,-16.35757 36.38462,-36.38462c0,-6.02103 -1.52464,-11.73197 -4.13462,-16.74519c0.15505,0.18089 0.82692,0.82692 0.82692,0.82692c0,0 -12.53305,-34.44651 -17.15865,-48.99519c-2.63581,-7.93329 -6.61538,-17.77885 -23.15385,-17.77885c-17.85637,0 -24.47176,21.75842 -29.76923,17.77885c-3.30769,-3.30769 -7.98497,-4.54808 -12.61058,-4.54808c-4.6256,0 -9.30288,1.24038 -12.61058,4.54808c-5.29747,3.97957 -11.91286,-17.77885 -29.76923,-17.77885zM36.38462,99.23077c12.86899,0 23.15385,10.28486 23.15385,23.15385c0,12.86899 -10.28485,23.15385 -23.15385,23.15385c-12.86899,0 -23.15385,-10.28485 -23.15385,-23.15385c0,-12.86899 10.28486,-23.15385 23.15385,-23.15385zM135.61538,99.23077c12.86899,0 23.15385,10.28486 23.15385,23.15385c0,12.86899 -10.28485,23.15385 -23.15385,23.15385c-12.86899,0 -23.15385,-10.28485 -23.15385,-23.15385c0,-12.86899 10.28486,-23.15385 23.15385,-23.15385z"></path></g>
</svg>
</div>
<h3>DÉCOUVERTES</h3>
<span>Découvrez ou redécouvrez les quartiers de la ville</span>
</a>
<a href="parcour.html" 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">
<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>THÉMATIQUES</h3>
<span>Explorez Lyon au travers d'un thème précis</span>
</a>
<a href="parcour.html" 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">
<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>
</div>
</section>
<section id="qui">
<div class="background-image">
</div>
<div class="section">
<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>
</div>
</section>
<section id="contact">
<div class="background-image">
</div>
<div class="section">
<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="Nom *" 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="Objet" data-aid="subjectField">
<textarea name="Message" placeholder="Message" data-aid="messageField" id="comp-ifqyiqxmfieldMessage"></textarea>
</div>
</div>
<input type="submit" value ="Envoyer"/>
</form>
</div>
</section>
</main>
<footer>
</footer>
</body>
</html>