-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
250 lines (244 loc) · 10.4 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
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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GardenWorld</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css">
</head>
<body>
<nav>
<a href="index.html"><img src="./Images/images/replicate-prediction-6vldnsbbbjrucplxuvbanzlwla.png" width="100vw" height="100vw" alt=""></a>
<div class="nav-right">
<a href="gardening tips.html"><h4 class="nav-h">Gardening Tips</h4></a>
<div class="dropdown">
<button>Tools</button>
<div class="dropdown-options">
<a href="Soil & Fertilizers.html">Soil & fertilizers</a>
<a href="Pesticides For Plants.html">Pesticides for plants</a>
<a href="Seeds.html">Seeds details</a>
</div>
</div>
<div class="dropdown">
<button>Pots/Hangers</button>
<div class="dropdown-options">
<a href="pots.html">pots/pot plates</a>
<a href="wall.html">wall hanging brackets</a>
<a href="pothangers.html">pot hangers</a>
</div>
</div>
<div class="dropdown">
<button>Accessories</button>
<div class="dropdown-options">
<a href="Miniature Garden Toys.html">Miniature garden toys</a>
<a href="Gardening accessories.html">Gardening accessories</a>
<a href="Decorative pebbles.html">Decorative pebbles</a>
</div>
</div>
<a href="books.html"> <h4 class="nav-h">Guide Books</h4></a>
</div>
</nav>
<div id="main">
<div id="page1">
<div id="overlay"></div>
<video autoplay loop muted src="flowers_-_118165 (Original).mp4"></video>
<div class="content-1"> <img src="Images/images/replicate-prediction-6vldnsbbbjrucplxuvbanzlwla.png" width="100vw" height="100vh" alt="">
<div class="page1-h">
<h1>Landscaping</h1>
<h1>& Gardening!</h1>
</div>
<div class="page-bot">
<a class="b-1" href="contact us.html"> <button id="b-1">Get in Touch</button></a>
<a class="b-2" href="About.html"><button id="b-2">About Us</button></a>
</div>
</div>
</div>
<div id="page2">
<h1>Welcome to GardenWorld🌿</h1>
<h4>"Where green dreams come to life! Dive into the world of gardening with us and discover a greener, more vibrant you."🌼</h4>
<h5>🌱 Cultivate. Grow. Thrive.</h5>
<h6>Get ready to bloom!</h6>
<a href="Miniature Garden Toys.html"><button>Explore now!</button></a>
</div>
<div id="page3">
<div class="container">
<img src="./Images/pruning-shears.png" alt="">
<h3>Expert Gardening Tips</h3>
<h4>"Unlock the secrets of successful gardening with our expert tips and techniques. Cultivate your green thumb and watch your garden thrive."</h4>
<a href="gardening tips.html"><button>View</button></a>
</div>
<div class="container">
<img src="./Images/orchard.png" alt="">
<h3>Gardening Tools</h3>
<h4>"Discover the perfect tools to make your gardening tasks a breeze. From shovels to pruners, we've got your essential gardening equipment covered."</h4>
<a href="Soil & Fertilizers.html"><button>View</button></a>
</div>
<div class="container">
<img src="./Images/hat.png" alt="">
<h3>Gardening Accessories</h3>
<h4>"Elevate your gardening experience with stylish and functional accessories. Explore a range of decorative pebbles, miniature garden toys, and more to add charm to your green oasis."</h4>
<a href="Gardening accessories.html"><button>View</button></a>
</div>
</div>
<div id="page4">
<h1>What Sets Us Apart From the Rest,<span>Why Are We The Best?</span></h1>
<div class="expp">
<div class="exp">
<div class="exp-1">
<h3 class="num">1</h3>
<h3>Exceptional Service</h3>
</div>
<h5>"Experience landscaping and lawn maintenance like never before. Our commitment to quality service sets us apart – give us a try, and you'll see the difference."</h5>
</div>
<div class="exp">
<div class="exp-1">
<h3 class="num">2</h3>
<h3>Our Unbeatable Guarantee</h3>
</div>
<h5>"We stand behind our landscaping and gardening services with an unbeatable guarantee. Your satisfaction is our priority, and we're here to exceed your expectations."</h5>
</div>
<div class="exp">
<div class="exp-1">
<h3 class="num">3</h3>
<h3>Delighted Clients</h3>
</div>
<h5>"Our track record speaks for itself. We're proud to have one of the most esteemed reputations in the landscaping industry, built on the happiness of our clients."</h5>
</div>
<div class="exp">
<div class="exp-1">
<h3 class="num">4</h3>
<h3>Prompt Responsiveness</h3>
</div>
<h5>"Your needs matter, and we're here to address them promptly. Expect quick and efficient responses from our team, always delivered on time."</h5>
</div>
<div class="exp">
<div class="exp-1">
<h3 class="num">5</h3>
<h3>Trusted Excellence</h3>
</div>
<h5>""In our community, we're more than just landscapers – we're trusted partners. Our name is synonymous with reliability and excellence."</h5>
</div>
<div class="exp">
<div class="exp-1">
<h3 class="num">6</h3>
<h3>Decades of Expertise</h3>
</div>
<h5>"With 40 years of cultivating stunning gardens in the San Fernando Valley, our experience is your assurance of breathtaking outdoor spaces."</h5>
</div>
</div>
</div>
<div id="page5">
<div class="page5-content">
<img src="Images/images/62ea69d0b102af73e8e14f48_Rectangle 1094 (1).webp" alt="">
<div class="page5-right">
<h1>Experience,
Excellence & Evidence?</h1>
<h3>Would you love to have the best garden in the neighborhood but you just don’t have the time to take care of it? We offer the maintenance your garden needs on a regular basis, weekly, monthly, you name it!</h3>
<h3><a href="#">Get More</a></h3>
</div>
</div>
</div>
<div id="page6">
<h1>Meet Our <span>Awesome Team!</span></h1>
<div class="team-flex">
<div class="page6-team-sec">
<img src="Images/images/violet.webp" alt="">
<h1>Muhammmad Zahid</h1>
<h3>Chief florist</h3>
</div>
<div class="page6-team-sec">
<img src="Images/images/62e934c04f2218420520f21f_boris-debusscher-9Rtp9uvTs3Q-unsplash-p-500.webp" alt="">
<h1>Syed Kashan</h1>
<h3>Chief gardener</h3>
</div>
<div class="page6-team-sec">
<img src="Images/images/62e934c04f22181a0720f220_Meet Our 03.webp" alt="">
<h1>Abdul Moiz</h1>
<h3>Landscape designer</h3>
</div>
<div class="page6-team-sec">
<img src="Images/images/62e934c04f221810c020f221_hayes-potter-vb46DLuP-Nw-unsplash-p-500.webp" alt="">
<h1>Nabeel Waqas</h1>
<h3>Owner and gardener</h3>
</div>
</div>
</div>
<div id="page7">
<div class="deals-con">
<div class="deals">
<h5>Starter Plan</h5>
<h1>$138</h1>
<h4><span>Monthly</span></h4>
<div class="h3-div">
<h3>Planting</h3>
<h3>Hedge trimming</h3>
<h3>Jet Washing</h3>
<h3>Weeding & Pruning</h3>
</div>
<button>Buy Plan</button>
</div>
<div id="mid-deal" class="deals">
<h5>Regular Pack</h5>
<h1>$238</h1>
<h4><span>Monthly</span></h4>
<div class="h3-div">
<h3>Planting & trimming</h3>
<h3>Jet washing</h3>
<h3>Tree replacements</h3>
<h3>Garden clearance</h3>
</div>
<button>Buy Plan</button>
</div>
<div class="deals">
<h5>Advanced Pack</h5>
<h1>$338</h1>
<h4><span>Monthly</span></h4>
<div class="h3-div">
<h3>Landscape designing</h3>
<h3>Garden Clearance</h3>
<h3>Tree replacements</h3>
<h3>Tree disease diagnosis</h3>
</div>
<button>Buy Plan</button>
</div>
</div>
</div>
<div id="page8">
<div class="div-contact">
<h1>Your Garden Needs a Bit of Love? <span>Contact Us Now!</span></h1>
<a href="contact us.html"><button>Contact Us</button></a>
</div>
</div>
<footer>
<div class="footer-con">
<div class="footer-part1">
<img src="./Images/images/replicate-prediction-6vldnsbbbjrucplxuvbanzlwla.png" width="100vw" height="100vw" alt="">
<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime.</p>
</div>
<div class="footer-part2">
<h2>Company</h2>
<h3>About Us</h3>
<h3>Blog</h3>
<h3>Career</h3>
</div>
<div class="footer-part3">
<h2>Services</h2>
<h3>Our Process</h3>
<h3>Our Team</h3>
<h3>Testimonials</h3>
</div>
<div class="footer-part4">
<a href="contact us.html"><h2>Contact</h2></a>
<a href="contact us.html"><h3>Contact Us</h3></a>
<h3>FAQ</h3>
</div>
</div>
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js" integrity="sha512-Ic9xkERjyZ1xgJ5svx3y0u3xrvfT/uPkV99LBwe68xjy/mGtO+4eURHZBW2xW4SZbFrF1Tf090XqB+EVgXnVjw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.js"></script>
<script src="./script/script.js"></script>
</body>
</html>