-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
177 lines (169 loc) · 6.63 KB
/
index.php
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>
<head>
<link rel="stylesheet" href="Include/CSS/Header.css">
<link rel="stylesheet" href="Include/CSS/Style.css">
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css'>
<link rel="stylesheet" href="Include/CSS/footer.css">
<link rel="stylesheet" href="Include/CSS/Animation.css">
</head>
<body>
<?php include 'Include/PHP/Header.php' ?>
<!-- Hero -->
<section class="hero">
<div class="container">
<div class="hero-contant-left">
<h2>WELCOME TO GREENER WORLD</h2>
<p>We stand as one of the online tree planting commissions in Sri Lanka, prioritizing sustainability and doing many valuable activities and donating them to the nation.Dedicated to creating a sustainable country with a greener environment, including cleaner air, less carbon dioxide.</p>
<a href="Plant A Tree.php" class="plant">Plant A Tree</a>
</div>
</div>
</section>
<!-- Card set -->
<section class="our-project">
<div class="our-project-h2">
<h2 class="headline"> Our Projects</h2>
</div>
<div class="our-project-contain">
<div class="card animation-div card-last">
<div class="card-container">
<h4>Membership Programe</h4>
<i class="fi fi-rr-user"></i>
<p>Let us create a path to a sustainable future</p>
<a href="About Us.php" class="Readmore">Read More</a>
</div>
</div>
<div class="card animation-div card-first">
<div class="card-container">
<h4>Services in Collaboration</h4>
<i class="fi fi-rr-diploma"></i>
<p>Investigate CSR as well as corporate sustainability services.</p>
<a href="Blog.php" class="Readmore">Read More</a>
</div>
</div>
<div class="card animation-div card-first">
<div class="card-container">
<h4>Plantation Programme</h4>
<i class="fi fi-rr-tree"></i>
<p>Our efforts to create sustainable livelihoods</p>
<a href="Plant A Tree.php" class="Readmore">Read More</a>
</div>
</div>
<div class="card animation-div card-last">
<div class="card-container">
<h4>School of Agriculture</h4>
<i class="fi fi-rr-book"></i>
<p>Educating the youth about agriculture.</p>
<a href="SchoolAl.php" class="Readmore">Read More</a>
</div>
</div>
<div>
</section>
<!--Planting the tri section -->
<section>
<div class="tree-plant">
<h2 class="headline">Planting the trees</h2>
<p>Did you know 80,000 acres of forests disappear from the Earth every day.
On your behalf, our professional agriculture team will plant trees on selected areas.
Your tree will be photographed and geolocated, and the data will be shared with you so that as the tree grow,
you may enjoy the memories that come with it as well as the many benefits it gives.
</p>
</div>
<div class="tree-plant-con">
<div class="card2 animation-div card-first" >
<div class="card2-container">
<h4>Two Trees</h4>
<p>LKR 500</p>
<a href="" class="Readmore">Add to Cart</a>
</div>
</div>
<div class="card2 animation-div card-first">
<div class="card2-container">
<h4>Four Trees</h4>
<p>LKR 1000</p>
<a href="" class="Readmore">Add to Cart</a>
</div>
</div>
<div class="card2 animation-div card-first">
<div class="card2-container">
<h4>Eight Trees</h4>
<p>LKR 2000</p>
<a href="" class="Readmore">Add to Cart</a>
</div>
</div>
</div>
<div class="more-op animation-div card-first">
<a href="Plant A Tree.php">Add More Option</a>
</div>
</section>
<!--Mission Vision Section -->
<section>
<div class="vmp-con">
<div class="card3 animation-div card-first">
<div class="card3-container">
<h4>Mission</h4>
<i class="fi fi-rr-target"></i>
<p>Our mission is to support Sri Lanka's Green Vision and sustainability drive in order to create a sustainable environment, a sustainable future, and a carbon-neutral nation.</p>
</div>
</div>
<div class="card3 animation-div card-first">
<div class="card3-container">
<h4>Vision</h4>
<i class="fi fi-rr-globe-alt"></i>
<p>Empowering the youth of Sri Lanka towards a green and sustainable future by providing unparalleled services for sustainability.</p>
</div>
</div>
<div class="card3 animation-div card-first">
<div class="card3-container">
<h4>Philosophy</h4>
<i class="fi fi-rr-book-alt"></i>
<p>We believe in creating a more environmentally friendly and long-term future. We are dedicated to empowering our stakeholders and discerning citizens to ensure the planet's long-term sustainability.</p>
</div>
</div>
</div>
</section>
<section class="contri">
<h2 class="headline">Contributions</h2>
<p>
Planting more trees is the only long-term solution to rising pollution in our cities, climate change, and
rapidly dwindling green cover. Most of us are aware of this and wish to help, but for a variety of reasons,
our good intentions do not translate into effective actions. You may not have the time, energy, or space to plant trees,
for example. Alternatively,you may be unsure about which plants/trees to cultivate, how to care for them, and so on.
Fortunately, we can assist you in making a positive contribution to a greener planet as effortlessly as purchasing online.
It not only plants a tree on your behalf, but it also creates jobs and income for local communities and rural recipients.
</p>
<div class="tree-plant-con">
<div class="card2 animation-div card-first">
<div class="card2-container">
<h4>Temples</h4>
<p></p>
<a href="Contri1.php" class="Readmore">Read More</a>
</div>
</div>
<div class="card2 animation-div card-first">
<div class="card2-container">
<h4>Garden</h4>
<p></p>
<a href="Contri2.php" class="Readmore">Read More</a>
</div>
</div>
<div class="card2 animation-div card-first">
<div class="card2-container">
<h4>Beaches</h4>
<p></p>
<a href="Contri3.php" class="Readmore">Read More</a>
</div>
</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"
integrity="sha512-8Wy4KH0O+AuzjMm1w5QfZ5j5/y8Q/kcUktK9mPUVaUoBvh3QPUZB822W/vy7ULqri3yR8daH3F58+Y8Z08qzeg=="
crossorigin="anonymous"></script>
<script>
tl = new TimelineMax({});
tl.staggerFrom('.hero-contant-left', 3, {y:"100%", ease:Power4.easeOut},0.45)
</script>
<script src="Include/JS/Animation.js"></script>
<?php include 'Include/PHP/Footer.php' ?>
</body>
</html>