|
|
<!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"> Contacte </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> |