WCS_FirstProject/menu.html at main · Liax/WCS_FirstProject · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" type="image/png" href="img/chickenIco.png"/>
    <link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/slideshow.css" />
		<script type="text/javascript" src="script/starter.js"></script>
		<script type="text/javascript" src="script/slideshow.js"></script>
		<title>Les Menus - La ferme des Cocottes Parisiennes</title>
</head>
<body class="light">
  <div class="darkMode">Nuit</div>
	<header>
		<div w3-include-html="navbar.html"></div>
		<script>
			includeHTML();
		</script>
	</header>

  <h1 class="menu">Le Bar à Cocottes</h1>
  <h3 class="menu2">Nous vous proposons une selection de repas et de déssert à base d'œuf pondu par nos résidentes pour les petits et les grands.</h3>
	<br>
	<!-- SLIDER SECTION -->
	<div class="general">
		<div class="slider">
			<div class="name-food">
				<h4>Nous vous proposons les plats suivants :</h4><br>
				<p>Œuf au lait et au chocolat</p>
				<p>Salade d'épinards, oeuf mollets et croûtons</p>
				<p>Omelette au chocolat</p>
				<p>Omelette à la neige au chocolat</p>
				<p>Œuf frit écossais</p>
			</div>
			<div class="slideshow">
				<div class="mySlides fade" style="display: block;">
					<img src="img/v106_123.png" alt="oeuf chocolat">
					<span>Œuf au lait et au chocolat</span>
				</div>
				<div class="mySlides fade" style="display: none;">
					<img src="img/v106_126.png" alt="Salade epinards">
					<span>Salade d'épinards, oeuf mollets et croûtons</span>
				</div>
				<div class="mySlides fade" style="display: none;">
			 		<img src="img/v106_130.png" alt="Omelette chocolat">
			 		<span>Omelette au chocolat</span>
				</div>
				<div class="mySlides fade" style="display: none;">
			 		<img src="img/v106_150.png" alt="Omelette neige">
			 		<span>Omelette à la neige au chocolat</span>
				</div>
				<div class="mySlides fade" style="display: none;">
					<img src="img/v106_154.png" alt="Oeuf frit">
			 		<span>Œuf frit écossais</span>
				</div>
			</div>
			<!-- THE PITIT POINTS -->
			<div class="petitpoints" style="text-align:center">
				<span class="dot active" onclick="currentSlide(1)"></span>
				<span class="dot" onclick="currentSlide(2)"></span>
				<span class="dot" onclick="currentSlide(3)"></span>
				<span class="dot" onclick="currentSlide(4)"></span>
				<span class="dot" onclick="currentSlide(5)"></span>
			</div>
		</div>
		<br>
		<!-- SLIDER 2 SECTION -->
		<div class="slider">
			<div class="slideshow2">
				<div class="mySlides-2 fade" style="display: block;">
					<img src="img/v71_78.jpg" alt="Lait poules">
					<span>Lait de poule</span>
				</div>
				<div class="mySlides-2 fade" style="display: none;">
					<img src="img/v91_10.jpg" alt="Vin rouge">
					<span>Sélection de vin rouge</span>
				</div>
				<div class="mySlides-2 fade" style="display: none;">
					<img src="img/v91_11.jpg" alt="Champagne">
				 	<span>Champagne</span>
				</div>
				<div class="mySlides-2 fade" style="display: none;">
					<img src="img/v91_12.jpg" alt="Thé">
					<span>Thé</span>
				</div>
				<div class="mySlides-2 fade" style="display: none;">
					<img src="img/v91_13_2.jpg" alt="Café">
			 		<span>Café</span>
				</div>
			</div>
			<div class="name-drink">
				<h4>Vous trouverez ci-dessous, une selection de boissons à notre bar à poules.</h4><br>
				<p>Lait de poulet</p>
				<p>Sélection de vin rouge</p>
				<p>Champagne</p>
				<p>Thé</p>
				<p>Café</p>
			</div>
			<!-- THE PETITS CERCLES -->
			<div class="petitscercles">
				<span class="dot-2 active" onclick="currentSlide2(1)"></span>
				<span class="dot-2" onclick="currentSlide2(2)"></span>
				<span class="dot-2" onclick="currentSlide2(3)"></span>
				<span class="dot-2" onclick="currentSlide2(4)"></span>
				<span class="dot-2" onclick="currentSlide2(5)"></span>
			</div>
		</div>
	</div>
		<br />
		<!-- FOOTER -->
		<div w3-include-html="footer.html"></div>
			<script>
				includeHTML();
			</script>
			<script src="script/darkMode.js"></script>
	</body>
</html>