110 lines
5.1 KiB
HTML
110 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<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/parcour.css"/>
|
||
<meta charset="utf-8"/>
|
||
</head>
|
||
|
||
<body>
|
||
<header>
|
||
</header>
|
||
|
||
<nav>
|
||
<div>
|
||
<ul>
|
||
<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=""><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>
|
||
</ul>
|
||
<ol>
|
||
<li><a href="index.html">Accueil</a></li>
|
||
<li><a href="#qui">Qui sommes nous ?</a></li>
|
||
<li><a href="#contact">Contact</a></li>
|
||
</ol>
|
||
</div>
|
||
</nav>
|
||
|
||
<main>
|
||
<div id="nav">
|
||
<button><h3>DECOUVERTES</h3></button>
|
||
<button><h3>THEMATIQUES</h3></button>
|
||
<button><h3>LUDIQUES</h3></button>
|
||
</div>
|
||
<div id="parcours">
|
||
<div class="parcour">
|
||
<img src="" data-type="image" itemprop="image" alt="parcour_img">
|
||
<div>
|
||
<h4>title</h4>
|
||
<div>Accroche 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</div>
|
||
<div class="reserv_button">
|
||
<button>participer à une sortie</button>
|
||
<button>demander un guide pour ce parcours</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="parcour">
|
||
<img src="" data-type="image" itemprop="image" alt="parcour_img">
|
||
<div>
|
||
<h4>title</h4>
|
||
<div>Accroche 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</div>
|
||
<div class="reserv_button">
|
||
<button>participer à une sortie</button>
|
||
<button>demander un guide pour ce parcours</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="parcour">
|
||
<img src="" data-type="image" itemprop="image" alt="parcour_img">
|
||
<div>
|
||
<h4>title</h4>
|
||
<div>Accroche 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</div>
|
||
<div class="reserv_button">
|
||
<button>participer à une sortie</button>
|
||
<button>demander un guide pour ce parcours</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="parcour">
|
||
<img src="" data-type="image" itemprop="image" alt="parcour_img">
|
||
<div>
|
||
<h4>title</h4>
|
||
<div>Accroche 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</div>
|
||
<div class="reserv_button">
|
||
<button>participer à une sortie</button>
|
||
<button>demander un guide pour ce parcours</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="parcour">
|
||
<img src="" data-type="image" itemprop="image" alt="parcour_img">
|
||
<div>
|
||
<h4>title</h4>
|
||
<div>Accroche 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</div>
|
||
<div class="reserv_button">
|
||
<button>participer à une sortie</button>
|
||
<button>demander un guide pour ce parcours</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<div id="pop_up_reserv">
|
||
<h4>attention, c pa un reserv omg</h4>
|
||
<form>
|
||
<label>truc</label>
|
||
<input type="text" required="" aria-invalid="false" name="Name" value="" class="cf2_required" placeholder="Name *" data-aid="nameField">
|
||
<label>truc</label>
|
||
<input type="text" required="" aria-invalid="false" name="Email" value="" class="cf2_required" placeholder="Email *" data-aid="emailField">
|
||
<label>truc</label>
|
||
<input type="text" aria-invalid="false" name="Subject" value="" class="" placeholder="Subject" data-aid="subjectField">
|
||
<label>truc</label>
|
||
<textarea name="Message" placeholder="Message" data-aid="messageField" id="comp-ifqyiqxmfieldMessage"></textarea>
|
||
</form>
|
||
</div>
|
||
<footer>
|
||
</footer>
|
||
</body>
|
||
</html>
|