-
Notifications
You must be signed in to change notification settings - Fork 0
/
footer.php
92 lines (65 loc) · 4.11 KB
/
footer.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
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
</main>
<footer class="container py-5">
<div class="row footer">
<div class="col-6 col-md bloc-footer">
<div class="content-footer">
<img src="https://img.icons8.com/cotton/64/000000/earth-planet--v1.png"/>
</div>
</div>
<div class="col-6 col-md bloc-footer">
<div class="content-footer">
<div class="titre-footer">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-person-lines-fill" viewBox="0 0 16 16">
<path d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z"/>
</svg>
<h5>CONTACT</h5>
</div>
<ul class="list-unstyled text-small">
<li> Téléphone : <a class="link-secondary" href="tel:+33673574607">+33 6 73 57 46 07</a></li>
<li> Mail : <a class="link-secondary" href="mailto:geoffroy-charley@hotmail.fr">Geoffroy-charley@hotmail.fr</a></li>
</ul>
</div>
</div>
<div class="col-6 col-md bloc-footer">
<div class="content-footer">
<div class="titre-footer">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
<path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/>
<path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
</svg><h5>LOCALISATION</h5>
</div>
<ul class="list-unstyled text-small">
<li>PEYRUIS, 04310 <br/>ALPES-DE-HAUTES-PROVENCE</li> <br/>
<li>ALÈS, 30100 / GARD</li>
</ul>
</div>
</div>
<div class="col-6 col-md bloc-footer">
<div class="content-footer">
<div class="titre-footer">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-camera2" viewBox="0 0 16 16">
<path d="M5 8c0-1.657 2.343-3 4-3V4a4 4 0 0 0-4 4z"/>
<path d="M12.318 3h2.015C15.253 3 16 3.746 16 4.667v6.666c0 .92-.746 1.667-1.667 1.667h-2.015A5.97 5.97 0 0 1 9 14a5.972 5.972 0 0 1-3.318-1H1.667C.747 13 0 12.254 0 11.333V4.667C0 3.747.746 3 1.667 3H2a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1h.682A5.97 5.97 0 0 1 9 2c1.227 0 2.367.368 3.318 1zM2 4.5a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0zM14 8A5 5 0 1 0 4 8a5 5 0 0 0 10 0z"/>
</svg>
<h5>PHOTOGRAPHIE</h5>
</div>
<ul class="list-unstyled text-small">
<li>- JULIEN VISCONTI -</li>
<li>Site internet : <a class="link-secondary" href="https://viscontijulien.wix.com/portfolio">Julien</a></li>
<li>Instagram : <a class="link-secondary" href="https://www.instagram.com/julienvphoto/">julienvphoto</a></li>
<li> Téléphone : <a class="link-secondary" href="#">+33 7 82 88 26 32</a></li>
</ul>
</div>
</div>
<div class="back-header">
<a href="#header"><div class="logo-back">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-arrow-up-square" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm8.5 9.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
</svg>
</div></a>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
</body>
</html>