-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathaboutUs.html
More file actions
128 lines (128 loc) · 7.24 KB
/
aboutUs.html
File metadata and controls
128 lines (128 loc) · 7.24 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Plant Shop</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header class="p-3 bg-light shadow-sm">
<div class="container">
<nav class="d-flex align-items-center justify-content-between">
<a href="#" class="navbar-brand">
<img src="assets/img/logoMain.png" alt="Logo" height="40">
</a>
<ul class="nav">
<li class="nav-item"><a href="index.html" class="nav-link text-dark">Home</a></li>
<li class="nav-item"><a href="product.html" class="nav-link text-dark">Product</a></li>
<li class="nav-item"><a href="aboutUs.html" class="nav-link text-dark">About Us</a></li>
<li class="nav-item"><a href="contactUs.html" class="nav-link text-dark">Contact Us</a></li>
</ul>
<div id="date-time" class="text-dark"></div>
</nav>
</div>
</header>
<main>
<div class="container py-5">
<h2 class="text-center mb-4">About Us</h2>
<section class="founders-passion mb-5">
<h3 class="text-center mb-3">Founders Passion</h3>
<p class="text-center">Our founders are passionate about plants and the environment. They started Blooming Oasis to share their love for greenery and to make plant care accessible to everyone.</p>
</section>
<section class="mission mb-5">
<h3 class="text-center mb-3">Our Mission</h3>
<p class="text-center">Our mission is to bring the beauty of nature into your home and make plant care accessible and enjoyable for everyone. We strive to provide the best quality plants and the most comprehensive plant care guides.</p>
</section>
<section class="eco-friendly-packaging mb-5">
<h3 class="text-center mb-3">Eco-Friendly Packaging</h3>
<p class="text-center">We are committed to using eco-friendly packaging materials to reduce our environmental impact. Our packaging is made from recycled materials and is fully recyclable.</p>
</section>
<section class="responsible-plant-cultivation mb-5">
<h3 class="text-center mb-3">Responsible Plant Cultivation</h3>
<p class="text-center">We believe in responsible plant cultivation practices. Our plants are grown using sustainable methods that protect the environment and promote biodiversity.</p>
</section>
<section class="team mb-5">
<h3 class="text-center mb-3">Meet Our Team</h3>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/ce0.webp" class="card-img-top" alt="Founder 1">
<div class="card-body">
<h5 class="card-title">Founder 1</h5>
<p class="card-text">Founder 1 is a plant enthusiast with a background in horticulture. They are dedicated to sharing their knowledge and passion for plants with others.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/ce0.webp" class="card-img-top" alt="Founder 2">
<div class="card-body">
<h5 class="card-title">Founder 2</h5>
<p class="card-text">Founder 2 has a deep love for nature and the environment. They are committed to promoting sustainable plant care practices and educating others about the benefits of greenery.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/ce0.webp" class="card-img-top" alt="Founder 3">
<div class="card-body">
<h5 class="card-title">Founder 3</h5>
<p class="card-text">Founder 3 is passionate about making plant care accessible to everyone. They believe that everyone should have the opportunity to experience the joy of growing and caring for plants.</p>
</div>
</div>
</div>
</div>
</section>
</div>
</main>
<footer class="bg-light py-5">
<div class="container">
<div class="row">
<div class="col-md-4 mb-4">
<h5>Social Media</h5>
<ul class="list-unstyled">
<li><a href="#" class="text-dark">Facebook</a></li>
<li><a href="#" class="text-dark">Twitter</a></li>
<li><a href="#" class="text-dark">Instagram</a></li>
<li><a href="#" class="text-dark">LinkedIn</a></li>
</ul>
</div>
<div class="col-md-4 mb-4">
<h5>Quick Links</h5>
<ul class="list-unstyled">
<li><a href="index.html" class="text-dark">Home</a></li>
<li><a href="products.html" class="text-dark">Product</a></li>
<li><a href="about.html" class="text-dark">About Us</a></li>
<li><a href="contactUs.html" class="text-dark">Contact Us</a></li>
</ul>
</div>
<div class="col-md-4 mb-4">
<h5>Subscribe</h5>
<form action="subscribe-form" method="post">
<div class="mb-3">
<label for="email" class="form-label">Email address</label>
<input type="email" class="form-control" id="email" name="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary">Subscribe</button>
</form>
</div>
</div>
</div>
</footer>
<!-- Bootstrap JS Bundle-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="assets/js/index.js"></script>
<script>
function updateDateTime() {
const now = new Date();
const dateTimeString = now.toLocaleString();
document.getElementById('date-time').textContent = dateTimeString;
}
setInterval(updateDateTime, 1000);
updateDateTime();
</script>
</body>
</html>