-
Notifications
You must be signed in to change notification settings - Fork 0
/
page2023.html
174 lines (160 loc) · 8.19 KB
/
page2023.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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>La parade monstrueuse</title>
<link href="css/page2023.css" type="text/css" rel="stylesheet" />
<title> La parade monstrueuse </title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"/>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script src="js/page2023.js"></script>
<script src="https://kit.fontawesome.com/56b8d626b9.js" crossorigin="anonymous"></script>
</head>
<body>
<div>
<main>
<header>
<div class="container">
<div class="tabs">
<a href="index.html" class="tab tab1">Accueil</a>
<a href="page2023.html" class="tab tab2">La Parade Monstrueuse</a>
<a href="equipe.html" class="tab tab3">Équipe</a>
</div>
</div>
</header>
<form action="" class="language-menu">
<input class="input-btn" type="radio" id="valueIs-1" name="valueIs-radio" checked="" value="valueIs-1">
<label class="neon-btn" for="valueIs-1">
<span class="span"></span>
<span class="french">Français</span>
</label>
<input class="input-btn" type="radio" id="valueIs-2" name="valueIs-radio" value="valueIs-2">
<label class="neon-btn" for="valueIs-2">
<span class="span"></span>
<span class="english">Anglais</span>
</label>
</form>
<h1 class="title">La Parade Monstrueuse </h1>
<div class="post-title">
<div class="photo-section">
<h2>Photos de l'exposition</h2>
<div class="slick-carousel">
<div><img src="src/IMG_1228.jpg"></div>
<div><img src="src/IMG_1218.jpg"></div>
<div><img src="src/IMG_1216.jpg"></div>
<div><img src="src/IMG_1217.jpg"></div>
<div><img src="src/IMG_1220.jpg"></div>
<div><img src="src/IMG_1229.jpg"></div>
<div><img src="src/IMG_1237.jpg"></div>
<div><img src="src/IMG_1250.jpg"></div>
<div><img src="src/IMG_1260.jpg"></div>
<div><img src="src/IMG_1239.jpg"></div>
<div><img src="src/IMG_1253.jpg"></div>
<div><img src="src/IMG_1257.jpg"></div>
<div><img src="src/IMG_1238.jpg"></div>
<div><img src="src/IMG_1234.jpg"></div>
<div><img src="src/IMG_1235.jpg"></div>
<div><img src="src/IMG_1227.jpg"></div>
<div><img src="src/IMG_1224.jpg"></div>
<div><img src="src/IMG_1240.jpg"></div>
<div><img src="src/IMG_1245.jpg"></div>
<div><img src="src/IMG_1248.jpg"></div>
<div><img src="src/IMG_1256.jpg"></div>
</div>
</div>
</div>
<div class="partie-droite">
<div class="recap-section">
<h2> Résumé de l'exposition </h2>
<br>
<p>La parade Monstrueuse est une exposition d'art horrifique présentant des œuvres d'artistes locaux et internationaux.<br>
L'exposition explore les thèmes de la peur, de l'horreur et du surnaturel à travers une variété de costumes, d'arrangements et de décors d'univers et de styles différents.<br>
De la science-fiction au féerique en passant par l'épique nous retrouvons aussi des sculptures, des peintures, des photographies ainsi que des vidéos des créateurs et des processus de création.<br>
Nous avons été saisis par l'ambiance sobre mais prenante.<br>
Ils ont réussi à créer un semblant d'univers pour chaque costume avec des transitions quasiment invisibles.
</p>
</div>
</div>
</main>
<div class="interview-section">
<h2 class="res_qes">Résumé du questionnaire</h2>
<p class="questions"> 1. Pouvez-vous me parler de votre organisation artistique et de ses objectifs ? <br>
2. Comment choisissez-vous les artistes que vous exposez ? <br>
3. Quelles sont les prochaines expositions prévues ? <br>
4. Comment promouvez-vous vos expositions auprès du public ? Quel campagne/démarche marketing avez-vous mis en place ? ( par exemple sur internet ou dans les journaux ou autres) <br>
5. Avez-vous des événements spéciaux ou des programmes éducatifs associés à vos expositions ? <br>
6. Comment financez-vous vos expositions/ quel est le coût ? <br>
7. Comment mesurez-vous le succès de vos expositions ? <br>
8. Y a-t-il des plans pour une collaboration avec d'autres organisations artistiques dans le futur ? <br>
9. Combien de temps cela vous a pris de mettre en place cette exposition ? <br>
10. Comment vous est venue l'idée de créer cette exposition et pourquoi? <br>
11. Quel public avez-vous voulu cibler et quel public avez-vous le plus séduit ? <br>
12. Fonctionne-t-elle mieux, moins bien, ou aussi bien que les précédentes expositions ? Pourquoi selon vous ? <br>
14. Que vouliez-vous susciter chez les visiteurs ? quel était le but? <br>
15. Combien d’exposant y avait-il pour cette exposition ? <br>
16. Comment avez-vous eu le salon ? <br>
17. Quel démarche avez-vous entrepris pour vous faire prêter les costumes ? <br>
18. Êtes-vous un particulier ou travailler vous pour une entreprise ? <br>
19. Pensez-vous que c’est plus facile d’être pris au sérieux quand on travaille dans une entreprise plutôt qu’en travaillant seule ? <br>
</p>
<div class="reponses">
<button id="myBt">Voir les réponses </button></div>
<div id="myModa" class="moda">
<div class="moda-content">
<button class="close">×</button>
<form id="contac-form">
<br>
<div class='rep'>Oups ! réponses en attente <span class="emoji"><i class="fa-regular fa-face-sad-tear"></i></span>
</div>
</form>
</div>
</div>
</div>
<footer>
<div class="footer-left">
<span class="map"><a title="Notre localisation" href="https://www.google.com/maps?q=Centre+des+arts,+12-16+rue+de+la+Lib%C3%A9ration,+95880+Enghien-les-Bains&um=1&ie=UTF-8&sa=X&ved=2ahUKEwj9yJeYvJHxAhWMCsAKHQNqBjwQ_AUoAXoECAEQAw"><i class="fa-solid fa-map-location-dot"></i></a></span></p>
</div>
<div class="footer-medium">
<p><a href="https://www.instagram.com/enghientourisme/"><span class="instagram"><i class="fa-brands fa-instagram"></i></span></a><br>
<a href="https://www.facebook.com/enghientourisme/"><span class="facebook"><i class="fa-brands fa-facebook"></i></span></a><br>
<a href="https://www.linkedin.com/company/office-de-tourisme-et-des-congr%C3%A8s-d'enghien-les-bains/"><span class="link" ><i class="fa-brands fa-linkedin"></i></span></a><br>
<a href="https://www.youtube.com/channel/UC2MFizWwmLT4Q4ckDK15r3w"><span class="youtube"><i class="fa-brands fa-youtube"></i></span></a><br></p>
</div>
<div class="footer-right">
<ul>
<li><span class="equipe" ><a title="A propos de l'équipe" href="equipe.html"><i class="fa-solid fa-person-circle-question"></i></a></span></li>
<li><button id="myBtn">
<div class="svg-wrapper-1">
<div class="svg-wrapper">
<i class="fa-regular fa-envelope"><path d="M22,15.04C22,17.23 20.24,19 18.07,19H5.93C3.76,19 2,17.23 2,15.04C2,13.07 3.43,11.44 5.31,11.14C5.28,11 5.27,10.86 5.27,10.71C5.27,9.33 6.38,8.2 7.76,8.2C8.37,8.2 8.94,8.43 9.37,8.8C10.14,7.05 11.13,5.44 13.91,5.44C17.28,5.44 18.87,8.06 18.87,10.83C18.87,10.94 18.87,11.06 18.86,11.17C20.65,11.54 22,13.13 22,15.04Z">
</path></i>
</div>
</div>
<span>Nous contacter</span>
</button></li>
<div id="myModal" class="modal">
<div class="modal-content">
<button class="button">
<span class="X"></span>
<span class="Y"></span>
</button>
<div class="container2">
<div class="heading">Envoie du message</div>
<form action="" class="form">
<input required="" class="input" type="name" name="name" id="name" placeholder="Nom">
<input required="" class="input" type="surname" name="surname" id="surname" placeholder="Prénom">
<input required="" class="input" type="email" name="email" id="email" placeholder="E-mail">
<textarea required="" class="input" type="comment" name="comment" id="comment" placeholder="Commentaire"></textarea>
<input class="send-button" type="submit" value="Envoyer">
</form>
</div>
</div>
</li>
</ul>
</div>
</footer>
</body>
</html>