You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

264 lines
7.3 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Visitemyparis-Paris14 </title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playwrite+ES+Deco:wght@100..400&display=swap" rel="stylesheet">
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bulma@1.0.1/css/bulma.min.css"
>
<link
rel="stylesheet"
href="style.css">
</head>
<body>
<!--navbar-->
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="index.html">
<img src="img/logo.jpg">
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="parcours.html">
Le Parcours
</a>
<a class="navbar-item" href="votreguide.html">
Votre Guide
</a>
<a class="navbar-item" href="contact.html">
Contact
</a>
</div>
<div>
</div>
</nav>
<!--fin navbar-->
<!--hero section-->
<section class="hero is-medium is-link">
<div class="hero-body">
<p class="my-big-title">MY PARIS 14</p>
</div>
</section>
<!--fin hero section -->
<!--section2-->
<section class="section is-medium">
<h1 class="title"></h1>
<h2 class="subtitle">
<strong> A la decouverte des 4 merveilles de Paris 14 </strong>
</h2>
<h3>Le XIVe arrondissement de paris est l'un des vinght arrondissement de de la capitale
française. Elle est située sur la rive gauche de la seine, dans le sud de la ville.
On y retrouve le parc montsouris, la place denfert rochereau,la musée Jean-Moulin et
le theatre de la gaité
</h3>
</section>
<!--fin section2-->
<!--sction column-->
<div class="columns">
<div class="column">
<div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img
src="img/denfert.jpg"
alt="Placeholder image"
/>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img
src="https://bulma.io/assets/images/placeholders/1280x960.png"
alt="Placeholder image"
/>
</figure>
</div>
<div class="media-content">
<p class="title is-4"> Place denfert rochereau</p>
<p class="subtitle is-6"> @Etape 1</p>
</div>
</div>
<div class="content">
La place Denfert-Rochereau est une place située dans le 14e arrondissement de Paris,
en France. Elle tient son nom de l'officier militaire Pierre Philippe
Denfert-Rochereau, qui a défendu la ville de Belfort pendant le siège de 1870.
<a>@bulmaio</a>. <a href="#">#css</a>
<a href="#">#paris14</a>
<br />
</div>
</div>
</div>
</div>
<div class="column"> <div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img
src="img/parcmonsourids.JPG"
alt="Placeholder image"
/>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img
src="https://bulma.io/assets/images/placeholders/1280x960.png"
alt="Placeholder image"
/>
</figure>
</div>
<div class="media-content">
<p class="title is-4">Parc montsouris </p>
<p class="subtitle is-6"> @Etape 2 </p>
</div>
</div>
<div class="content">
Le parc Montsouris est un vaste espace vert situé dans le 14ème arrondissement de Paris.
l s'étend sur 15 hectares et offre un cadre paisible et verdoyant en plein cœur de la ville.
Le parc Montsouris est également connu pour sa grotte artificielle et sa cascade,créant une ambiance bucolique et romantique.
<a>@bulmaio</a>. <a href="#">#css</a>
<a href="#">#paris14</a>
<br />
</div>
</div>
</div>
</div>
<div class="column"><div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img
src="img/moulin-c-photo-sniper-zeta.jpg"
alt="Placeholder image"
/>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img
src="https://bulma.io/assets/images/placeholders/1280x960.png"
alt="Placeholder image"
/>
</figure>
</div>
<div class="media-content">
<p class="title is-4">Musée Jean Moulin </p>
<p class="subtitle is-6"> @Etape 3 </p>
</div>
</div>
<div class="content">
Le musée du Général Leclerc de Hauteclocque et de la Libération de Paris - musée Jean-Moulin
était un des quatorze musées de la ville de Paris gérés depuis le
1ᵉʳ janvier 2013 par l'établissement public administratif Paris Musées.
<a>@bulmaio</a>. <a href="#">#css</a>
<a href="#">#paris14</a>
<br />
</div>
</div>
</div>
</div>
<div class="column"> <div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img
src="img/theatre-gaite-montparnasse-wikimedia.jpg"
alt="Placeholder image"
/>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img
src="https://bulma.io/assets/images/placeholders/1280x960.png"
alt="Placeholder image"
/>
</figure>
</div>
<div class="media-content">
<p class="title is-4"> Theatre De La Gaité</p>
<p class="subtitle is-6"> @Etape 4</p>
</div>
</div>
<div class="content">
Le théâtre de la Gaîté était un célèbre théâtre parisien situé dans le 14e arrondissement de la
capitale. Fondé en 1764, il a connu de nombreuses transformations au fil des années,
passant du théâtre de variétés au théâtre lyrique et à la comédie musicale.
<a>@bulmaio</a>. <a href="#">#css</a>
<a href="#">#paris14</a>
<br />
</div>
</div>
</div></div>
</div>
<section class="section has-text-centered">
<a class= "button is-medium is-warning is-dark " href="fiervisiteparis.pdf"> fier</a>
</section>
</body>
</html>