-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpropos.html
More file actions
161 lines (144 loc) · 8.62 KB
/
Copy pathpropos.html
File metadata and controls
161 lines (144 loc) · 8.62 KB
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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>À Propos — ArtAfrica</title>
<!-- Bootstrap 5.3.3 & Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- EN-TÊTE & NAVIGATION -->
<header>
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="images/slogan-logo/logo3.png" alt="ArtAfrica Logo" />
<span class="brand-text-logo">ART<span>AFRICA</span></span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain"
aria-controls="navbarMain" aria-expanded="false" aria-label="Menu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0 gap-2">
<li class="nav-item">
<a class="nav-link" href="index.html"><i class="bi bi-house-door"></i> Accueil</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-grid-fill"></i> Catalogue
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="cosmetique.html"><i class="bi bi-flower1 me-2 text-gold"></i> Cosmétique Naturelle</a></li>
<li><a class="dropdown-item" href="accessoires.html"><i class="bi bi-gem me-2 text-gold"></i> Accessoires & Bijoux</a></li>
<li><a class="dropdown-item" href="decorations.html"><i class="bi bi-lamp me-2 text-gold"></i> Décorations Intérieures</a></li>
<li><a class="dropdown-item" href="texttile.html"><i class="bi bi-palette me-2 text-gold"></i> Textiles & Wax</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link active" href="propos.html"><i class="bi bi-info-circle"></i> À Propos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html"><i class="bi bi-envelope"></i> Contact</a>
</li>
</ul>
<div class="header-actions">
<a href="panier.html" class="header-btn">
<i class="bi bi-bag-check-fill text-gold fs-6"></i>
<span>Panier</span>
<span class="cart-badge">3</span>
</a>
</div>
</div>
</div>
</nav>
</header>
<section class="about">
<div class="about-container">
<h1 class="about-title">Notre Histoire & Valeurs</h1>
<p class="about-intro">
Chaque objet raconte la main passionnée qui l’a façonné.
<strong class="text-gold">ArtAfrica</strong> rassemble l'excellence des créations artisanales venues de tout le continent —
sculptures, textiles, bijoux et soins naturels — pour faire rayonner l'authenticité africaine à travers le monde.
</p>
<div class="row text-center mb-5 g-4">
<div class="col-md-4">
<div class="about-block h-100">
<i class="bi bi-heart-fill text-gold fs-1 mb-3 d-block"></i>
<h3 class="text-gold h5">100% Fait Main</h3>
<p class="small mb-0">Chaque pièce est entièrement réalisée à la main selon des traditions ancestrales transmises de génération en génération.</p>
</div>
</div>
<div class="col-md-4">
<div class="about-block h-100">
<i class="bi bi-globe-africa-asia text-gold fs-1 mb-3 d-block"></i>
<h3 class="text-gold h5">Commerce Équitable</h3>
<p class="small mb-0">Nous travaillons en direct avec des maîtres artisans et coopératives locales pour leur garantir une rémunération juste.</p>
</div>
</div>
<div class="col-md-4">
<div class="about-block h-100">
<i class="bi bi-award-fill text-gold fs-1 mb-3 d-block"></i>
<h3 class="text-gold h5">Qualité d'Exception</h3>
<p class="small mb-0">Matières premières d'origine 100% naturelle (beurre de karité pur, bois noble, or filigrané, tissus d'exception).</p>
</div>
</div>
</div>
<div class="about-block">
<h2>Née d’un Attachement Profond au Fait Main</h2>
<p>
Les d'extraordinaires savoir-faire artisanaux africains restent trop souvent confidentiels en dehors de leur région d’origine.
<strong>ArtAfrica</strong> est né avec la mission clé de valoriser et diffuser cet héritage culturel d'une richesse infinie.
</p>
<p>
De Dakar à Abidjan, de Lagos à Accra, nous dénichons les plus beaux trésors et vous garantissons une authenticité certifiée.
</p>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer-artafrica" id="contact">
<div class="container">
<div class="row">
<div class="col-md-4 footer-section">
<h4 class="footer-title">Naviguer</h4>
<ul class="footer-links">
<li><a href="index.html"><i class="bi bi-chevron-right me-1 text-gold"></i> Accueil</a></li>
<li><a href="index.html#catalogue"><i class="bi bi-chevron-right me-1 text-gold"></i> Nos Collections</a></li>
<li><a href="panier.html"><i class="bi bi-chevron-right me-1 text-gold"></i> Mon Panier</a></li>
<li><a href="propos.html"><i class="bi bi-chevron-right me-1 text-gold"></i> Notre Histoire</a></li>
</ul>
</div>
<div class="col-md-4 footer-section">
<h4 class="footer-title">Contactez-nous</h4>
<p><i class="bi bi-envelope-fill me-2 text-gold"></i> Email : contact@artafrica.com</p>
<p><i class="bi bi-telephone-fill me-2 text-gold"></i> Mobile : +221 77 650 60 77</p>
<p><i class="bi bi-geo-alt-fill me-2 text-gold"></i> Siège : Dakar, Sénégal</p>
<div class="footer-social">
<a href="#" aria-label="Facebook"><i class="bi bi-facebook"></i></a>
<a href="#" aria-label="Instagram"><i class="bi bi-instagram"></i></a>
<a href="#" aria-label="WhatsApp"><i class="bi bi-whatsapp"></i></a>
</div>
</div>
<div class="col-md-4 footer-section">
<h4 class="footer-title">Newsletter Privilège</h4>
<p>Abonnez-vous pour recevoir en avant-première nos nouvelles créations artisanales et des offres exclusives.</p>
<form class="newsletter-form" onsubmit="event.preventDefault(); alert('Merci pour votre inscription à la newsletter ArtAfrica !');">
<input type="email" placeholder="Votre adresse email" required>
<button type="submit" class="newsletter-btn">Rejoindre</button>
</form>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 ArtAfrica — L'Artisanat Africain d'Exception. Tous droits réservés.</p>
</div>
</div>
</footer>
<!-- Scripts JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="main.js"></script>
</body>
</html>