ajout readme

main
visiteur 3 months ago
parent c10d7ec74a
commit 97e0943ca0

@ -0,0 +1,151 @@
<!DOCTYPE html>
<html lang="en">
<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>
<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>
<section class="section">
<EM>
<p class="title3">Contact</p>
</EM>
</section>
<section class="column is-two-thirds is-vcentered">
<div class="box" style="margin-left: 450px;">
<article class="media">
<div class="media-left">
<figure class="image is-64x64">
<img src="img/Capture décran du 2024-06-28 14-27-32.png" alt="Image" />
</figure>
</div>
<div class="media-content">
<div class="content">
<p>
<b> <p class="pb-2"> Nous contacter </p>
<p class="pb-2"Email> Bubble750@gmail.com </p>
<p class="pb-2">Tél:0648943850</p>
</b>
</p>
</div>
<nav class="level is-mobile">
<div class="level-left">
<a class="level-item" aria-label="reply">
<span class="icon is-small">
<i class="fas fa-reply" aria-hidden="true"></i>
</span>
</a>
<a class="level-item" aria-label="retweet">
<span class="icon is-small">
<i class="fas fa-retweet" aria-hidden="true"></i>
</span>
</a>
<a class="level-item" aria-label="like">
<span class="icon is-small">
<i class="fas fa-heart" aria-hidden="true"></i>
</span>
</a>
</div>
</nav>
</div>
</article>
</div>
</section>
<section class="column is-two-thirds is-vcentered">
<form class="box" style="margin-left: 450px;">
<div class="field">
<label class="label">Nom</label>
<div class="control">
<input class="input" type="text" placeholder="Entrez votre nom" />
</div>
</div>
<div class="field">
<label class="label">Prénom</label>
<div class="control">
<input class="input" type="text" placeholder="Entrez votre prénom" />
</div>
</div>
<div class="field">
<label class="label">Email</label>
<div class="control">
<input class="input" type="email" placeholder="e.g. alex@example.com" />
</div>
</div>
<div class="field">
<label class="label">Commentaire</label>
<div class="control">
<textarea class="textarea" placeholder="Laissez votre commentaire ici"></textarea>
</div>
</div>
<button class="button is-primary">Envoyer</button>
</form>
</section>
</body>
</html>

@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<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>
<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>
<section class="section">
<em>
<p class="title3">Votre guide</p>
</EM>
</section>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 368 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 283 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 432 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 275 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 582 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 242 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 406 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 392 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 313 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 249 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 219 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

@ -0,0 +1,258 @@
<!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>

@ -0,0 +1,142 @@
<!DOCTYPE html>
<html lang="en">
<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>
<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>
<section class="section">
<em>
<p class="title3">Le parcours</p>
</EM>
</section>
<section id="etape1" class="section container">
<span class="etapes p-1">Etape 1</span>
<h2 class="my-h2 mb-4">Bubble thé du Louvre</h2>
<div class="columns">
<div class="column is-one-third is-vcentered">
<img src="img/lvre.png" class="bd-notification is-primary">
</div>
<div class="column is-two-thirds is-vcentered">
<p class="pb-2">YiYun Bubble Tea est devenu un lieu prisé pour les amateurs de bubble tea dans la capitale française. Niché dans un quartier historique et animé, cet établissement offre une fusion unique de saveurs traditionnelles et modernes, attirant tant les locaux que les touristes.</p>
<p class="pb-2">À proximité du Louvre et d'autres attractions majeures, en fait une halte idéale pour ceux qui souhaitent se rafraîchir avec une boisson de qualité après une journée de visites. Le salon se distingue par son ambiance accueillante et son service attentif, créant une expérience client mémorable.</p>
<p class="pb-2">Le menu diversifié de YiYun Bubble Tea propose une large gamme de thés aux perles, allant des classiques aux créations plus innovantes, répondant ainsi à tous les goûts. La qualité des ingrédients utilisés et le soin apporté à la préparation de chaque boisson sont des marques de fabrique de l'établissement.YiYun Bubble allie parfaitement tradition et modernité, offrant une expérience culinaire raffinée dans un cadre charmant. </p>
</div>
</div>
</section>
<section id="etape2" class="section container">
<span class="etapes p-1">Etape 2</span>
<h2 class="my-h2 mb-4">Bubble thé du marais</h2>
<div class="columns">
<div class="column is-one-third is-vcentered">
<img src="img/maraiiis.png" class="bd-notification is-primary">
</div>
<div class="column is-two-thirds is-vcentered">
<p class="pb-2"> Situé au cœur de Paris, Bubbolitas se distingue comme un incontournable pour les amateurs de bubble tea et de douceurs exotiques. Son emplacement stratégique dans l'un des quartiers les plus vibrants de la capitale ajoute à son charme unique.</p>
<p class="pb-2"> Chez Bubbolitas, chaque visite est une promesse de découverte gustative grâce à une large gamme de boissons et de desserts innovants qui raviront les palais les plus exigeants. L'ambiance chaleureuse et conviviale du lieu invite à la détente, faisant de chaque pause gourmande une véritable évasion.</p>
Que ce soit pour une rencontre entre amis, un moment de détente en solo ou une sortie en famille, Bubbolitas est l'endroit idéal pour savourer des délices inoubliables.
</p>
</div>
</div>
</section>
<section id="etape3" class="section container">
<span class="etapes p-1">Etape 3</span>
<h2 class="my-h2 mb-4">Bubble thé de Montmarte</h2>
<div class="columns">
<div class="column is-one-third is-vcentered">
<img src="img/montmartree.png" alt="" class="bd-notification is-primary">
</div>
<div class="column is-two-thirds is-vcentered">
<p class="pb-2"> Bubbolitas n'est pas simplement un endroit où l'on se désaltère, mais une véritable expérience sensorielle. Dans cet écrin urbain, chaque gorgée de bubble tea devient une aventure, chaque bouchée un voyage exotique. Bubbolitas transcende le simple plaisir gustatif pour offrir un moment de magie à ses visiteurs, où les saveurs se mêlent harmonieusement dans une explosion de couleurs et de textures. </p>
<p class="pb-2"> L'ambiance chaleureuse et artistique de ce lieu unique appelle à l'évasion et à la créativité, transformant une simple pause en une épopée mémorable. Que vous soyez un connaisseur de longue date ou un explorateur curieux, Bubbolitas promet une escapade inoubliable au cœur de Paris, où chaque visite se termine avec le désir irrésistible d'y revenir.</p>
</div>
</div>
</section>
<section id="etape4" class="section container">
<span class="etapes p-1">Etape 4</span>
<h2 class="my-h2 mb-4">Bubble thé des Champs-élysée</h2>
<div class="columns">
<div class="column is-one-third is-vcentered">
<img src="img/champss.jpg" alt="" class="bd-notification is-primary">
</div>
<div class="column is-two-thirds is-vcentered">
<p class="pb-2"> Une destination de choix pour les amateurs de bubble tea cherchant une pause gourmande dans l'une des avenues les plus emblématiques de Paris. Ce salon de thé attire une clientèle diverse grâce à sa large gamme de boissons innovantes, allant des classiques thés au lait aux créations plus exotiques et fruitées. </p>
<p class="pb-2"> Les clients apprécient particulièrement l'expérience personnalisée offerte par le Bubble Shop. Chaque boisson peut être adaptée selon les préférences individuelles, avec des options pour ajuster le niveau de sucre, la quantité de glace, et le choix des perles ou autres garnitures. La qualité des ingrédients et la fraîcheur des produits sont souvent mises en avant dans les avis, contribuant à la renommée du lieu. </p>
<p class="pb-2"> L'emplacement prestigieux sur les Champs-Élysées ajoute une dimension unique à la visite, permettant aux clients de profiter de leur boisson tout en se promenant le long de cette célèbre avenue parisienne. L'ambiance moderne et élégante du salon, combinée à un service efficace et aimable, renforce l'attrait du Bubble Shop. </p>
</p>
</div>
</div>
</section>
</body>
</html>

@ -0,0 +1,75 @@
.navbar{
background-color: lightpink;
}
body{
background-color: antiquewhite;
}
.hero{
background-image: url(img/35746_with\ bubble\ _xl-1024-v1-0.png);
}
.hero{
background-color: aliceblue;
}
.hero{
background-size: 1366px;
width: 500;
}
.my-big-title{
text-align: center;
font-size: 2rem;
font-weight: 700;
color: black;
background-color: #ffb6c1b0;
border-radius: 10px;
}
.hero {
width: 1366px;
height: 510px;
}
.my-hero-body {
padding-top: 205px !important;
}
.title1{
text-align: center;
font-size: 2rem;
font-weight: 700;
color: black;
background-color: #ffb6c1b0;
border-radius: 10px;
}
.title3{
text-align: center;
font-size: 5rem;
font-weight: 400;
color:hsla(0, 0%, 0%, 0.993);
border-radius: 10px;
}
.hero3-body h2
{
font-size: 50px !important;
}
.my-h2{
font-size: 3rem;
}
.etapes {
background-color: #ffb6c1b0;
color:white;
}
.box{
background-color: antiquewhite;
}
Loading…
Cancel
Save