-
Notifications
You must be signed in to change notification settings - Fork 0
/
nos_plats.html
61 lines (56 loc) · 2.3 KB
/
nos_plats.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html> <!-- spécifie que le language utilisé est du html -->
<html> <!-- représente toute la page web -->
<head>
<title>Nos Plats</title> <!-- titre qui va s'afficher sur l'onglet -->
<meta charset="utf-8"> <!-- permet d'afficher les caractères spéciaux
comme les accents -->
<link rel="stylesheet" href="nos_plats.css"/>
<link rel="icon" type="image/png" href="img/Logo.png" />
</head>
<body> <!-- tout le contenue visible de la page -->
<nav id="navbar">
<ul>
<li><a href="BlueNote3.html">Accueil</a></li>
<li><a href="nos_plats.html">Nos Plats</a></li>
<li><a href="artistes.html">Artistes</a></li>
<li><a href="qui_sommes_nous.html">Qui sommes-nous ?</a></li>
<li><a href="reservation.html" title="Espace VIP">Réservation</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
</ul>
</nav>
<div id="spacenav">
</div>
<header>
<a id='logo' href="BlueNote3.html"title="Retour à la case départ !"><img src="img/Logo.png" alt="BlueNote"/></a>
<div id="message">
<h1 id='titre'>BlueNote - Music/Bar</h1>
</div>
</header>
<section id="un">
<p> <!-- texte-->
Révéillez vos papilles avec de nouvelles saveurs venue du monde entier.
<br/> Afin que chaque plat devienne pour vous...
<br/> une nouvelle <em>destination </em>.
<br/> Vous faire plaisir est <em>notre</em> plaisir !
<br/> Laissez vous donc embarquer !
</p>
<h1>Voyager gustativement</h1> <!-- titre le plus important -->
<!-- peut aller jusqu'à h6 -->
<!-- On a le droit qu'à un élément h1 par page>
<!-- h vient de l'anglais heading-->
</section>
<nav id="bouton">
<p>
VOIR CARTE COMPLETE
</p>
</nav>
<br/>
<nav id="image">
<a href="afrique.html"><img src="img/afrique.jpg" alt="Afrique" width="500" height="300" title="Afrique"</a>
<a href="amerique.html"><img src="img/amerique.jpg" alt="Amerique" width="500" height="300" title="Amérique"/></a>
<br/>
<a href="asie.html"><img src="img/asie.jpg" alt="Asie" width="500" height="300" title="Asie"/></a>
<a href="europe.html"><img src="img/europe.jpg" alt="Europe" width="500" height="300" title="Europe"/></a>
</nav>
</body>
</html>