-
Notifications
You must be signed in to change notification settings - Fork 0
/
plant_goodness.html
108 lines (86 loc) · 4.35 KB
/
plant_goodness.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://kit.fontawesome.com/11ec43b564.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./footer/footer.css">
<link rel="stylesheet" href="plant_goodness.css">
<!-- /* body{
width: 95%;
margin: auto;
height: 100%;
} */
-->
</head>
<body>
<div id="header"></div>
<div>
<div><img src="https://mamaearthp.imgix.net/wysiwyg/desktop_home_img.jpg?auto=format" width="100%" height="350px" alt=""></div>
<div id="second" >
<h2>EXCITED TO MEET YOUR PLANT?</h2>
<input type="text" placeholder="Enter Your ID" >
<button>Check Your Tree</button>
</div>
<div id="third">
<div>
<h1>Our Promise</h1>
<p>We have always made choices that are good for consumers and for the environment. We make toxin free natural products with a philosophy of animal cruelty free, and plastic positivity.. With your help, we now target to grow and sustain more than a million trees that will improve air quality, soil quality, and even the groundwater levels.</p>
</div>
<div id="fourth"><div></div>
<h1>256002</h1>
<p>trees planted</p>
</div>
</div>
<div id="fifth">
<div>
<h1>Meet Your Plant</h1>
<p>Once an order is placed on our website, we initiate the process of planting and linking your order with your sapling. Within a few days, along with the delivery of your products, we will also share the details of your plant by email. You can also check details about your tree in the above section.</p>
</div>
<div id="fifth1">
<img src="https://mamaearthp.imgix.net/wysiwyg/One2x.png" alt="">
<img src="https://mamaearthp.imgix.net/wysiwyg/One2x.png" alt="">
<img src="https://mamaearthp.imgix.net/wysiwyg/Three2x.png" alt="">
</div>
</div>
<div id="sixth">
<div>
<h1>Powered by</h1>
<p>SankalpTaru Foundation is an IT-enabled NGO, spreading greenery with its core philosophy of “planting trees for the people, by the people”. Having rooted and survived close to a million trees across 21 states of India, they are constantly escalating healthy-happy smiles through trees. With each flourishing plant, they look to maximize socio-environmental impact and successfully fighting back the detrimental demons of pollution, and strengthening the livelihood of poor farmers to create a rich biodiverse ecosystem.</p>
</div>
<div><img src="https://mamaearthp.imgix.net/wysiwyg/New_Logo2x.png" alt=""></div>
</div>
<div id="seventh">
<button id="left"><</button>
<div id="middle">
<div ><img src=" https://mamaearthp.imgix.net/wysiwyg/Ritu_Image.png" alt=""></div>
<div id="te"><h2>"A much needed initiative in the present times,just by taking a small step this can bring about a big change"</h2></div>
</div>
<!-- <div id="seventh1"></div> -->
<!-- <div><img src="https://mamaearthp.imgix.net/wysiwyg/2nd_Quote_1.jpg" alt=""></div> -->
<button id="btn">></button>
</div>
<div>
<div><h1>Planting First Of many</h1></div>
<div id="eigth">
<div><img src=" https://mamaearthp.imgix.net/wysiwyg/Image_12x.png" ></div>
<div><img src="https://mamaearthp.imgix.net/wysiwyg/Image_22x.png" ></div>
<div><img src=" https://mamaearthp.imgix.net/wysiwyg/Image_32x.png" ></div>
</div>
</div>
<!-- -->
</div>
</div>
<div id="footer"></div>
</body>
</html>
<script src="plant_goodness.js" >
</script>
<script type="module">
import footer_body from "../footer/footer_components/footer_body.js";
import header from "../header.js"
document.getElementById("header").innerHTML = header()
document.getElementById("footer").innerHTML = footer_body();
</script>