-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.php
58 lines (53 loc) · 2.39 KB
/
contact.php
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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="Croix rouge Ixelles - Préventif" />
<title><?php if (!empty($page_title)) {
echo $page_title . " - Hélio";
} else {
echo "Contact - Hélio";
} ?></title>
<link rel="icon" type="image/png" href="./libs/img/helio-blanc.png" />
<link href="./libs/css/bootstrap-icons.css" rel="stylesheet" />
<link href="./libs/css/bootstrap.css" rel="stylesheet" />
<link href="./libs/css/styles.css" rel="stylesheet" />
</head>
<body class="d-flex flex-column h-100">
<main class="flex-shrink-0">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container px-5">
<a href="contact">
<img class="navbar-brand" src="./libs/img/helio-blanc.png" height="60" wight="60" alt="Helio">
</a>
</div>
</nav>
<section class="text-center my-5">
<h1 class="fw-bolder mb-3">Contact et assistance</h1>
<h5 class="mb-3">Contactez moi librement sur mon adresse E-Mail</h5>
<div class="container px-5 my-5">
<div class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center">
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="./libs/img/moi.jpg" alt="..." width="200" height="200" />
<h5 class="fw-bolder">Guillaume Boen</h5>
<a class="fst-italic text-muted" href="mailto:boenguillaume@protonmail.com">boenguillaume@protonmail.com</a>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="bg-dark py-4 mt-auto">
<div class="container px-5">
<div class="row align-items-center justify-content-between flex-column flex-sm-row">
<div class="col-auto">
<div class="small m-0 text-white">Copyright © Helio 2021</div>
</div>
</div>
</div>
</footer>
<script src="./libs/js/bootstrap.bundle.min.js"></script>
</body>
</html>