-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdonate.html
More file actions
164 lines (152 loc) · 7 KB
/
donate.html
File metadata and controls
164 lines (152 loc) · 7 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
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SeeO2free | Donate</title>
<link rel="stylesheet" type="text/css" href="./donate.css">
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<!-- section 1 goes from here | section 1 goes from here -->
<section class="section-1">
<div class="contacts-bar">
<div class="contacts-bar-phoneandemail">
<p>Phone: <a href="tel:+94812333555">0812 333 555</a> Email: <a href="mailto:contact@seeo2free.com">contact@seeo2free.com</a></p>
</div>
<div class="contacts-bar-social">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><i class="fa-brands fa-tumblr"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
</div>
</section>
<!-- header section goes from here | header section goes from here -->
<header>
<nav class="nav-bar">
<div class="nav-logo">
<a href="./index.html"><img src="./images/seeo2free.png" alt="Logo"></a>
</div>
<div class="nav-menu">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./problem.html">Problem</a></li>
<li><a href="./solutions.html">Solutions</a></li>
<li><a href="./aboutus.html">About Us</a></li>
<li class="nav-donate"><a href="./donate.html">Donate</a></li>
</ul>
</div>
</nav>
</header>
<!-- section 2 goes from here | section 2 goes from here -->
<section class="section-2">
<div class="section-2-2">
<h1>+ Donate +</h1>
<p>SeeO2free, where we're dedicated to combating vehicle carbon emissions and safeguarding our precious air. Our mission is clear: to pave the way for cleaner, healthier environments for all. With your support, we can continue our vital work in developing innovative solutions and technologies aimed at reducing carbon footprints and promoting sustainability in transportation. Every contribution brings us closer to a future where clean air is not just a dream, but a reality for generations to come. Join us in our journey towards a greener, healthier planet. Donate today and make a difference!</p>
</div>
</section>
<!-- section 3 goes from here | section 3 goes from here -->
<section class="section-3">
<div class="section-3-2">
<img src="./images/donate_1.png" alt="Donate_Us">
<img src="./images/donate_3.png" alt="Donate_Us">
<img src="./images/donate_2.png" alt="Donate_Us">
</div>
</section>
<!-- section 4 goes from here | section 4 goes from here -->
<section class="section-4">
<div class="section-4-2">
<div class="section-4-2-2">
<img src="./images/donate_us.jpg" alt="Donate_Us">
</div>
<div class="section-4-2-1">
<h3>JOIN #SeeO2free</h3>
<h5>Help Us to Clean Air!</h5>
<form>
<div class="form-1">
<button><a href="#">$ 5</a></button>
<button><a href="#">$ 20</a></button>
</div>
<div class="form-2">
<button><a href="#">$ 50</a></button>
<button><a href="#">$ 100</a></button>
</div>
<input type="number" id="other_amount" placeholder="Other amount">
<button type="submit" class="btn">Next</button>
<p><a href="#">Donate with crypto</a></p>
</form>
</div>
</div>
</section>
<!-- section 5 goes from here | section 5 goes from here -->
<section class="section-5">
<div class="section-5-2">
<p>We extend our deepest gratitude to each and every one of our donors for their invaluable support in our mission to combat vehicle carbon emissions. Your generosity fuels our determination and enables us to continue our vital work towards cleaner air and a healthier planet. Together, we are making a tangible difference in the fight against climate change, one donation at a time. Thank you for standing with SeeO2free and for being champions of environmental stewardship. Your contribution is truly appreciated.</p>
</div>
</section>
<!-- footer goes from here | footer goes from here -->
<footer>
<div class="footer-2">
<div class="details">
<div class="details-texts">
<img src="./images/seeo2free.png">
<h6>No: 34/A, Main Road,<br>Colombo 03</h6>
<p><a href="tel:+94812333555">0812 333 555</a></p>
<p><a href="mailto:contact@seeo2free.com">contact@seeo2free.com</a></p>
</div>
<div class="social-media">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><i class="fa-brands fa-tumblr"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="footer-box">
<h5>SUPPORT</h5>
<ul>
<li><a href="#">Contact Us</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Join Team</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
<div class="footer-box">
<h5>SO FAR</h5>
<ul>
<li><a href="#">Our Mission</a></li>
<li><a href="#">Our Vision</a></li>
<li><a href="#">Projects Done</a></li>
<li><a href="#">Donations</a></li>
</ul>
</div>
<div class="footer-box">
<h5>OTHERS</h5>
<ul>
<li><a href="#">Policy</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Others</a></li>
</ul>
</div>
</div>
</footer>
<!-- section 7 goes from here | section 7 goes from here -->
<section class="section-7">
<p>www.SeeO2free.com | Copyright © 2018-2024 All Rights Reserved. Designed by Pramod B.</p>
</section>
</div>
<script src="https://kit.fontawesome.com/09a59f5e9c.js" crossorigin="anonymous"></script>
</body>
</html>