|
|
<!DOCTYPE html>
|
|
|
<html lang="fr">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>VisitemyParis-bubbletea</title>
|
|
|
|
|
|
<link
|
|
|
rel="stylesheet"
|
|
|
href="https://cdn.jsdelivr.net/npm/bulma@1.0.1/css/bulma.min.css"
|
|
|
>
|
|
|
<link
|
|
|
rel="stylesheet"
|
|
|
href="styles.css">
|
|
|
|
|
|
<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=Dancing+Script:wght@400..700&display=swap" rel="stylesheet">
|
|
|
|
|
|
</head>
|
|
|
<body>
|
|
|
|
|
|
<!--debut navbar-->
|
|
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
|
|
<div class="navbar-brand">
|
|
|
<a class="navbar-item" href="index.html">
|
|
|
<img src="img/text1.png" alt="logo-visitemyparis">
|
|
|
</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">
|
|
|
Votre parcours
|
|
|
</a>
|
|
|
|
|
|
<a class="navbar-item" href="guide.html">
|
|
|
Votre guide
|
|
|
</a>
|
|
|
|
|
|
|
|
|
<a class="navbar-item" href="contact.html">
|
|
|
Contact
|
|
|
</a>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
|
|
<!--fin navbar-->
|
|
|
|
|
|
<section class="hero is-medium">
|
|
|
<div class="hero-body my-hero-body">
|
|
|
<h1 class="my-big-title">"Bienvenue sur notre site ! Découvrez les meilleures adresses et bons plans pour savourer les délicieux bubble teas de Paris."</h2>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<section class="section">
|
|
|
<h1 class="title1">Parcours</h1>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
<div class="columns">
|
|
|
<div class="column bggrey">
|
|
|
|
|
|
<div class="card">
|
|
|
<div class="card-image">
|
|
|
<figure class="image is-3by3">
|
|
|
<img
|
|
|
src="img/louvree.png"
|
|
|
alt="Bubble tea au louvre"
|
|
|
/>
|
|
|
</figure>
|
|
|
</div>
|
|
|
<div class="card-content">
|
|
|
<div class="media">
|
|
|
<div class="media-left">
|
|
|
<figure class="image is-48x48">
|
|
|
<img
|
|
|
src="img/bubble-tea-pearl-milk-tea-boba-tea-milk-gift-klistremerke.jpg"
|
|
|
alt="image bubble thé"
|
|
|
/>
|
|
|
</figure>
|
|
|
</div>
|
|
|
<div class="media-content">
|
|
|
<a class="title is-4" href="parcours.html">Le louvre</a>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="content">
|
|
|
<h4> YiYun Bubble Tea </h4>
|
|
|
<p> 13 rue Thérèse, 75001 </p>
|
|
|
<p> Ouvert 7j/7j de 11H30 a 23H30 </p>
|
|
|
|
|
|
<span class="etapes p-1">Etape 1</span>
|
|
|
|
|
|
<br />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="column bggrey">
|
|
|
|
|
|
<div class="card">
|
|
|
<div class="card-image">
|
|
|
<figure class="image is-3.5by3">
|
|
|
<img
|
|
|
src="img/Capture d’écran du 2024-07-02 11-54-41.png"
|
|
|
alt="image bubble the au marais"
|
|
|
/>
|
|
|
</figure>
|
|
|
</div>
|
|
|
<div class="card-content">
|
|
|
<div class="media">
|
|
|
<div class="media-left">
|
|
|
<figure class="image is-48x48">
|
|
|
<img
|
|
|
src="img/bubble-tea-pearl-milk-tea-boba-tea-milk-gift-klistremerke.jpg"
|
|
|
alt="image bubble thé"
|
|
|
/>
|
|
|
</figure>
|
|
|
</div>
|
|
|
<div class="media-content">
|
|
|
<a class="title is-4" href="parcours.html">Le marais</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="content">
|
|
|
<h4> Bubbolitas </h4>
|
|
|
<p> 17 rue quincampoix, 75004 Paris </p>
|
|
|
<p> Ouvert 7j/7j de 12h30 à 20h </p>
|
|
|
|
|
|
<span class="etapes p-1">Etape 2</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<br />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="column bggrey">
|
|
|
|
|
|
<div class="card">
|
|
|
<div class="card-image">
|
|
|
<figure class="image is-3.5by3">
|
|
|
<img
|
|
|
src="img/Capture d’écran du 2024-07-02 11-28-58.png"
|
|
|
alt="image de bubble tea a montmarte"
|
|
|
/>
|
|
|
</figure>
|
|
|
</div>
|
|
|
<div class="card-content">
|
|
|
<div class="media">
|
|
|
<div class="media-left">
|
|
|
<figure class="image is-48x48">
|
|
|
<img
|
|
|
src="img/bubble-tea-pearl-milk-tea-boba-tea-milk-gift-klistremerke.jpg"
|
|
|
alt="image bubble thé"
|
|
|
/>
|
|
|
</figure>
|
|
|
</div>
|
|
|
<div class="media-content">
|
|
|
<a class="title is-4" href="parcours.html">Montmarte</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="content">
|
|
|
<h4> Ô Bubble </h4>
|
|
|
<p> 47 bis Rue d'Orsel, 75018 Paris </p>
|
|
|
<p> Ouvert 7j/7j de 12h30 à 19h30 </p>
|
|
|
|
|
|
<span class="etapes p-1">Etape 3</span>
|
|
|
<br />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="column bggrey">
|
|
|
|
|
|
<div class="card">
|
|
|
<div class="card-image">
|
|
|
<figure class="image is-3by3">
|
|
|
<img
|
|
|
src="img/buble tea champs.png"
|
|
|
alt="image de bubble tea au champs-élysée"
|
|
|
/>
|
|
|
</figure>
|
|
|
</div>
|
|
|
<div class="card-content">
|
|
|
<div class="media">
|
|
|
<div class="media-left">
|
|
|
<figure class="image is-48x48">
|
|
|
<img
|
|
|
src="img/bubble-tea-pearl-milk-tea-boba-tea-milk-gift-klistremerke.jpg"
|
|
|
alt="image bubble thé"
|
|
|
/>
|
|
|
</figure>
|
|
|
</div>
|
|
|
<div class="media-content">
|
|
|
<a class="title is-4" href="parcours.html">Champs-Élysées</a>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="content">
|
|
|
<h4> bubble shop </h4>
|
|
|
<p> 4 avenue des champs-élysées </p>
|
|
|
<p> Ouvert 7j/7j de 12h à 19h </p>
|
|
|
|
|
|
<span class="etapes p-1">Etape 4</span>
|
|
|
<br />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<button class="button" style="margin-left: 600px;">
|
|
|
<a href="img/flyer.jpg">télecharger le flyer</a>
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
</html> |