-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
129 lines (120 loc) · 4.5 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Save Plant - Nurture Your Green Companion</title>
<link rel="stylesheet" href="plantstyle.css">
</head>
<body>
<!-- Header Section -->
<header>
<div class="container">
<h1>Save Plant - Nurture Nature</h1>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#sell">Buy Plants</a></li>
<li><a href="#care">Plant Care</a></li>
<li><a href="#explore">Explore Plants</a></li>
<li><a href="#about">About Us</a></li>
</ul>
</nav>
</div>
</header>
<!-- Home Section -->
<section class="home" id="home">
<div class="container">
<h2>Save Plants, Save the Planet</h2>
<p>Discover the best plants for your home and learn how to take care of them.</p>
<a href="#explore" class="btn">Explore Now</a>
</div>
</section>
<!-- Sell Plants Section -->
<section class="sell-plants" id="sell">
<div class="container">
<h2>Buy Your Favorite Plants</h2>
<div class="plant-box">
<div class="plant">
<img src="images/plant (1).png" alt="Indoor Plants">
<h3>Indoor Plants</h3>
<p>Bring nature indoors with our selection of beautiful indoor plants.</p>
<a href="#" class="btn">Shop Now</a>
</div>
<div class="plant">
<img src="images/plant (2).png" alt="Outdoor Plants">
<h3>Outdoor Plants</h3>
<p>Create a stunning garden with our wide variety of outdoor plants.</p>
<a href="#" class="btn">Shop Now</a>
</div>
<div class="plant">
<img src="images/plant (3).png" alt="Succulents">
<h3>Succulents</h3>
<p>Low-maintenance and stylish, succulents are perfect for any home.</p>
<a href="#" class="btn">Shop Now</a>
</div>
</div>
</div>
</section>
<!-- Plant Care Section -->
<section class="plant-care" id="care">
<div class="container">
<h2>How to Take Care of Your Plants</h2>
<div class="care-tips">
<div class="tip">
<img src="images/watering.jfif" alt="Watering Plants">
<h3>Watering</h3>
<p>Watering plants is an essential task that helps them stay healthy and grow, but it's important to do it correctly to avoid damaging them.</p>
</div>
<div class="tip">
<img src="images/sunlight.jfif" alt="Sunlight for Plants">
<h3>Sunlight</h3>
<p>Place your plants in spots with ideal sunlight exposure for growth. Sunlight is essential for plants because it allows them to make their own food through photosynthesis.</p>
</div>
<div class="tip">
<img src="images/soilnutrient.jfif" alt="Soil Nutrients">
<h3>Soil Nutrients</h3>
<p>Soil nutrients are essential for a plant's growth and reproductive cycle. Plants need a lot of macronutrients, while they only need small amounts of micronutrients.</p>
</div>
</div>
</div>
</section>
<!-- Explore Plants Section -->
<section class="explore-plants" id="explore">
<div class="container">
<h2>Explore Our Plant Selection</h2>
<div class="plant-gallery">
<div class="plant-item">
<img src="images/plant (4).png" alt="Monstera Deliciosa">
<h3>Monstera Deliciosa</h3>
<p>Known for its beautiful split leaves.</p>
</div>
<div class="plant-item">
<img src="images/plant (8).png" alt="Snake Plant">
<h3>Snake Plant</h3>
<p>One of the best air-purifying plants for your home.</p>
</div>
<div class="plant-item">
<img src="images/plant (10).png" alt="Fiddle Leaf Fig">
<h3>Fiddle Leaf Fig</h3>
<p>A stylish addition to any interior space.</p>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section class="about" id="about">
<div class="container">
<h2>About Save Plant</h2>
<p>At Save Plant, we believe in the power of plants to enhance the environment and well-being. Our mission is to help you bring nature into your life by offering a diverse range of plants and expert advice on caring for them.</p>
</div>
</section>
<!-- Footer Section -->
<footer>
<div class="container">
<p>© 2024 Save Plant. All rights reserved.</p>
</div>
</footer>
</body>
</html>