-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
128 lines (112 loc) · 8.54 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
<!DOCTYPE html>
<html>
<head>
<title>CASBT - Nous contacter</title>
<meta name="description" content="description">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/contact.css">
<script src="https://kit.fontawesome.com/ea6355d6e4.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="jquery-3.6.1.min.js" ></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/script.js" ></script>
</head>
<body>
<header class="d-flex flex-column flex-lg-row justify-content-center align-items-center">
<nav class="navbar d-flex flex-column flex-lg-row justify-content-center align-items-center bg-header shadow p-2 pb-3">
<a class="p-3 pt-0 d-block d-xl-none text-center" href="index.html"><img src="media/img/logo-little.png" alt="Logo CASBT"></a>
<a class="nav-link text-center" href="actu.html">Actualités</a>
<div id="menu-deroulant" class="d-flex flex-column align-items-center nav-link">
<a class="mb-auto" href="demarches.html">Vos Démarches</a>
<div class="d-flex flex-row sm-flex-column sous-menu justify-content-center p-0">
<ul class="d-flex flex-column align-items-center p-0 m-2">
<a href="demarches.html"><li>Demande de branchement ou contrôle</li></a>
</ul>
<ul class="d-flex flex-column align-items-center p-0 m-2">
<a href="démarches-page/coordonnées.html"><li>Modifier mes coordonnées</li></a>
</ul>
</div>
</div>
<a class="nav-link p-3 pt-0 d-none d-xl-block text-center" href="index.html">
<img src="media/img/logo.png" alt="Logo CASBT">
</a>
<div id="menu-deroulant" class="d-flex flex-column align-items-center nav-link">
<a href="infos-pratiques.html">Infos Pratiques</a>
<div class="d-flex flex-row sm-flex-column sous-menu justify-content-center p-0">
<ul class="d-flex flex-column align-items-center p-0 m-2">
<a href="infos-pratiques-pages/tarifs_et_reglements.html"><li>Tarifs et réglements</li></a>
<a href="infos-pratiques-pages/lire_compteur.html"><li>Lire son compteur</li></a>
</ul>
<ul class="d-flex flex-column align-items-center p-0 m-2">
<a href="infos-pratiques-pages/conseil_exploitation.html"><li>Conseil d'exploitation</li></a>
<a href="infos-pratiques-pages/faq.html"><li>FAQ</li></a>
</ul>
</div>
</div>
<a class="nav-link text-center" href="contact.html">Nous contacter</a>
</nav>
</header>
<div class="contact-card d-flex flex-column justify-content-center align-items-center mb-3">
<div class="contact-card-body">
<h1>Nous contacter</h1>
<div class="d-flex flex-column flex-xl-row justify-content-between">
<div class="d-flex flex-column justify-content-between">
<article class="d-flex flex-column justify-content-around p-4 m-3">
<h2>Coordonnées</h2>
<span>Communauté d'Agglomération GRAND SUD CARAIBE</span>
<span>Rue Bébian - 97100 Basse Terre</span>
</article>
<article class="p-4 m-3">
<form>
<h2>Une question à poser ?</h2>
<div class="form-group m-2">
<label class="mb-1" for="exampleFormControlInput1">Mail</label>
<input name="email" type="email" class="form-control" id="exampleFormControlInput1" placeholder="[email protected]">
</div>
<div class="form-group m-2">
<label class="mb-1" for="exampleFormControlTextarea1">Votre question</label>
<textarea name="question" class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<button type="submit"class="btn btn-success m-2">Envoyer</button>
</form>
</article>
</div>
<article class="m-3 p-4">
<h2>Plan d'accès</h2>
<iframe class="d-none d-md-block" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7669.542388551533!2d-61.699954!3d16.025422!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8c135fe1da129787%3A0xcde6be65f109ec63!2sRue%20Victor%20Schoelcher%2C%20Saint-Claude%2097120%2C%20Guadeloupe!5e0!3m2!1sfr!2sfr!4v1665474773932!5m2!1sfr!2sfr"
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<iframe class="d-none d-sm-block d-md-none" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7669.542388551533!2d-61.699954!3d16.025422!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8c135fe1da129787%3A0xcde6be65f109ec63!2sRue%20Victor%20Schoelcher%2C%20Saint-Claude%2097120%2C%20Guadeloupe!5e0!3m2!1sfr!2sfr!4v1665474773932!5m2!1sfr!2sfr"
width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<iframe class="d-block d-sm-none" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7669.542388551533!2d-61.699954!3d16.025422!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8c135fe1da129787%3A0xcde6be65f109ec63!2sRue%20Victor%20Schoelcher%2C%20Saint-Claude%2097120%2C%20Guadeloupe!5e0!3m2!1sfr!2sfr!4v1665474773932!5m2!1sfr!2sfr"
width="200" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</article>
</div>
</div>
</div>
<footer class="d-flex flex-column justify-content-center flex-md-row align-items-stretch">
<div class="d-flex justify-content-around align-items-center text-center adress-footer pt-3 pr-3 pb-3">
<a class="nav-link text-center d-none d-md-block " href="index.html">
<img src="media/img/logo.png" alt="Logo CASBT">
</a>
<div class="d-flex flex-column">
<h2 class="d-none d-lg-block">Communauté d'Agglomération GRAND SUD CARAIBE</h2>
<h6 class="d-block d-lg-none">Communauté d'Agglomération GRAND SUD CARAIBE</h6>
<span>Rue Bébian - 97100 Basse Terre</span>
<span>Horaires d'ouverture : Du lundi au vendredi, de 7h30 à 13h00 et de 14h30 à 17h</span>
</div>
</div>
<div class="d-flex flex-column justify-content-between text-center p-3 newsletter-footer">
<span class="mb-3">Recevez chaque semaine l'actualité de votre communauté d'agglomération :</span>
<div class="input-group">
<input type="text" class="form-control" placeholder="Rentrer votre email" aria-label="Recipient's username" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-success" type="button">S'abonner</button>
</div>
</div>
</div>
</footer>
</body>
</html>