forked from yannick-cousin/First-Project
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathresidentes.html
More file actions
152 lines (140 loc) · 7.88 KB
/
residentes.html
File metadata and controls
152 lines (140 loc) · 7.88 KB
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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!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">
<script type="text/javascript" src="script/starter.js"></script>
<link href="css/style.css" rel="stylesheet">
<link href="css/residentes.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="shortcut icon" type="image/png" href="img/chickenIco.png"/>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;600&display=swap" rel="stylesheet">
<title>Nos résidentes - La ferme des Cocottes Parisiennes</title>
</head>
<body class="light">
<header>
<div w3-include-html="navbar.html"></div>
<script>
includeHTML();
</script>
</header>
<div class="darkMode">Nuit</div>
<div class="lespoules">
<div class="poules__container">
<img class="poulettesMobile" src=".\img\poulet1Mobile.jpg" alt="Image poulet 1">
<p class="poule__contenuMobile">Nicole</p>
<div class="derriereMobile">Voici Nicole, cette poule est une grande dormeuse mais le contact avec les clients ne la dérange pas.</div>
<div class="flipChicken">
<img class="poulettes" src=".\img\poulet1.jpg" alt="Image poulet 1">
<div class="derriere">Voici Nicole, cette poule est une grande dormeuse mais le contact avec les clients ne la dérange pas.</div>
</div>
<div class="poules__bio">
<p class="poule__contenu">Nicole</p>
<p class="poule__desc">lorem ipsum</p>
</div>
<button class="btn" onclick="lesPoules(Nicole);resetChat();">CotCot</button>
</div>
<div class="poules__container">
<img class="poulettesMobile" src=".\img\poulet2Mobile.jpg" alt="Image poulet 1">
<p class="poule__contenuMobile">Sabrina</p>
<div class="derriereMobile">Sabrina est la grande bavarde de notre bar à poule, tout le temps à discuter des différents potins avec Christelle.</div>
<div class="flipChicken">
<img class="poulettes" src=".\img\poulet2.jpg" alt="Image poulet 1">
<div class="derriere">Sabrina est la grande bavarde de notre bar à poule, tout le temps à discuter des différents potins avec Christelle.</div>
</div>
<div class="poules__bio">
<p class="poule__contenu">Sabrina</p>
<p class="poule__desc">lorem ipsum </p>
</div>
<button class="btn" onclick="lesPoules(Sabrina);resetChat();">CotCot</button>
</div>
<div class="poules__container">
<img class="poulettesMobile" src=".\img\poulet3Mobile.jpg" alt="Image poulet 1">
<p class="poule__contenuMobile">Eleonor</p>
<div class="derriereMobile">Eleonor est une poule qui nous a rejoins récemment car elle provenait d'une ferme qui à malheureusement fermée.</div>
<div class="flipChicken">
<img class="poulettes" src=".\img\poulet3.jpg" alt="Image poulet 1">
<div class="derriere">Eleonor est une poule qui nous a rejoins récemment car elle provenait d'une ferme qui à malheureusement fermée.</div>
</div>
<div class="poules__bio">
<p class="poule__contenu">Eleonor</p>
<p class="poule__desc">lorem ipsum </p>
</div>
<button class="btn" onclick="lesPoules(Eleonor);resetChat();">CotCot</button>
</div>
<div class="poules__container">
<img class="poulettesMobile" src=".\img\pouletectMobile.jpg" alt="Image poulet 1">
<p class="poule__contenuMobile">Christelle</p>
<div class="derriereMobile">Christelle est la grande amie de notre Eleonor national, elle est tout le temps entrain de papoter.</div>
<div class="flipChicken">
<img class="poulettes" src=".\img\pouletect.jpg" alt="Image poulet 1">
<div class="derriere">Christelle est la grande amie de notre Eleonor national, elle est tout le temps entrain de papoter.</div>
</div>
<div class="poules__bio">
<p class="poule__contenu">Christelle</p>
<p class="poule__desc">lorem ipsum </p>
</div>
<button class="btn" onclick="lesPoules(Christelle);resetChat();" >CotCot</button>
</div>
<div class="poules__container">
<img class="poulettesMobile" src=".\img\poulet5Mobile.jpg" alt="Image poulet 1">
<p class="poule__contenuMobile">Mystic</p>
<div class="derriereMobile">Comme son nom l'indique cette poule est mystique au seins de notre bar, par son caractere et son allure elle est LA poule à venir visiter.</div>
<div class="flipChicken">
<img class="poulettes" src=".\img\poulet5.jpg" alt="Image poulet 1">
<div class="derriere">Comme son nom l'indique cette poule est mystique au seins de notre bar, par son caractere et son allure elle est LA poule à venir visiter.</div>
</div>
<div class="poules__bio">
<p class="poule__contenu">Mystic</p>
<p class="poule__desc">lorem ipsum </p>
</div>
<button class="btn" onclick="lesPoules(Mystic)">CotCot</button>
</div>
<div class="poules__container">
<img class="poulettesMobile" src=".\img\poulet6Mobile.jpg" alt="Image poulet 1">
<p class="poule__contenuMobile">Edith</p>
<div class="derriereMobile">Edith est une poule discrete mais qui sait faire ressortir son fort caractère et remettre à sa place ses colocataires ou même certains clients.</div>
<div class="flipChicken">
<img class="poulettes" src=".\img\poulet6.jpg" alt="Image poulet 1">
<div class="derriere">Edith est une poule discrete mais qui sait faire ressortir son fort caractère et remettre à sa place ses colocataires ou même certains clients.</div>
</div>
<div class="poules__bio">
<p class="poule__contenu">Edith</p>
<p class="poule__desc">lorem ipsum </p>
</div>
<button class="btn" onclick="lesPoules(Edith);resetChat();">CotCot</button>
</div>
<div class="poules__container">
<img class="poulettesMobile" src=".\img\coq2Mobile.jpg" alt="Image poulet 1">
<p class="poule__contenuMobile">Georges</p>
<div class="derriereMobile">Georges est la force tranquille de notre bar, il est convivial et ne fais jamais d'histoire, c'est clairement le mal dominant.</div>
<div class="flipChicken">
<img class="poulettes" src=".\img\coq2.jpg" alt="Image poulet 1">
<div class="derriere">Georges est la force tranquille de notre bar, il est convivial et ne fais jamais d'histoire, c'est clairement le mal dominant.</div>
</div>
<div class="poules__bio">
<p class="poule__contenu">Georges</p>
<p class="poule__desc">lorem ipsum </p>
</div>
<br>
<button class="btn" onclick="lesPoules(Georges);resetChat();">CotCot</button>
</div>
<div class="poules__popup-container">
<h2 class="poules__popup-title">Discussion</h2>
<div class="poules__popup-message">
<input id="input" class="inputChatPoules" type="text" placeholder="" autocomplete="off"/>
</div>
<button class="btn btnFermerChat" onclick="fermerLesPoules()">Quitter</button>
</div>
</div>
<!-- FOOTER -->
<div w3-include-html="footer.html"></div>
<script>
includeHTML();
</script>
<script src="script/darkMode.js"></script>
<script src="/script/residentes.js"></script>
</body>
</html>