Viewing File: /htdocs/ong-genie-bio.com/donation.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ONG Génie Bio</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicon -->
<link href="img/logo1.png" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Playfair+Display:wght@700;900&display=swap"
rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Spinner Start -->
<div id="spinner"
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;"></div>
</div>
<!-- Spinner End -->
<!-- Navbar Start -->
<div class="container-fluid sticky-top" style="background-color: #D7E0E4;">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light py-2 py-lg-0" style="background-color: #D7E0E4;">
<a href="index.html" class="navbar-brand">
<img class="img-fluid" src="img/logo1.png" alt="Logo"
style="height: 200%; width: 180%; margin-top: -55%;">
</a>
<button type="button" class="navbar-toggler ms-auto me-0" data-bs-toggle="collapse"
data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto">
<a href="index.html" class="nav-item nav-link">Accueil</a>
<a href="about.html" class="nav-item nav-link">A Propos</a>
<a href="projets.html" class="nav-item nav-link">Projets</a>
<a href="contact.html" class="nav-item nav-link">Contact</a>
<a href="donation.html" class="nav-item nav-link active">Donation</a>
<a href="rejoins-nous.html" class="nav-item nav-link">Rejoindre la communaute</a>
</div>
</div>
</nav>
</div>
</div>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container text-center py-5">
<h1 class="display-2 text-dark mb-4 animated slideInDown">Faites vos dons ici</h1>
</div>
</div>
<!-- Page Header End -->
<!-- Contact Start -->
<div class="container-xxl contact py-5">
<div class="container">
<div class="row g-5 mb-5">
<div class="col-md-4 text-center wow fadeInUp" data-wow-delay="0.3s">
<div class="btn-square mx-auto mb-3">
<i class="fa fa-envelope fa-2x text-white"></i>
</div>
<p class="mb-2"> operations.geniebio@gmail.com</p>
</div>
<div class="col-md-4 text-center wow fadeInUp" data-wow-delay="0.4s">
<div class="btn-square mx-auto mb-3">
<i class="fa fa-phone fa-2x text-white"></i>
</div>
<p class="mb-2">+225 0709095378</p>
</div>
<div class="col-md-4 text-center wow fadeInUp" data-wow-delay="0.5s">
<div class="btn-square mx-auto mb-3">
<i class="fa fa-map-marker-alt fa-2x text-white"></i>
</div>
<p class="mb-2">San pédro</p>
<p class="mb-0">Côte d'Ivoire, San pédro</p>
</div>
</div>
<!-- Contact Start -->
<div class="container-xxl contact py-5">
<div class="row g-5">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
<h3 class="mb-4">Besoin d'un formulaire de contact?</h3>
<p class="mb-4">Votre opinion et vos questions sont très importantes pour nous. Si vous avez des commentaires, des suggestions, ou si vous souhaitez en savoir plus sur nos projets et nos initiatives, n'hésitez pas à remplir le formulaire ci-dessous.</p>
<div class="form">
<form action="/submit-your-form" method="POST">
<div class="mb-3">
<label for="nom" class="form-label">Nom:</label>
<input type="text" id="nom" name="nom" class="form-control" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">Email:</label>
<input type="email" id="email" name="email" class="form-control" required>
</div>
<div class="mb-3">
<label for="message" class="form-label">Message:</label>
<textarea id="message" name="message" class="form-control" rows="5" required></textarea>
</div>
<div class="mb-3">
<button type="submit" class="btn btn-primary">Envoyer</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s" style="margin: left 13%;">
<div class="col-lg-6 wow fadeInUp">
<div class="float-top">
<img src="img/don.jpg" alt="" style="height: 400px; margin-left: 250%; margin-top: -200%;">
</div>
</div>
</div>
</div>
<!-- Contact End -->
</div>
</div>
<!-- Contact End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark footer mt-5 py-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-3 col-md-6">
<h4 class="text-primary mb-4">Contact</h4>
<p class="mb-2"><i class="fa fa-map-marker-alt text-primary me-3"></i>Côte d'Ivoire, Abidjan</p>
<p class="mb-2"><i class="fa fa-phone-alt text-primary me-3"></i>+225 0709095378</p>
<p class="mb-2"><i class="fa fa-envelope text-primary me-3"></i>
operations.geniebio@gmail.com</p>
<div class="d-flex pt-3">
<a class="btn btn-square btn-primary rounded-circle me-2" href="https://www.facebook.com/ongeniebio"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square btn-primary rounded-circle me-2" href="https://www.linkedin.com/company/ong-genie-bio/"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<h4 class="text-primary mb-4">Rubriques</h4>
<a class="btn btn-link" href="">Accueil</a>
<a class="btn btn-link" href="">A Propos de nous</a>
<a class="btn btn-link" href="">Projets</a>
<a class="btn btn-link" href="">Donation</a>
<a class="btn btn-link" href="">Contact</a>
</div>
<div class="col-lg-3 col-md-6">
<h4 class="text-primary mb-4">Accés rapide</h4>
<a class="btn btn-link" href="projets.html">Projets</a>
<a class="btn btn-link" href="donation.html">Donation</a>
<a class="btn btn-link" href="rejoins-nous.html">Communauté</a>
</div>
<div class="col-lg-3 col-md-6">
<h4 class="text-primary mb-4">Newsletter</h4>
<div class="position-relative w-100">
<input class="form-control bg-transparent w-100 py-3 ps-4 pe-5" type="text" placeholder="Votre email" style="color: #D7E0E4;">
<button type="button" class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2">Envoyer</button>
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Copyright Start -->
<div class="container-fluid copyright py-4">
<div class="container">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
© <a class="fw-medium" href="#">GénieBio</a>
</div>
<div class="col-md-6 text-center text-md-end">
Fait par <a class="fw-medium" href="https://www.digifemmes.com">DigiFemmes</a>
</div>
</div>
</div>
</div>
<!-- Copyright End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>
Back to Directory
File Manager