-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAdherer.html
125 lines (113 loc) · 7.91 KB
/
Adherer.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
<!DOCTYPE html>
<html>
<head>
<!-- CSS only -->
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet" />
<link rel="stylesheet" href="/style.css" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Green planet - Adherer à green planet</title>
<meta name="description" content="Green planet entretien activement plusieurs territoires naturels" />
<meta name="keywords" content="entretien planète, entretien green planete, protection envirenement, nétoyage envirenement, bénovole planète, activité associatif" />
</head>
<body>
<div class="xbody">
<section>
<nav class="test navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid size">
<a class="navbar-brand fw-bold text-success" href="/index.html"> <img src="/img/logo/logo.svg" alt="" width="60" height="48" class="d-inline-block align-middle" />Green planet</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/index.html">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/Articles.html">Actualité</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/Évènements.html">Événement</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Activités
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="/Activités/Plantation.html">Plantation</a></li>
<li><a class="dropdown-item" href="/Activités/Entretien.html">Entretien</a></li>
<li><a class="dropdown-item" href="/Activités/Maniféstation.html">Maniféstations</a></li>
<li><a class="dropdown-item" href="/Activités/Sensibilisation.html">Sensibilisation</a></li>
</ul>
</li>
<li class="nav-item">
<a class="active nav-link" href="/Adherer.html">Adhérer</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/Contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</section>
<div>
<img class="imgslider" src="/img/Articles/Green-planet-staf.png" alt="..." />
</div>
<section class="article-type">
<div class="container-fluid">
<article>
<h1>En-tête d'article</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Donec a diam lectus. Set sit amet ipsum mauris. Maecenas congue ligula as quam viverra nec consectetur ant hendrerit. Donec et mollis dolor. Praesent et
diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur.
</p>
<h2>Sous‑section</h2>
<p>Donec ut librero sed accu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor.</p>
<p>Pelientesque auctor nisi id magna consequat sagittis. Curabitur dapibus, enim sit amet elit pharetra tincidunt feugiat nist imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros.</p>
<h2>Autre sous‑section</h2>
<p>
Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum soclis natoque penatibus et manis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis
semper ac in est.
</p>
<p>
Vivamus fermentum semper porta. Nunc diam velit, adipscing ut tristique vitae sagittis vel odio. Maecenas convallis ullamcorper ultricied. Curabitur ornare, ligula semper consectetur sagittis, nisi diam iaculis
velit, is fringille sem nunc vet mi.
</p>
</article>
<br />
<a href="Contact.html"><button class="btn btn-success">J'adhère</button></a>
</div>
</section>
<footer class="bg-light text-center">
<!-- Grid container -->
<div class="container p-4 pb-0">
<!-- Section: Social media -->
<span>Suivez-nous!</span>
<section class="mb-4">
<!-- Facebook -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #3b5998;" href="https://www.facebook.com" role="button"><i class="fab fa-facebook-f"></i></a>
<!-- Twitter -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #55acee;" href="https://twitter.com" role="button"><i class="fab fa-twitter"></i></a>
<!-- Instagram -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #ac2bac;" href="https://www.instagram.com" role="button"><i class="fab fa-instagram"></i></a>
<!-- Linkedin -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #0082ca;" href="https://www.linkedin.com" role="button"><i class="fab fa-linkedin-in"></i></a>
</section>
<!-- Section: Social media -->
</div>
<!-- Grid container -->
<!-- Copyright -->
<div class="text-center p-3 footer-bar">
© 2022 Copyright:
<a class="text-footer" href="Greenplanete.creativmak.com">Green planete - Mentions légales</a>
</div>
<!-- Copyright -->
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</div>
</body>
</html>