-
Notifications
You must be signed in to change notification settings - Fork 0
/
BlueNote3.html
129 lines (104 loc) · 5.25 KB
/
BlueNote3.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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="BlueNote3.css" media="all" />
<link rel="icon" type="image/png" href="img/Logo.png" />
<title>BlueNote - Music Bar</title>
</head>
<body id="haut">
<div id="bouton_haut">
<a href="BlueNote3.html#haut">
<img src="img/fleche_vers_haut.png" alt="Remonter en haut de page">
</a>
</div>
<div id="ordre">
<nav>
<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>
<marquee behavior="scroll" scrollamount="10" loop=0 >
<img src="img/tacos-1613795_1920.jpg" alt="Plat mexicain"/>
<img src="img/brasil.jpg" alt="Plat brésilien"/>
<img src="img/521c8e782e15ac062816229e9e390f68.jpg" alt="Plat français"/>
</marquee>
</div>
<div id="page_principale">
<div id="plats">
<div class="contenue">
<section id="top_plats">
<h2>Plats mis en avant</h2>
<article class="mostimp">
<h3>Le tacos mieux qu'Otacos !</h3>
<div class="paraimp">
<img src="img/tacos-1613795_1920.jpg" alt="Miam"/>
<p>Ce tacos délicatement préparer par le chef saura éveiller vos sens pourvous transporter au pays du tacos : le Mexique !</p>
</div>
</article>
<div class="little">
<article class="norm">
<h3>Le pays du football</h3>
<p>Ce plat est pour les plus footeux d'entre vous. C'est un plat 5 étoiles, oui, comme la palmares du Brésil en coupe du monde !</p>
<img src="img/brasil.jpg" alt="Miam"/>
</article>
<article class="norm">
<h3>La patrie de la gastronomie</h3>
<p>Et oui, on n'allait tout de même pas oublier notre pays, reconnu mondialement pour sa gastronomie pareil à nul autre. Notre plats saura faire honneur à son pays : la France !</p>
<img src="img/521c8e782e15ac062816229e9e390f68.jpg" alt="Miam"/>
</article>
</div>
</section>
</div>
<div class="complementaire">
<script id="cid0020000208565412644" data-cfasync="false" async src="//st.chatango.com/js/gz/emb.js" style="width: 100%;height: 100%;">{"handle":"bluenotemessage","arch":"js","styles":{"a":"0084ef","b":68,"c":"FFFFFF","d":"FFFFFF","f":63,"i":63,"k":"0084ef","l":"0084ef","m":"0084ef","n":"FFFFFF","o":63,"p":"10","q":"0084ef","r":68,"usricon":0.81,"cnrs":"1"}}</script>
</div>
</div>
<div id="artistes">
<div class="contenue">
<section id="top_artistes">
<h2>Artistes vedettes</h2>
<article class="mostimp">
<h3>Jazz on BlueNote</h3>
<div class="paraimp">
<img src="img/actu_qui/image1.jpg" alt="Feel the groove baby !"/>
<p>Ce chanteur de jazz connu dans le milieu vient régulièrement nous offrir ses prestation hors du commun. Venez partager avec nous ces moments de pur bonheur auditif. Pour prendre connaissance des dates, direction notre page <a href="artistes.html">artistes</a> !</p>
</div>
</article>
<div class="little">
<article class="norm">
<h3>La Coré à l'honneur</h3>
<p>Venez découvrir ce jeune groupe coréen qui commence à faire parler de lui. Rendez vous sur notre page <a href="artistes.html">artistes</a> pour plus d'informations</p>
<img src="img/actu_qui/Jizue.jpg" alt="Miam"/>
</article>
<article class="norm">
<h3>Une voix, un piano...</h3>
<p>Cette artiste venu tout droit de Londre vous fera voyagé au moyen de sa douce voix et de son piano. Finir votre soirée sur une touche appaisante, quoi de mieux ! Direction notre page <a href="artistes.html">artistes</a> pour la découvrir.</p>
<img src="img/actu_qui/norah.jpg" alt="Miam"/>
</article>
</div>
</section>
</div>
<div id="spotify">
<iframe src="https://open.spotify.com/embed/album/1DFixLWuPkv3KT3TnV35m3" width="320" height="600" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<footer>
<div class="lien">
</div>
</footer>
</body>