-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
177 lines (163 loc) · 7.71 KB
/
contact.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
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Association des amis du Musée de la Vilaine Maritime">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<title>Association des Amis du Musée de la Vilaine Maritime</title>
</head>
<body>
<header class="row">
<nav class="navbar navbar-expand-lg navbar-dark bg-danger justify-content-between">
<a class="navbar-brand" href="index.html"></a>
<span class="navbar-text text-white">Musée de la Vilaine Maritime</span>
<!--Navbar-toggler-->
<button aria-label="button" class="btn navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarContent">
<span class="navbar-toggler-icon"></span>
</button>
<!--Begin of Navigation-->
<div class="collapse navbar-collapse text-white justify-content-between" id="navbarContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link display-6" href="index.html">Accueil</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link display-6 dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Visiter le Musée
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item display-6" href="collections.html">Les collections</a>
<a class="dropdown-item display-6" href="expositions.html">Les expositions</a>
<a class="dropdown-item display-6" href="bibliothèque.html">La bibliothèque</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link display-6" href="evenements.html">Evènements</a>
</li>
<li class="nav-item active">
<a class="nav-link display-6" tabindex="-1" href="#">Contact</a>
</li>
</ul>
<form class="form-inline ml-auto">
<div class="input-group">
<input class="form-control" type="search" placeholder="Rechercher" aria-label="Search">
<div class="input-group-append">
<button class="btn btn-danger border my-sm-0" type="submit">Rechercher</button>
</div>
</div>
</form>
</div>
</nav>
</header>
<div class="row">
<img src="Images/outils.jpg" class="img-fluid"alt="outils" />
</div>
<main class="container" id="event-ad">
<section class="row row-cols-md-2 row-cols-lg-2 pt-5 mb-5">
<section class="col">
<h2>Participer à un événement : <small class="text-muted">Les jeudis au Musée</small></h2>
<div class="card">
<img src="Images/jeudis.jfif" class="card-img-top rounded-lg" alt="jeudi au musée">
<div class="card-body">
<h5 class="card-title display-6 ">Atelier, visite, conférence-débat</h5>
<hr>
<div class="card-text d-flex">
<img src="https://img.icons8.com/ios/50/000000/home--v1.png" alt="icon-home">
<h1 class=" px-3 h4">Dans nos locaux</h1>
</div>
<div class="card-text d-flex">
<img src="https://img.icons8.com/ios/50/000000/edit--v1.png" alt="icon-calendar">
<h1 class=" px-3 h4">Tous les jeudis</h1>
</div>
<div class="card-text d-flex">
<img src="https://img.icons8.com/ios/50/000000/clock--v3.png" alt="icon-time">
<h1 class="px-3 h4">A partir de 15h30.</h1>
</div>
<p class="h5 card-text pt-3">
Les Jeudis au Musée proposent une visite guidée introductive.
Le musée de la Vilaine maritime est installé dans le Château des Basses-fosses,
hôtel particulier des XVIe et XVIIe siècles, construit à flanc de rocher par un riche dirigeant.
Vous pourrez y découvrir des collections riches de plus de 2 000 objets
qui sont autant d'images des patrimoines maritime et rural des rives de la Vilaine.
Pêche, cabotage, construction de La Couronne, histoire des ponts successifs qui enjambe la Vilaine,
costumes traditionnels sont autant de thèmes abordés.
</p>
<div class="float-end pb-2" ><!--Submit-->
<button type="submit" class="btn btn-danger btn-lg">Je participe !</button>
</div>
</div>
</div>
</section>
<section class="col">
<h2>Le coin des enfants : <small class="text-muted">Visite interactive pour enfants</small></h2>
<div class="card">
<img src="Images/enfants.jpg" class="card-img-top rounded-lg" alt="enfants">
<div class="card-body">
<h5 class="card-title display-6 ">
Petit Mouss : Guide du musée à destination
des enfants à partir de 7 ans</h5>
<hr>
<div class="d-flex">
<div class="card-img-fluid float-right">
<img src="Images/Mascotte.jpg" alt="Mascotte">
</div>
<p class=" h5 card-text pt-3">
« Petit Mouss » est un personnage fictif, qui permet aux jeunes visiteurs de voyager
à travers les siècles et les différentes salles du musée, en répondant aux différentes
questions posées par le personnage et la réalisation de différents jeux.
<br>
Le site internet de Petit Mouss permet aux plus jeunes de découvrir les collections du Musée,
les actualités liées à ce dernier et de répondre à leurs éventuels questionnement.
</p>
</div>
<div class="float-end pb-2" ><!--Submit-->
<a href="https://petitmouss.jimdofree.com/" target="_blank">
<button type="submit" class="btn btn-danger btn-lg">Site web du Petit Mouss</button></a>
</div>
</div>
</div>
</section>
</main>
<script src="js/bootstrap.bundle.js" type="text/javascript"></script>
<script src="js/jquery-3.6.0.slim.js" type="text/javascript"></script>
</body>
<footer class="row row-cols-md-6 row-cols-lg-3 bg bg-dark justify-content-between">
<div class="col-12 col-md-4 col-lg-2 d-block
p-5 navbar navbar-right ">
<a href="#" class="nav-item nav-link text-white ">Appel à témoignages</a>
<a href="#" class="nav-item nav-link text-white ">Initiatives locales</a>
<a href="#" class="nav-item nav-link text-white ">Presse et TV</a>
</div>
<div class="col-12 col-md-3 col-lg-4 text-white text-center pt-4 mt-3 ">
<h1 class="h4" >Association des Amis du<br> Musée de la Vilaine Maritime</h1>
<p>
Château des Basses Fosses<br>
6 rue du Ruicard
56130 LA ROCHE BERNARD
</p>
<p>Office de Tourisme La Roche-Bernard : 02 99 90 67 98</p>
<p><a href="mailto:[email protected]" >[email protected]</a></p>
</div>
<!--Logo section-->
<div class="col-12 col-md-6 col-lg-4">
<div class="row p-0">
<a href="https://www.laroche-bernard.com/"><img src="Images/logo-larochebernard.jpg" class="img-fluid pt-1" alt="logo_roche-bernard"></a>
</div>
<div class="row d-lg-inline-flex">
<div class="col col-md-8 col-lg-8">
<a href="https://www.arc-sud-bretagne.fr/"><img src="Images/arc-su-bretagne_logo.png" class="img-fluid pb-2" alt="logo_arc-sud-bretagne"></a>
</div>
<div class="col col-md-4 col-lg-4">
<a href="https://www.damgan-larochebernard-tourisme.com/"><img src="Images/logo_tourisme_communes.png" class="img-fluid pt-5" alt="logo_tourisme_communes"></a>
</div>
</div>
</div>
</footer>
<div class=" row bg bg-danger d-flex">
<div class="col">
<img src="https://img.icons8.com/ios/50/000000/facebook-new.png" alt="Facebook">
<img src="https://img.icons8.com/ios/50/000000/instagram-new--v1.png" alt="Instagram"/>
<img src="https://img.icons8.com/ios/50/000000/twitter--v1.png" alt="Twitter"/>
</div>
</html>