-
Notifications
You must be signed in to change notification settings - Fork 0
/
intex.html
177 lines (165 loc) · 5.73 KB
/
intex.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
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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AquaPure Solutions</title>
<style>
body, html {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
scroll-behavior: smooth;
}
.nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: transparent;
border-bottom: 1px solid white;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
z-index: 1000;
}
.nav a {
color: white;
text-decoration: none;
margin: 0 10px;
font-size: 16px;
}
.homepage {
background: url('/mnt/data/AE4D401A-2D2C-4EA8-B61C-30A5928AAD86.jpeg') no-repeat center center/cover;
height: 100vh;
color: white;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px;
}
.homepage h1 {
font-size: 3rem;
color: aqua;
text-transform: uppercase;
}
.homepage p {
margin: 10px 0;
font-size: 1.2rem;
}
.button {
border: 1px solid white;
padding: 10px 20px;
color: white;
background: transparent;
text-decoration: none;
display: inline-block;
margin-top: 20px;
}
.page-divider {
height: 2px;
background: white;
}
.solutions {
background-color: black;
color: white;
padding: 50px 20px;
text-align: center;
}
.solutions h2 {
font-size: 2rem;
margin-bottom: 20px;
}
.solution {
display: inline-block;
width: 30%;
margin: 20px;
padding: 20px;
border: 1px solid gray;
border-radius: 10px;
background-color: #222;
}
.impact, .shareholders {
background: url('/mnt/data/387107CF-B92C-42E5-88A8-08FEAB288F75.jpeg') no-repeat center center/cover;
color: white;
padding: 50px 20px;
text-align: center;
}
.impact h2, .shareholders h2 {
color: aqua;
font-size: 2rem;
}
.impact p, .shareholders p {
margin: 20px 0;
}
.contact {
background: black;
color: white;
padding: 50px 20px;
text-align: center;
}
</style>
</head>
<body>
<!-- Navigation Bar -->
<div class="nav">
<img src="/mnt/data/03F66AF6-E391-41F1-A1D8-EF03DBCE3192.png" alt="Logo" style="height: 40px;">
<div>
<a href="#home">Home</a>
<a href="#about">About Us</a>
<a href="#contact">Contact Us</a>
</div>
</div>
<!-- Homepage Section -->
<section id="home" class="homepage">
<h1>Transforming Lives, One Drop at a Time</h1>
<p>At AquaPure Solutions, our mission is to transform lives by providing sustainable, innovative, and accessible clean water solutions to communities in need.</p>
<a href="#about" class="button">About Us</a>
</section>
<div class="page-divider"></div>
<!-- Solutions Section -->
<section id="about" class="solutions">
<h2>Our Solutions</h2>
<div class="solution">
<h3>Rainwater Harvesting</h3>
<p>What We Do: Build large-scale reservoirs and provide community-level storage tanks to capture and store rainwater during wet seasons.</p>
<p>Impact: Ensures year-round water supply for agriculture, drinking, and sanitation in water-scarce regions.</p>
</div>
<div class="solution">
<h3>Solar-Powered Desalination</h3>
<p>What We Do: Convert seawater into fresh drinking water using renewable solar energy.</p>
<p>Impact: A reliable and eco-friendly solution for coastal regions suffering from water shortages.</p>
</div>
<div class="solution">
<h3>Affordable Water Filtration Systems</h3>
<p>What We Do: Distribute portable filtration tools, such as filter straws and purification kits, to rural communities.</p>
<p>Impact: Provides immediate access to clean, safe drinking water, reducing waterborne diseases.</p>
</div>
</section>
<div class="page-divider"></div>
<!-- Impact Section -->
<section id="impact" class="impact">
<h2>Our Impact</h2>
<p>At AquaPure Solutions, we measure success by the lives we transform and the communities we empower. Here are some of the ways we are making a difference:</p>
<ul>
<li>15 Million People: Provided access to safe and clean water in Kenya by 2030.</li>
<li>40% Reduction in waterborne diseases in rural communities.</li>
<li>Increased agricultural productivity for 1 million farmers.</li>
</ul>
</section>
<div class="page-divider"></div>
<!-- Shareholders Section -->
<section id="shareholders" class="shareholders">
<h2>Our Shareholders</h2>
<p>Kenyan Government, Canadian Government, UNICEF, and more.</p>
</section>
<div class="page-divider"></div>
<!-- Contact Section -->
<section id="contact" class="contact">
<h2>Contact Us</h2>
<p>Email: info@aquapuresolutions.com | Phone: +1-800-123-4567</p>
</section>
</body>
</html>