/
home
/
u417168693
/
domains
/
devtechera.com
/
public_html
/
projects
/
devfloria
/
/home/u417168693/domains/devtechera.com/public_html/projects/devfloria
mkdir
upload
Name
Size
Mode
Actions
css/
-
0755
rm
font/
-
0755
rm
images/
-
0755
rm
img/
-
0755
rm
js/
-
0755
rm
404.html
155401
0644
edit
dl
rm
about-us-2.html
168079
0644
edit
dl
rm
about-us-3.html
167957
0644
edit
dl
rm
About-us-4.html
196
0644
edit
dl
rm
about-us.html
168479
0644
edit
dl
rm
account.html
196
0644
edit
dl
rm
article-post-right.html
189425
0644
edit
dl
rm
article-post-without.html
181174
0644
edit
dl
rm
article-post.html
190936
0644
edit
dl
rm
article-post.html.html
196
0644
edit
dl
rm
billing-info.html
164692
0644
edit
dl
rm
blog-grid-2.html
196
0644
edit
dl
rm
blog-grid-right.html
176699
0644
edit
dl
rm
blog-grid-without.html
169902
0644
edit
dl
rm
blog-grid.html
176680
0644
edit
dl
rm
cancellation.html
158823
0644
edit
dl
rm
cart-empty.html
234973
0644
edit
dl
rm
cart-page.html
248830
0644
edit
dl
rm
change-password.html
161204
0644
edit
dl
rm
checkout-1.html
196
0644
edit
dl
rm
checkout-style1.html
168858
0644
edit
dl
rm
checkout-style2.html
179445
0644
edit
dl
rm
checkout-style3.html
169992
0644
edit
dl
rm
colection.html
196
0644
edit
dl
rm
collection-list-right.html
282598
0644
edit
dl
rm
collection-list-without.html
277156
0644
edit
dl
rm
collection-list.html
282743
0644
edit
dl
rm
collection-right.html
304397
0644
edit
dl
rm
collection-without.html
298161
0644
edit
dl
rm
collection.html
310317
0644
edit
dl
rm
collection.html.html
196
0644
edit
dl
rm
coming-soon.html
7517
0644
edit
dl
rm
contact-us-2.html
161123
0644
edit
dl
rm
Contact-us-3.html
196
0644
edit
dl
rm
contact-us.html
161502
0644
edit
dl
rm
contact.html
196
0644
edit
dl
rm
create-account.html
158596
0644
edit
dl
rm
faq's.html
196
0644
edit
dl
rm
faq.html
168057
0644
edit
dl
rm
index.html
336509
0644
edit
dl
rm
index2.html
437836
0644
edit
dl
rm
index3.html
525505
0644
edit
dl
rm
index4.html
251024
0644
edit
dl
rm
index5.html
285164
0644
edit
dl
rm
index6.html
573799
0644
edit
dl
rm
index7.html
558834
0644
edit
dl
rm
login-account.html
157490
0644
edit
dl
rm
nursery.zip
101260131
0644
edit
dl
rm
order-complete.html
158930
0644
edit
dl
rm
order-history.html
161690
0644
edit
dl
rm
Page.html
196
0644
edit
dl
rm
payment-policy.html
158234
0644
edit
dl
rm
Privacy-policy-2.html
196
0644
edit
dl
rm
privacy-policy.html
175296
0644
edit
dl
rm
pro-address.html
163221
0644
edit
dl
rm
pro-tickets.html
161612
0644
edit
dl
rm
pro-wishlist.html
166127
0644
edit
dl
rm
product-template.html
267532
0644
edit
dl
rm
product-template2.html
272838
0644
edit
dl
rm
product-template3.html
269445
0644
edit
dl
rm
product-template4.html
274479
0644
edit
dl
rm
product-template5.html
267731
0644
edit
dl
rm
product-template6.html
271501
0644
edit
dl
rm
product-template7.html
275036
0644
edit
dl
rm
product.html
196
0644
edit
dl
rm
profile.html
162475
0644
edit
dl
rm
return-policy.html
157771
0644
edit
dl
rm
search-blog.html
170618
0644
edit
dl
rm
search.html
230029
0644
edit
dl
rm
sitemap.html
162157
0644
edit
dl
rm
tel(000)1234567890.html
196
0644
edit
dl
rm
terms-condition.html
164135
0644
edit
dl
rm
terms-conditions.html
196
0644
edit
dl
rm
track-page.html
157272
0644
edit
dl
rm
wishlist-empty.html
155825
0644
edit
dl
rm
wishlist-product.html
166838
0644
edit
dl
rm
wishlist.html
196
0644
edit
dl
rm
Edit:
/home/u417168693/domains/devtechera.com/public_html/projects/devfloria/index4.html
(251024B)
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from spacingtech.com/html/panno/panno/index4.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 16 Jan 2025 04:26:25 GMT --> <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <head> <meta charset="utf-8"> <meta name="description" content="A best stylish, creative, modern responsive template for different eCommerce business or industries." /> <meta name="keywords" content="food template, bakery products, html, eCommerce html template,plants, organic food, restaurant, live tree, responsive, pizza, burger, furniture, mobile, watches, electronics, computers accessories, toys, jewellery, restaurant accessories" /> <meta name="author" content="spacingtech_webify"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- title --> <title>Panno - The Plants & Organic Food eCommerce HTML5 template</title> <!-- favicon --> <link rel="icon" type="image/x-icon" href="img/favicon/favicon4.png"> <!-- bootstrap css --> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap-icons.css"> <!-- magnific-popup css --> <link rel="stylesheet" type="text/css" href="css/magnific-popup.css"> <!-- fontawesome css --> <link rel="stylesheet" type="text/css" href="css/all.min.css"> <!--fether css --> <link rel="stylesheet" type="text/css" href="css/feather.css"> <!-- animate css --> <link rel="stylesheet" type="text/css" href="css/animate.min.css"> <!-- owl-carousel css --> <link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css"> <link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css"> <!-- swiper css --> <link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css"> <!-- slick slider css --> <link rel="stylesheet" type="text/css" href="css/slick.css"> <!-- collection css --> <link rel="stylesheet" type="text/css" href="css/collection.css"> <!-- blog css --> <link rel="stylesheet" type="text/css" href="css/blog.css"> <!-- other-pages css --> <link rel="stylesheet" type="text/css" href= "css/other-pages.css"> <!-- product-page css --> <link rel="stylesheet" type="text/css" href="css/product-page.css"> <!-- style css --> <link rel="stylesheet" type="text/css" href="css/style4.css"> </head> <body> <!-- notification-bar start --> <div class="notification-bar"> <div class="container"> <div class="row"> <div class="col"> <ul class="notification-content"> <li class="noti-wrap noti-call-wrap"> <div class="noti-call"> <div class="calltext"> <p><a href="#">Call : +00 123 456 7890</a></p> </div> </div> </li> <li class="noti-wrap noti-text-wrap"> <div class="noti-text"> <p>Free shipping + 30-day happiness guarantee</p> </div> </li> <li class="noti-wrap noti-icon-wrap"> <div class="noti-icon-block"> <ul class="shop-element"> <li class="side-wrap search-wrap"> <div class="search-wrapper"> <a href="#searchmodal" data-bs-toggle="modal"> <span class="search-icon"><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></span> </a> </div> </li> <li class="side-wrap user-wrap"> <div class="user-wrapper"> <a class="javascript:void(0) collapsed" data-bs-toggle="collapse" href="#store-account" aria-expanded="false"> <span class="user-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 22h-2v-2a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v2H4v-2a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5zm-8-9a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8"/></svg></span> <span class="user-title">Login</span> </a> <div class="user-drower collapse" id="store-account" style=""> <a href="login-account.html">Login</a> <a href="create-account.html">Register</a> </div> </div> </li> <li class="side-wrap wishlist-wrap"> <div class="wishlist-wrapper"> <a href="wishlist-empty.html"> <span class="wishlist-icon-count"> <span class="wishlist-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.001 4.529a5.998 5.998 0 0 1 8.242.228a6 6 0 0 1 .236 8.236l-8.48 8.492l-8.478-8.492a6 6 0 0 1 8.48-8.464m6.826 1.641a3.998 3.998 0 0 0-5.49-.153l-1.335 1.198l-1.336-1.197a4 4 0 0 0-5.686 5.605L12 18.654l7.02-7.03a4 4 0 0 0-.193-5.454"></path></svg></span> </span> <span class="wishlist-title">Wishlist</span> </a> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> <!-- notification-bar end --> <!-- header start --> <header class="main-header" id="stickyheader"> <div class="header-top-area"> <div class="container"> <div class="row"> <div class="col"> <div class="header-area"> <div class="header-element header-logo"> <div class="header-theme-logo"> <a href="index4.html" class="theme-logo"> <img src="img/logo/logo4.png" class="img-fluid" alt="logo"> </a> </div> </div> <div class="header-element header-menu"> <!-- header-menu start --> <div class="mainmenu-content"> <div class="main-wrap"> <ul class="main-menu"> <li class="menu-link"> <a href="index2.html" class="link-title"> <span class="sp-link-title">Home</span> <span class="menu-arrow"><i class="fa fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-single collapse" id="collapse-Home"> <ul class="ul"> <li class="menusingle-li"> <a href="index7.html" class="menusingle-title"> <span class="sp-link-title">Food & bakery<span class="header-sale-lable">New</span></span> </a> </li> <li class="menusingle-li"> <a href="index6.html" class="menusingle-title"> <span class="sp-link-title">Online plants</span> </a> </li> <li class="menusingle-li"> <a href="index.html" class="menusingle-title"> <span class="sp-link-title">Live plants</span> </a> </li> <li class="menusingle-li"> <a href="index2.html" class="menusingle-title"> <span class="sp-link-title">Organic food</span> </a> </li> <li class="menusingle-li"> <a href="index3.html" class="menusingle-title"> <span class="sp-link-title">Restaurants</span> </a> </li> <li class="menusingle-li"> <a href="index4.html" class="menusingle-title"> <span class="sp-link-title">Plants & trees</span> </a> </li> <li class="menusingle-li"> <a href="index5.html" class="menusingle-title"> <span class="sp-link-title">Juice & drink</span> </a> </li> </ul> </div> </li> <li class="menu-link"> <a href="collection.html" class="link-title"> <span class="sp-link-title">Product<span class="header-sale-lable">Sale</span></span> <span class="menu-arrow"><i class="fa fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-mega collapse" id="colection"> <ul class="ul container p-0"> <li class="menumega-li"> <a href="javascript:void(0)" class="menumega-title"> <span class="sp-link-title">Shop page</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menumegasup-dropdown collapse"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <a href="collection-without.html" class="menumegasup-title"> <span class="sp-link-title">Collection</span> </a> </li> <li class="menumegasup-li"> <a href="collection.html" class="menumegasup-title"> <span class="sp-link-title">Collection left</span> </a> </li> <li class="menumegasup-li"> <a href="collection-right.html" class="menumegasup-title"> <span class="sp-link-title">Collection right</span> </a> </li> <li class="menumegasup-li"> <a href="collection-list-without.html" class="menumegasup-title"> <span class="sp-link-title">Collection list</span> </a> </li> <li class="menumegasup-li"> <a href="collection-list.html" class="menumegasup-title"> <span class="sp-link-title">Collection list left</span> </a> </li> <li class="menumegasup-li"> <a href="collection-list-right.html" class="menumegasup-title"> <span class="sp-link-title">Collection list right</span> </a> </li> </ul> </div> </li> <li class="menumega-li"> <a href="javascript:void(0)" class="menumega-title"> <span class="sp-link-title">Product page</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menumegasup-dropdown collapse"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <a href="product-template.html" class="menumegasup-title"> <span class="sp-link-title">Product layout</span> </a> </li> <li class="menumegasup-li"> <a href="product-template2.html" class="menumegasup-title"> <span class="sp-link-title">Product tab</span> </a> </li> <li class="menumegasup-li"> <a href="product-template3.html" class="menumegasup-title"> <span class="sp-link-title">Product advance</span> </a> </li> <li class="menumegasup-li"> <a href="product-template4.html" class="menumegasup-title"> <span class="sp-link-title">Product accordion</span> </a> </li> <li class="menumegasup-li"> <a href="product-template5.html" class="menumegasup-title"> <span class="sp-link-title">Product center</span> </a> </li> <li class="menumegasup-li"> <a href="product-template6.html" class="menumegasup-title"> <span class="sp-link-title">Product sticky</span> </a> </li> <li class="menumegasup-li"> <a href="product-template7.html" class="menumegasup-title"> <span class="sp-link-title">Product side</span> </a> </li> </ul> </div> </li> <li class="menumega-li"> <div class="menu-product"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home1-pro-banner1.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home1-pro-banner2.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Philodendron birkin</a></h6> <div class="price-box"> <span class="new-price">Rs. 25.00</span> <span class="old-price">Rs. 45.00</span> </div> </div> </div> </div> </li> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home1-pro-banner3.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home1-pro-banner4.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Majesty palm</a></h6> <div class="price-box"> <span class="new-price">Rs. 11.00</span> <span class="old-price">Rs. 19.00</span> </div> </div> </div> </div> </li> </ul> <div class="menu-product-btn"> <a href="collection.html" class="menu-pro-link">See more<i class="bi bi-chevron-right"></i></a> </div> </div> </li> <li class="menumega-li"> <div class="menu-product"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home1-pro-banner5.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home1-pro-banner6.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Wheat grass</a></h6> <div class="price-box"> <span class="new-price">Rs. 21.00</span> <span class="old-price">Rs. 25.00</span> </div> </div> </div> </div> </li> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home1-pro-banner7.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home1-pro-banner8.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Ears cactus</a></h6> <div class="price-box"> <span class="new-price">Rs. 69.00</span> <span class="old-price">Rs. 89.00</span> </div> </div> </div> </div> </li> </ul> <div class="menu-product-btn"> <a href="collection.html" class="menu-pro-link">See more<i class="bi bi-chevron-right"></i></a> </div> </div> </li> </ul> </div> </li> <li class="menu-link"> <a href="collection.html" class="link-title"> <span class="sp-link-title">Collection</span> <span class="menu-arrow"><i class="fa fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-banner collapse" id="collapse-shop"> <ul class="container ul"> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="banner-hover"> <img src="img/menu/home4-menu-banner1.jpg" class="img-fluid" alt="menu-banner1"> </a> <a href="collection.html" class="collection-title"> <span>New product</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="banner-hover"> <img src="img/menu/home4-menu-banner2.jpg" class="img-fluid" alt="menu-banner2"> </a> <a href="collection.html" class="collection-title"> <span>Featured product</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="banner-hover"> <img src="img/menu/home4-menu-banner3.jpg" class="img-fluid" alt="menu-banner3"> </a> <a href="collection.html" class="collection-title"> <span>Best seller</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="banner-hover"> <img src="img/menu/home4-menu-banner4.jpg" class="img-fluid" alt="menu-banner4"> </a> <a href="collection.html" class="collection-title"> <span>Super sale</span> </a> </div> </li> </ul> </div> </li> <li class="menu-link"> <a href="index2.html" class="link-title"> <span class="sp-link-title">Blog</span> <span class="menu-arrow"><i class="fa fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-single collapse" id="blogs"> <ul class="ul"> <li class="menusingle-li"> <a href="blog-grid-without.html" class="menusingle-title"> <span class="sp-link-title">Blog grid</span> </a> </li> <li class="menusingle-li"> <a href="blog-grid.html" class="menusingle-title"> <span class="sp-link-title">Blog grid left</span> </a> </li> <li class="menusingle-li"> <a href="blog-grid-right.html" class="menusingle-title"> <span class="sp-link-title">Blog grid right</span> </a> </li> <li class="menusingle-li"> <a href="article-post-without.html" class="menusingle-title"> <span class="sp-link-title">Article post</span> </a> </li> <li class="menusingle-li"> <a href="article-post.html" class="menusingle-title"> <span class="sp-link-title">Article post left</span> </a> </li> <li class="menusingle-li"> <a href="article-post-right.html" class="menusingle-title"> <span class="sp-link-title">Article post right</span> </a> </li> </ul> </div> </li> <li class="menu-link"> <a href="about-us.html" class="link-title"> <span class="sp-link-title">Pages</span> <span class="menu-arrow"><i class="fa fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-sub collapse" id="page"> <ul class="ul"> <li class="menusub-li"> <a href="about-us.html" class="menusub-title"> <span class="sp-link-title">About us</span> <span class="menu-arrow"><i class="fa-solid fa-angle-right"></i></span> </a> <div class="menusup-dropdown collapse" id="About"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="about-us.html" class="menusup-title"> <span class="sp-link-title">About us</span> </a> </li> <li class="menusup-li"> <a href="about-us-2.html" class="menusup-title"> <span class="sp-link-title">About us 2</span> </a> </li> <li class="menusup-li"> <a href="about-us-3.html" class="menusup-title"> <span class="sp-link-title">About us 3</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="login-account.html" class="menusub-title"> <span class="sp-link-title">My account</span> <span class="menu-arrow"><i class="fa-solid fa-angle-right"></i></span> </a> <div class="menusup-dropdown collapse"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="order-history.html" class="menusup-title"> <span class="sp-link-title">Order</span> </a> </li> <li class="menusup-li"> <a href="profile.html" class="menusup-title"> <span class="sp-link-title">Profile</span> </a> </li> <li class="menusup-li"> <a href="pro-address.html" class="menusup-title"> <span class="sp-link-title">Address</span> </a> </li> <li class="menusup-li"> <a href="pro-wishlist.html" class="menusup-title"> <span class="sp-link-title">Wishlist</span> </a> </li> <li class="menusup-li"> <a href="pro-tickets.html" class="menusup-title"> <span class="sp-link-title">My tickets</span> </a> </li> <li class="menusup-li"> <a href="billing-info.html" class="menusup-title"> <span class="sp-link-title">Billing info</span> </a> </li> <li class="menusup-li"> <a href="track-page.html" class="menusup-title"> <span class="sp-link-title">Track page</span> </a> </li> <li class="menusup-li"> <a href="order-complete.html" class="menusup-title"> <span class="sp-link-title">Order complete</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="contact-us.html" class="menusub-title"> <span class="sp-link-title">Contact us</span> <span class="menu-arrow"><i class="fa-solid fa-angle-right"></i></span> </a> <div class="menusup-dropdown collapse"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="contact-us.html" class="menusup-title"> <span class="sp-link-title">Contact us</span> </a> </li> <li class="menusup-li"> <a href="contact-us-2.html" class="menusup-title"> <span class="sp-link-title">Contact us 2</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="checkout-style1.html" class="menusub-title"> <span class="sp-link-title">Checkout</span> <span class="menu-arrow"><i class="fa-solid fa-angle-right"></i></span> </a> <div class="menusup-dropdown collapse"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="checkout-style1.html" class="menusup-title"> <span class="sp-link-title">Contact us</span> </a> </li> <li class="menusup-li"> <a href="checkout-style2.html" class="menusup-title"> <span class="sp-link-title">Contact us 2</span> </a> </li> <li class="menusup-li"> <a href="checkout-style3.html" class="menusup-title"> <span class="sp-link-title">Contact us 3</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="javascript:void(0)" class="menusub-title"> <span class="sp-link-title">Features</span> <span class="menu-arrow"><i class="fa-solid fa-angle-right"></i></span> </a> <div class="menusup-dropdown collapse"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="cancellation.html" class="menusup-title"> <span class="sp-link-title">Cancellation</span> </a> </li> <li class="menusup-li"> <a href="cart-page.html" class="menusup-title"> <span class="sp-link-title">Cart page</span> </a> </li> <li class="menusup-li"> <a href="wishlist-product.html" class="menusup-title"> <span class="sp-link-title">Wishlist product</span> </a> </li> <li class="menusup-li"> <a href="sitemap.html" class="menusup-title"> <span class="sp-link-title">Sitemap</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="faq.html" class="menusub-title"> <span class="sp-link-title">Faq's</span> </a> </li> <li class="menusub-li"> <a href="privacy-policy.html" class="menusub-title"> <span class="sp-link-title">Privacy policy</span> </a> </li> <li class="menusub-li"> <a href="payment-policy.html" class="menusub-title"> <span class="sp-link-title">Payment policy</span> </a> </li> <li class="menusub-li"> <a href="terms-condition.html" class="menusub-title"> <span class="sp-link-title">Terms & condition</span> </a> </li> <li class="menusub-li"> <a href="return-policy.html" class="menusub-title"> <span class="sp-link-title">Return policy</span> </a> </li> <li class="menusub-li"> <a href="404.html" class="menusub-title"> <span class="sp-link-title">404</span> </a> </li> <li class="menusub-li"> <a href="coming-soon.html" class="menusub-title"> <span class="sp-link-title">Coming soon</span> </a> </li> </ul> </div> </li> </ul> </div> </div> <!-- header-menu end --> </div> <div class="header-element header-icon"> <div class="header-icon-block"> <ul class="shop-element"> <li class="side-wrap button-wrap"> <div class="button-block"> <a href="collection.html" class="btn-style">Plants offer</a> </div> </li> <li class="side-wrap toggler-wrap"> <div class="toggler-wrapper"> <button type="button" class="toggler-btn"> <span class="toggler-icon"><i class="feather-menu"></i></span> </button> </div> </li> <li class="side-wrap search-wrap"> <div class="search-wrapper"> <a href="#searchmodal" data-bs-toggle="modal"> <span class="search-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"></path></svg></span> </a> </div> </li> <li class="side-wrap user-wrap"> <div class="user-wrapper"> <a href="login-account.html"> <span class="user-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 22h-2v-2a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v2H4v-2a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5zm-8-9a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8"/></svg></span> </a> </div> </li> <li class="side-wrap wishlist-wrap"> <div class="wishlist-wrapper"> <a href="wishlist-product.html"> <span class="wishlist-icon-count"> <span class="wishlist-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853ZM18.827 6.1701C17.3279 4.66794 14.9076 4.60701 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09098 4.60597 6.67506 4.66808 5.17157 6.17157C3.68183 7.66131 3.60704 10.0473 4.97993 11.6232L11.9999 18.6543L19.0201 11.6232C20.3935 10.0467 20.319 7.66525 18.827 6.1701Z"></path></svg></span> <span class="wishlist-count">5</span> </span> </a> </div> </li> <li class="side-wrap cart-wrap"> <div class="cart-wrapper"> <a href="javascript:void(0)" class="js-cart-drawer"> <span class="cart-icon-count"> <span class="cart-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.505 2h11a1 1 0 0 1 .8.4l2.7 3.6v15a1 1 0 0 1-1 1h-16a1 1 0 0 1-1-1V6l2.7-3.6a1 1 0 0 1 .8-.4m12.5 6h-14v12h14zm-.5-2l-1.5-2h-10l-1.5 2zm-9.5 4v2a3 3 0 1 0 6 0v-2h2v2a5 5 0 0 1-10 0v-2z"/></svg></span> <span class="cart-count">4</span> </span> </a> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </header> <!-- header end --> <!-- main start --> <main id="main-content"> <!-- home-slider start --> <section class="home-slider-area section-ptb" style="background-image: url('img/slider/home4-bg.jpg');"> <div class="container"> <div class="row"> <div class="col"> <div class="home-slider-info"> <div class="slider-block slider-title"> <div class="home-slider-title"> <span class="sub-title">Rubber plant get 30% off</span> <h2>Grow green and be safe</h2> <a href="collection.html" class="btn btn-style">Shop now</a> </div> </div> <div class="slider-block slider-image"> <div class="home-slider-img"> <span class="image"> <img src="img/slider/home4-slider.jpg" class="img-fluid" alt="home-slider"> </span> </div> </div> <div class="slider-block slider-service"> <ul class="slider-ul"> <li class="slider-li"> <div class="slider-main"> <div class="slider-icon-img"> <img src="img/slider/home4-icon1.png" class="img-fluid" alt="slider-icon1"> </div> <div class="service-title"> <h6>Feeding</h6> <p>Lorem ipsum is simply dummy text of the printing industry.</p> </div> </div> </li> <li class="slider-li"> <div class="slider-main"> <div class="slider-icon-img"> <img src="img/slider/home4-icon2.png" class="img-fluid" alt="slider-icon2"> </div> <div class="service-title"> <h6>Light</h6> <p>Lorem ipsum is simply dummy text of the printing industry.</p> </div> </div> </li> <li class="slider-li"> <div class="slider-main"> <div class="slider-icon-img"> <img src="img/slider/home4-icon3.png" class="img-fluid" alt="slider-icon3"> </div> <div class="service-title"> <h6>Care</h6> <p>Lorem ipsum is simply dummy text of the printing industry.</p> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <!-- home-slider end --> <!-- banner-grid start --> <section class="banner-grid section-pt"> <div class="container"> <div class="row"> <div class="col"> <div class="banner-content"> <ul class="banner-ul"> <li class="banner-li"> <div class="banner-wrap banner-hover"> <a href="javascript:void(0)" class="banner-img"> <img src="img/banner/home4-banner-1.jpg" class="img-fluid" alt="banner1"> </a> <div class="banner-wrapper"> <div class="banner-info"> <div class="banner-sub-title"> <span>Outdoor plants</span> </div> <h2>Trees are green gold</h2> <div class="banner-link"> <a href="collection.html" class="btn btn-style">Shop now</a> </div> </div> </div> </div> </li> <li class="banner-li"> <div class="banner-wrap banner-hover"> <a href="javascript:void(0)" class="banner-img"> <img src="img/banner/home4-banner-2.jpg" class="img-fluid" alt="banner2"> </a> <div class="banner-wrapper"> <div class="banner-info"> <div class="banner-sub-title"> <span>Indoor plant</span> </div> <h2>Trees are important</h2> <div class="banner-link"> <a href="collection.html" class="btn btn-style">Shop now</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </section> <!-- banner-grid end --> <!-- our-service start --> <section class="our-service section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="service-content"> <ul class="service-ul"> <li class="service-li"> <div class="service-block"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"> <path fill="currentColor" d="M8.965 18a3.5 3.5 0 0 1-6.93 0H1V6a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2h3l3 4.056V18h-2.035a3.501 3.501 0 0 1-6.93 0zM15 7H3v8.05a3.5 3.5 0 0 1 5.663.95h5.674c.168-.353.393-.674.663-.95zm2 6h4v-.285L18.992 10H17zm.5 6a1.5 1.5 0 1 0 0-3.001a1.5 1.5 0 0 0 0 3.001M7 17.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 0 0 3 0" /> </svg> </a> <div class="service-text"> <h6>Free shipping</h6> <p>Orders from all item</p> </div> </div> </li> <li class="service-li"> <div class="service-block"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"> <path fill="currentColor" d="m11.005 2l7.298 2.28a1 1 0 0 1 .702.955V7h2a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1l-3.22.001c-.387.51-.857.96-1.4 1.33L11.005 22l-5.38-3.668a6 6 0 0 1-2.62-4.958V5.235a1 1 0 0 1 .702-.954zm0 2.094l-6 1.876v7.404a4 4 0 0 0 1.558 3.169l.189.136l4.253 2.9L14.787 17h-4.782a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h7V5.97zm0 7.906v3h9v-3zm0-2h9V9h-9z" /> </svg> </a> <div class="service-text"> <h6>Secure payment</h6> <p>100% secure payment</p> </div> </div> </li> <li class="service-li"> <div class="service-block"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M14.178 9.76602C16.0334 9.35487 17.695 8.4283 19.0049 7.14424V4.00281H5.00488V7.14424C6.31472 8.4283 7.97632 9.35487 9.83175 9.76602C10.2621 9.01149 11.0741 8.50281 12.0049 8.50281C12.9357 8.50281 13.7477 9.01149 14.178 9.76602ZM14.3861 11.7666C14.0633 12.7737 13.1192 13.5028 12.0049 13.5028C10.8905 13.5028 9.94648 12.7737 9.6237 11.7666C7.92722 11.425 6.36024 10.7257 5.00488 9.75071V20.0028H19.0049V9.75071C17.6495 10.7257 16.0825 11.425 14.3861 11.7666ZM4.00488 2.00281H20.0049C20.5572 2.00281 21.0049 2.45052 21.0049 3.00281V21.0028C21.0049 21.5551 20.5572 22.0028 20.0049 22.0028H4.00488C3.4526 22.0028 3.00488 21.5551 3.00488 21.0028V3.00281C3.00488 2.45052 3.4526 2.00281 4.00488 2.00281Z"/></svg> </a> <div class="service-text"> <h6>Secure packaging</h6> <p>Recyclable packaging</p> </div> </div> </li> <li class="service-li"> <div class="service-block"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M22 17.0022C21.999 19.8731 19.9816 22.2726 17.2872 22.8616L16.6492 20.9476C17.8532 20.7511 18.8765 20.0171 19.4649 19H17C15.8954 19 15 18.1046 15 17V13C15 11.8954 15.8954 11 17 11H19.9381C19.446 7.05369 16.0796 4 12 4C7.92038 4 4.55399 7.05369 4.06189 11H7C8.10457 11 9 11.8954 9 13V17C9 18.1046 8.10457 19 7 19H4C2.89543 19 2 18.1046 2 17V12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12V12.9987V13V17V17.0013V17.0022ZM20 17V13H17V17H20ZM4 13V17H7V13H4Z"></path></svg> </a> <div class="service-text"> <h6>24/7 Online support</h6> <p>Dedicated 24/7 support</p> </div> </div> </li> </ul> </div> </div> </div> </div> </section> <!-- our-service end --> <!-- home-about start --> <section class="about-area" style="background-image: url('img/banner/home4-about-bg.jpg');"> <div class="container"> <div class="row"> <div class="col"> <div class="about-wrapper"> <div class="about-img about-wrap"> <div class="about-img-block"> <img src="img/banner/about-banner.png" class="img-fluid" alt="about-banner"> </div> </div> <div class="about-info about-wrap"> <div class="about-info-block"> <div class="section-capture"> <div class="section-title"> <span class="sub-title">About planets</span> <h2 class="title">The more you plant, the better planet you make.</h2> <p class="description">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae explicabo.</p> </div> </div> </div> <div class="about-info-btn"> <a href="about-us.html" class="btn btn-style">View more</a> </div> </div> </div> </div> </div> </div> </section> <!-- home-about end --> <!-- product-category start --> <section class="special-category section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="collection-category"> <div class="section-capture"> <div class="section-title"> <span class="sub-title">New plants</span> <h2>Our products</h2> </div> </div> <div class="collection-wrap"> <!-- product-area-title end --> <div class="collection-slider swiper" id="new-product4"> <div class="swiper-wrapper"> <div class="swiper-slide"> <!-- product start --> <div class="single-product-wrap"> <!-- product-img start --> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home4-pro-1.jpg" class="img-fluid img1" alt="p-1"> <img src="img/product/home4-pro-2.jpg" class="img-fluid img2" alt="p-2"> </a> <!-- product-action start --> <div class="product-action pro-quiqview"> <a href="#quickview" data-bs-toggle="modal" data-bs-target="#quickview" class="quick-view"> <span class="tooltip-text">Quickview</span> <i class="feather-eye"></i> </a> </div> <div class="product-cart"> <div class="product-action cart-wishlist"> <a href="javascript:void(0)" class="add-to-cart"> <span class="tooltip-text">Wishlist</span> <i class="feather-shopping-bag"></i> <span class="add-title">Add to cart</span> </a> <a href="wishlist.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <i class="feather-heart"></i> </a> </div> </div> <!-- product-action end --> </div> <!-- product-img end --> <!-- product-content start --> <div class="product-content"> <div class="product-info"> <!-- product-title start --> <h6><a href="product-template.html">Majesty palm</a></h6> <!-- product-title end --> <!-- product-price start --> <div class="price-box"> <span class="new-price">$11.00</span> <span class="old-price">$17.00</span> </div> <!-- product-price end --> <!-- product-rating start --> <div class="product-ratting"> <span class="star-rating"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </span> </div> <!-- product-rating end --> </div> <!-- product-action start --> <div class="product-action"> <a href="javascript:void(0)" class="add-to-cart"> <i class="feather-shopping-bag"></i> </a> <a href="#quickview" data-bs-toggle="modal" data-bs-target="#quickview" class="quick-view"> <i class="feather-eye"></i> </a> <a href="wishlist.html" class="wishlist"> <i class="feather-heart"></i> </a> </div> <!-- product-action end --> </div> <!-- product-content end --> </div> <!-- product end --> </div> <div class="swiper-slide"> <!-- product start --> <div class="single-product-wrap"> <!-- product-img start --> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home4-pro-3.jpg" class="img-fluid img1" alt="p-3"> <img src="img/product/home4-pro-4.jpg" class="img-fluid img2" alt="p-4"> </a> <!-- product-action start --> <div class="product-action pro-quiqview"> <a href="#quickview" data-bs-toggle="modal" data-bs-target="#quickview" class="quick-view"> <span class="tooltip-text">Quickview</span> <i class="feather-eye"></i> </a> </div> <div class="product-cart"> <div class="product-action cart-wishlist"> <a href="javascript:void(0)" class="add-to-cart"> <span class="tooltip-text">Wishlist</span> <i class="feather-shopping-bag"></i> <span class="add-title">Add to cart</span> </a> <a href="wishlist.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <i class="feather-heart"></i> </a> </div> </div> <!-- product-action end --> </div> <!-- product-img end --> <!-- product-content start --> <div class="product-content"> <div class="product-info"> <!-- product-title start --> <h6><a href="product-template.html">Howea forsteriana</a></h6> <!-- product-title end --> <!-- product-price start --> <div class="price-box"> <span class="new-price">$21.00</span> <span class="old-price">$25.00</span> </div> <!-- product-price end --> <!-- product-rating start --> <div class="product-ratting"> <span class="star-rating"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </span> </div> <!-- product-rating end --> </div> <!-- product-action start --> <div class="product-action"> <a href="javascript:void(0)" class="add-to-cart"> <i class="feather-shopping-bag"></i> </a> <a href="#quickview" data-bs-toggle="modal" data-bs-target="#quickview" class="quick-view"> <i class="feather-eye"></i> </a> <a href="wishlist.html" class="wishlist"> <i class="feather-heart"></i> </a> </div> <!-- product-action end --> </div> <!-- product-content end --> </div> <!-- product end --> </div> <div class="swiper-slide"> <!-- product start --> <div class="single-product-wrap"> <!-- product-img start --> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home4-pro-5.jpg" class="img-fluid img1" alt="p-5"> <img src="img/product/home4-pro-6.jpg" class="img-fluid img2" alt="p-6"> </a> <!-- product-action start --> <div class="product-action pro-quiqview"> <a href="#quickview" data-bs-toggle="modal" data-bs-target="#quickview" class="quick-view"> <span class="tooltip-text">Quickview</span> <i class="feather-eye"></i> </a> </div> <div class="product-cart"> <div class="product-action cart-wishlist"> <a href="javascript:void(0)" class="add-to-cart"> <span class="tooltip-text">Wishlist</span> <i class="feather-shopping-bag"></i> <span class="add-title">Add to cart</span> </a> <a href="wishlist.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <i class="feather-heart"></i> </a> </div> </div> <!-- product-action end --> </div> <!-- product-img end --> <!-- product-content start --> <div class="product-content"> <div class="product-info"> <!-- product-title start --> <h6><a href="product-template.html">Ears cactus</a></h6> <!-- product-title end --> <!-- product-price start --> <div class="price-box"> <span class="new-price">$79.00</span> <span class="old-price">$89.00</span> </div> <!-- product-price end --> <!-- product-rating start --> <div class="product-ratting"> <span class="star-rating"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </span> </div> <!-- product-rating end --> </div> <!-- product-action start --> <div class="product-action"> <a href="javascript:void(0)" class="add-to-cart"> <i class="feather-shopping-bag"></i> </a> <a href="#quickview" data-bs-toggle="modal" data-bs-target="#quickview" class="quick-view"> <i class="feather-eye"></i> </a> <a href="wishlist.html" class="wishlist"> <i class="feather-heart"></i> </a> </div> <!-- product-action end --> </div> <!-- product-content end --> </div> <!-- product end --> </div> <div class="swiper-slide"> <!-- product start --> <div class="single-product-wrap"> <!-- product-img start --> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home4-pro-7.jpg" class="img-fluid img1" alt="p-7"> <img src="img/product/home4-pro-8.jpg" class="img-fluid img2" alt="p-8"> </a> <!-- product-action start --> <div class="product-action pro-quiqview"> <a href="#quickview" data-bs-toggle="modal" data-bs-target="#quickview" class="quick-view"> <span class="tooltip-text">Quickview</span> <i class="feather-eye"></i> </a> </div> <div class="product-cart"> <div class="product-action cart-wishlist"> <a href="javascript:void(0)" class="add-to-cart"> <span class="tooltip-text">Wishlist</span> <i class="feather-shopping-bag"></i> <span class="add-title">Add to cart</span> </a> <a href="wishlist.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <i class="feather-heart"></i> </a> </div> </div> <!-- product-action end --> </div> <!-- product-img end --> <!-- product-content start --> <div class="product-content"> <div class="product-info"> <!-- product-title start --> <h6><a href="product-template.html">Majesty palm</a></h6> <!-- product-title end --> <!-- product-price start --> <div class="price-box"> <span class="new-price">$11.00</span> <span class="old-price">$19.00</span> </div> <!-- product-price end --> <!-- product-rating start --> <div class="product-ratting"> <span class="star-rating"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </span> </div> <!-- product-rating end --> </div> <!-- product-action start --> <div class="product-action"> <a href="javascript:void(0)" class="add-to-cart"> <i class="feather-shopping-bag"></i> </a> <a href="#quickview" data-bs-toggle="modal" data-bs-target="#quickview" class="quick-view"> <i class="feather-eye"></i> </a> <a href="wishlist.html" class="wishlist"> <i class="feather-heart"></i> </a> </div> <!-- product-action end --> </div> <!-- product-content end --> </div> <!-- product end --> </div> <div class="swiper-slide"> <!-- product start --> <div class="single-product-wrap"> <!-- product-img start --> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home4-pro-9.jpg" class="img-fluid img1" alt="p-9"> <img src="img/product/home4-pro-10.jpg" class="img-fluid img2" alt="p-10"> </a> <!-- product-action start --> <div class="product-action pro-quiqview"> <a href="#quickview" data-bs-toggle="modal" data-bs-target="#quickview" class="quick-view"> <span class="tooltip-text">Quickview</span> <i class="feather-eye"></i> </a> </div> <div class="product-cart"> <div class="product-action cart-wishlist"> <a href="javascript:void(0)" class="add-to-cart"> <span class="tooltip-text">Wishlist</span> <i class="feather-shopping-bag"></i> <span class="add-title">Add to cart</span> </a> <a href="wishlist.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <i class="feather-heart"></i> </a> </div> </div> <!-- product-action end --> </div> <!-- product-img end --> <!-- product-content start --> <div class="product-content"> <div class="product-info"> <!-- product-title start --> <h6><a href="product-template.html">Wheat grass</a></h6> <!-- product-title end --> <!-- product-price start --> <div class="price-box"> <span class="new-price">$21.00</span> <span class="old-price">$25.00</span> </div> <!-- product-price end --> <!-- product-rating start --> <div class="product-ratting"> <span class="star-rating"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </span> </div> <!-- product-rating end --> </div> <!-- product-action start --> <div class="product-action"> <a href="javascript:void(0)" class="add-to-cart"> <i class="feather-shopping-bag"></i> </a> <a href="#quickview" data-bs-toggle="modal" data-bs-target="#quickview" class="quick-view"> <i class="feather-eye"></i> </a> <a href="wishlist.html" class="wishlist"> <i class="feather-heart"></i> </a> </div> <!-- product-action end --> </div> <!-- product-content end --> </div> <!-- product end --> </div> <div class="swiper-slide"> <!-- product start --> <div class="single-product-wrap"> <!-- product-img start --> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home4-pro-11.jpg" class="img-fluid img1" alt="p-11"> <img src="img/product/home4-pro-12.jpg" class="img-fluid img2" alt="p-12"> </a> <!-- product-action start --> <div class="product-action pro-quiqview"> <a href="#quickview" data-bs-toggle="modal" data-bs-target="#quickview" class="quick-view"> <span class="tooltip-text">Quickview</span> <i class="feather-eye"></i> </a> </div> <div class="product-cart"> <div class="product-action cart-wishlist"> <a href="javascript:void(0)" class="add-to-cart"> <span class="tooltip-text">Wishlist</span> <i class="feather-shopping-bag"></i> <span class="add-title">Add to cart</span> </a> <a href="wishlist.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <i class="feather-heart"></i> </a> </div> </div> <!-- product-action end --> </div> <!-- product-img end --> <!-- product-content start --> <div class="product-content"> <div class="product-info"> <!-- product-title start --> <h6><a href="product-template.html">Strelitzia nicolai</a></h6> <!-- product-title end --> <!-- product-price start --> <div class="price-box"> <span class="new-price">$44.00</span> <span class="old-price">49.00</span> </div> <!-- product-price end --> <!-- product-rating start --> <div class="product-ratting"> <span class="star-rating"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </span> </div> <!-- product-rating end --> </div> <!-- product-action start --> <div class="product-action"> <a href="javascript:void(0)" class="add-to-cart"> <i class="feather-shopping-bag"></i> </a> <a href="#quickview" data-bs-toggle="modal" data-bs-target="#quickview" class="quick-view"> <i class="feather-eye"></i> </a> <a href="wishlist.html" class="wishlist"> <i class="feather-heart"></i> </a> </div> <!-- product-action end --> </div> <!-- product-content end --> </div> <!-- product end --> </div> </div> </div> <!-- product-area-title end --> <div class="collection-button"> <a href="collection.html" class="btn btn-style">View more</a> </div> </div> </div> </div> </div> </div> </section> <!-- product-category end --> <!-- home-service start --> <section class="home-service-area section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="home-service-block"> <div class="swiper" id="service-slider4"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-prev"> <div class="service-main"> <div class="service-image"> <a href="about-us-2.html" class="image-block"> <span class="image"> <img src="img/service/home4-service1.jpg" class="img-fluid" alt="service1"> </span> </a> </div> <div class="service-content"> <div class="content-block"> <a href="about-us-2.html" class="title">Quality products</a> <p class="desc">Lorem ipsum dolor amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt aliqua.</p> <a href="about-us-2.html" class="service-link">Explore now</a> </div> </div> </div> </div> <div class="swiper-slide swiper-slide-prev"> <div class="service-main"> <div class="service-image"> <a href="about-us-2.html" class="image-block"> <span class="image"> <img src="img/service/home4-service2.jpg" class="img-fluid" alt="service2"> </span> </a> </div> <div class="service-content"> <div class="content-block"> <a href="about-us-2.html" class="title">On tree care</a> <p class="desc">Lorem ipsum dolor amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt aliqua.</p> <a href="about-us-2.html" class="service-link">Explore now</a> </div> </div> </div> </div> <div class="swiper-slide swiper-slide-prev"> <div class="service-main"> <div class="service-image"> <a href="about-us-2.html" class="image-block"> <span class="image"> <img src="img/service/home4-service3.jpg" class="img-fluid" alt="service3"> </span> </a> </div> <div class="service-content"> <div class="content-block"> <a href="about-us-2.html" class="title">Supply seeds</a> <p class="desc">Lorem ipsum dolor amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt aliqua.</p> <a href="about-us-2.html" class="service-link">Explore now</a> </div> </div> </div> </div> <div class="swiper-slide swiper-slide-prev"> <div class="service-main"> <div class="service-image"> <a href="about-us-2.html" class="image-block"> <span class="image"> <img src="img/service/home4-service4.jpg" class="img-fluid" alt="service4"> </span> </a> </div> <div class="service-content"> <div class="content-block"> <a href="about-us-2.html" class="title">Quality products</a> <p class="desc">Lorem ipsum dolor amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt aliqua.</p> <a href="about-us-2.html" class="service-link">Explore now</a> </div> </div> </div> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> </div> </div> </div> </div> </div> </section> <!-- home-service end --> <!-- offer-text start --> <section class="offer-text-area section-pb"> <div class="container"> <div class="row"> <div class="col"> <div class="offer-text-main"> <div class="offer-text-block"> <div class="offer-text-title"> <div class="section-capture"> <div class="section-title"> <span class="sub-title">Greening the world</span> <h2>Where nature comes to life!</h2> </div> </div> </div> <div class="offer-text-image"> <div class="image-block"> <a href="https://www.youtube-nocookie.com/embed/OQRRlD3Ei5k" class="video-btn play-button popup-youtube"> <span class="image"> <img src="img/video/home4-video.png" class="img-fluid" alt="video"> </span> <span class="icon"><i class="feather-play"></i></span> </a> </div> </div> <div class="offer-text-desc"> <div class="desc-block"> <p class="desc">It is a long established fact that a reader will be distracted by readable content of a page at its layout.</p> <a href="about-us-3.html" class="text-btn">Shop now</a> </div> </div> </div> </div> </div> </div> </div> </section> <!-- offer-text end --> <!-- test-area start --> <section class="deal-test section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="deal-test-block"> <div class="section-capture"> <div class="section-title"> <span class="sub-title">Our testimonial</span> <h2><span>Customer love</span></h2> </div> </div> <div class="testi-wrap"> <div class="test-slider swiper" id="test-slider4"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testi-info"> <div class="testi-img-author"> <span class="testi-img"> <img class="img-fluid" src="img/testi/test-1.jpg" alt="test-1"> </span> <div class="testi-review-block"> <span class="testi-review"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa-regular fa-star"></i> </span> </div> </div> <div class="test-img-text"> <div class="test-des"> <p>“If you use this site regularly and would like to help keep the site on the internet, please consider donating a small sum to help pay for the hosting and bandwidth bill.”</p> </div> <div class="testi-block-author"> <div class="testi-author"> <h2>Lisa resnick</h2> <p class="author-bio">Company ceo</p> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testi-info"> <div class="testi-img-author"> <span class="testi-img"> <img class="img-fluid" src="img/testi/test-2.jpg" alt="test-2"> </span> <div class="testi-review-block"> <span class="testi-review"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa-regular fa-star"></i> </span> </div> </div> <div class="test-img-text"> <div class="test-des"> <p>“If you use this site regularly and would like to help keep the site on the internet, please consider donating a small sum to help pay for the hosting and bandwidth bill.”</p> </div> <div class="testi-block-author"> <div class="testi-author"> <h2>Audie dewey</h2> <p class="author-bio">Company ceo</p> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testi-info"> <div class="testi-img-author"> <span class="testi-img"> <img class="img-fluid" src="img/testi/test-3.jpg" alt="test-3"> </span> <div class="testi-review-block"> <span class="testi-review"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa-regular fa-star"></i> </span> </div> </div> <div class="test-img-text"> <div class="test-des"> <p>“If you use this site regularly and would like to help keep the site on the internet, please consider donating a small sum to help pay for the hosting and bandwidth bill.”</p> </div> <div class="testi-block-author"> <div class="testi-author"> <h2>Natosha jacobs</h2> <p class="author-bio">Company ceo</p> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testi-info"> <div class="testi-img-author"> <span class="testi-img"> <img class="img-fluid" src="img/testi/test-4.jpg" alt="test-4"> </span> <div class="testi-review-block"> <span class="testi-review"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa-regular fa-star"></i> </span> </div> </div> <div class="test-img-text"> <div class="test-des"> <p>“If you use this site regularly and would like to help keep the site on the internet, please consider donating a small sum to help pay for the hosting and bandwidth bill.”</p> </div> <div class="testi-block-author"> <div class="testi-author"> <h2>Robert smith</h2> <p class="author-bio">Company ceo</p> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testi-info"> <div class="testi-img-author"> <span class="testi-img"> <img class="img-fluid" src="img/testi/test-5.jpg" alt="test-5"> </span> <div class="testi-review-block"> <span class="testi-review"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa-regular fa-star"></i> </span> </div> </div> <div class="test-img-text"> <div class="test-des"> <p>“If you use this site regularly and would like to help keep the site on the internet, please consider donating a small sum to help pay for the hosting and bandwidth bill.”</p> </div> <div class="testi-block-author"> <div class="testi-author"> <h2>Robert smith</h2> <p class="author-bio">Company ceo</p> </div> </div> </div> </div> </div> </div> </div> <div class="swiper-buttons-wrap"> <div class="swiper-buttons"> <div class="swiper-buttons-wrap"> <button class="swiper-prev swiper-prev-test4"> <span><i class="fa-solid fa-arrow-left"></i></span> </button> <button class="swiper-next swiper-next-test4"> <span><i class="fa-solid fa-arrow-right"></i></span> </button> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- test-area end --> <!-- news-letter start --> <section class="news-letter section-pt"> <div class="container"> <div class="row"> <div class="col"> <div class="news-main"> <div class="news-search"> <div class="news-title"> <div class="section-title"> <h2 class="newstitle">Join our newsletter</h2> <p>Sign up here to get 20% off on your next purchase, special offers and other discount information</p> </div> </div> <!-- newsletter-content start --> <div class="subscribe-content"> <div class="news-content"> <form method="get" class="search-bar"> <div class="subscribe-block"> <input type="email" name="q" placeholder="Enter your mail.." class="input-text" required=""> <div class="email-submit"> <button type="submit" class="news-sub"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"> <path fill="currentColor" d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m17 4.238l-7.928 7.1L4 7.216V19h16zM4.511 5l7.55 6.662L19.502 5z" /> </svg> </button> </div> </div> </form> </div> </div> <!-- newsletter-content end --> </div> </div> </div> </div> </div> </section> <!-- news-letter end --> <!-- instagram start --> <section class="instagram-warp section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="insta-slider swiper" id="insta-slider4"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="index4.html"> <img src="img/insta/home4-insta-2.jpg" class="img-fluid" alt="insta2"> <div class="insta-icon"> <i class="fa-solid fa-arrow-right"></i> </div> </a> </div> <div class="swiper-slide"> <a href="index4.html"> <img src="img/insta/home4-insta-3.jpg" class="img-fluid" alt="insta3"> <div class="insta-icon"> <i class="fa-solid fa-arrow-right"></i> </div> </a> </div> <div class="swiper-slide"> <a href="index4.html"> <img src="img/insta/home4-insta-4.jpg" class="img-fluid" alt="insta4"> <div class="insta-icon"> <i class="fa-solid fa-arrow-right"></i> </div> </a> </div> <div class="swiper-slide"> <a href="index4.html"> <img src="img/insta/home4-insta-5.jpg" class="img-fluid" alt="insta5"> <div class="insta-icon"> <i class="fa-solid fa-arrow-right"></i> </div> </a> </div> <div class="swiper-slide"> <a href="index4.html"> <img src="img/insta/home4-insta-6.jpg" class="img-fluid" alt="insta6"> <div class="insta-icon"> <i class="fa-solid fa-arrow-right"></i> </div> </a> </div> <div class="swiper-slide"> <a href="index4.html" class="banner-hover"> <img src="img/insta/home4-insta-7.jpg" class="img-fluid" alt="insta7"> <div class="insta-icon"> <i class="fa-solid fa-arrow-right"></i> </div> </a> </div> <div class="swiper-slide"> <a href="index4.html"> <img src="img/insta/home4-insta-1.jpg" class="img-fluid" alt="insta1"> <div class="insta-icon"> <i class="fa-solid fa-arrow-right"></i> </div> </a> </div> </div> </div> </div> </div> </div> </section> <!-- instagram end --> </main> <!-- main end --> <!-- footer start --> <section class="footer-area section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="footer-list"> <ul class="footer-ul"> <li class="footer-li footer-logo"> <div class="footer-content"> <a href="index4.html" class="theme-logo"> <img src="img/logo/logo4.png" class="img-fluid" alt="footer-logo"> </a> <ul class="ftcontact-ul"> <li class="ftcontact-li"> <div class="footer-desc"> <p class="desc">It is a long established looking at its layout.</p> </div> </li> </ul> </div> </li> <li class="footer-li"> <ul class="ftlist-ul"> <li class="ftlist-li"> <h6 class="ftlist-title">My account</h6> <a href="#footer-my-account" class="ftlist-title" data-bs-toggle="collapse" aria-expanded="false"> <span>My account</span> <span><i class="fa-solid fa-plus"></i></span> </a> <ul class="ftlink-ul collapse" id="footer-my-account"> <li class="ftlink-li"> <a href="about-us.html">About us</a> </li> <li class="ftlink-li"> <a href="contact-us.html">Contact us</a> </li> <li class="ftlink-li"> <a href="faq.html">Faq's</a> </li> <li class="ftlink-li"> <a href="article-post.html">News</a> </li> <li class="ftlink-li"> <a href="wishlist-product.html">My wishlist</a> </li> </ul> </li> </ul> </li> <li class="footer-li"> <ul class="ftlist-ul"> <li class="ftlist-li"> <h6 class="ftlist-title">Privacy & terms</h6> <a href="#footer-extras" class="ftlist-title" data-bs-toggle="collapse" aria-expanded="false"> <span>Privacy & terms</span> <span><i class="fa-solid fa-plus"></i></span> </a> <ul class="ftlink-ul collapse" id="footer-extras"> <li class="ftlink-li"> <a href="cart-page.html">My cart</a> </li> <li class="ftlink-li"> <a href="about-us-2.html">About us 2</a> </li> <li class="ftlink-li"> <a href="contact-us-2.html">Contact us 2</a> </li> <li class="ftlink-li"> <a href="Privacy-policy-2.html">Privacy policy</a> </li> <li class="ftlink-li"> <a href="terms-condition.html">Terms & condition</a> </li> </ul> </li> </ul> </li> <li class="footer-li footer-contact"> <ul class="ftlist-ul"> <li class="ftlist-li"> <h6 class="ftlist-title">Contact us</h6> <a href="#footer-store-address" class="ftlist-title" data-bs-toggle="collapse" aria-expanded="false"> <span>Contact us</span> <span><i class="fa-solid fa-plus"></i></span> </a> <ul class="ftcontact-ul collapse" id="footer-store-address"> <li class="ftcontact-li"> <div class="ft-contact-add"> <p class="ft-contact-text">7266 Courtland st.</p> </div> </li> <li class="ftcontact-li"> <div class="ft-contact-add"> <p class="ft-contact-text">owings mills, md 12</p> </div> </li> <li class="ftcontact-li"> <div class="ft-contact-add"> <a href="mailto:demo@demo.com" class="ft-contact-address">demo@demo.com</a> </div> </li> <li class="ftcontact-li"> <div class="ft-contact-add"> <a href="#" class="ft-contact-address">(000) 123 456 7890</a> </div> </li> </ul> </li> </ul> </li> <li class="footer-li store-time"> <ul class="ftlist-ul"> <li class="ftlist-li"> <h6 class="ftlist-title">Opening time</h6> <a href="#footer-time" class="ftlist-title" data-bs-toggle="collapse" aria-expanded="false"> <span>Opening time</span> <span><i class="fa-solid fa-plus"></i></span> </a> <ul class="store-time-ul collapse" id="footer-time"> <li class="time-list-li"> <span class="time-text">Mon to sat: 7am - 8pm</span> <span class="time-text">Sunday: 8am - 5pm</span> </li> <li class="time-list-li"> <span class="time-text">Enjoy discount baked.</span> <span class="time-text">6am - 8pm daily</span> </li> </ul> </li> </ul> </li> <li class="footer-li store-app-image"> <ul class="ftlist-ul"> <li class="ftlist-li"> <h6 class="ftlist-title">Download app</h6> <a href="#footer-app" class="ftlist-title" data-bs-toggle="collapse"> <span>Download app</span> <span><i class="fa-solid fa-plus"></i></span> </a> <ul class="app-img-ul collapse" id="footer-app"> <li class="app-image"> <a href="index4.html" class="image"> <img src="img/footer/home4-footer1.jpg" class="img-fluid" alt="footer1"> </a> <a href="index4.html" class="image"> <img src="img/footer/home4-footer2.jpg" class="img-fluid" alt="footer2"> </a> </li> </ul> </li> </ul> </li> </ul> </div> </div> </div> </div> </section> <!-- footer end --> <!-- footer-copyright start --> <footer class="ft-copyright-area bt"> <div class="container"> <div class="row"> <div class="col"> <div class="ft-copyright"> <ul class="ft-copryright-ul"> <li class="ft-copryright-li ft-copyright-text"> <p> <span>Copyright</span> <span class="copy-icon"><i class="fa fa-copyright"></i></span> <span> 2024 by spacingtech<sup>TM</sup></span> </p> </li> <li class="ft-copryright-li ft-payment"> <ul class="payment-icon"> <li> <a href="index4.html"> <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"></path></svg> </a> </li> <li> <a href="index4.html"> <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><circle fill="#EB001B" cx="15" cy="12" r="7"></circle><circle fill="#F79E1B" cx="23" cy="12" r="7"></circle><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"></path></svg> </a> </li> <li> <a href="index4.html"> <svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"></path><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"></path><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"></path><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"></path><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"></path><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"></path><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"></path><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"></path></svg> </a> </li> <li> <a href="index4.html"> <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"></path><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"></path><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"></path></svg> </a> </li> </ul> </li> </ul> </div> </div> </div> </div> </footer> <!-- footer-copyright end --> <!-- mobile-menu start --> <div class="mobile-menu" id="mobile-menu"> <div class="mobile-contents"> <div class="menu-close"> <button class="menu-close-btn"> <span class="menu-close-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span> </button> </div> <div class="info-wrap"> <div class="info-wrapper"> <span class="icon"> <i class="feather-headphones"></i> </span> <div class="info-text"> <span class="label">Hot line</span> <p><a href="tel:(021)245368" class="info-link">(021) 247 3650</a></p> </div> </div> </div> <div class="mobilemenu-content"> <div class="main-wrap"> <ul class="main-menu"> <li class="menu-link"> <a href="#menu-single" class="link-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Home</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-single collapse" id="menu-single"> <ul class="ul"> <li class="menusingle-li"> <a href="index7.html" class="menusingle-title"> <span class="sp-link-title">Food & bakery<span class="header-sale-lable">New</span></span> </a> </li> <li class="menusingle-li"> <a href="index6.html" class="menusingle-title"> <span class="sp-link-title">Online plants</span> </a> </li> <li class="menusingle-li"> <a href="index.html" class="menusingle-title"> <span class="sp-link-title">Live plants</span> </a> </li> <li class="menusingle-li"> <a href="index2.html" class="menusingle-title"> <span class="sp-link-title">Organic food</span> </a> </li> <li class="menusingle-li"> <a href="index3.html" class="menusingle-title"> <span class="sp-link-title">Restaurants</span> </a> </li> <li class="menusingle-li"> <a href="index4.html" class="menusingle-title"> <span class="sp-link-title">Plants & trees</span> </a> </li> <li class="menusingle-li"> <a href="index5.html" class="menusingle-title"> <span class="sp-link-title">Juice & drink</span> </a> </li> </ul> </div> </li> <li class="menu-link"> <a href="#menu-mega" class="link-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Product</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-mega collapse" id="menu-mega"> <ul class="ul container p-0"> <li class="menumega-li"> <a href="#menumega-sup1" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Shop page</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menumegasup-dropdown collapse" id="menumega-sup1"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <a href="collection-without.html" class="menumegasup-title"> <span class="sp-link-title">Collection</span> </a> </li> <li class="menumegasup-li"> <a href="collection.html" class="menumegasup-title"> <span class="sp-link-title">Collection left</span> </a> </li> <li class="menumegasup-li"> <a href="collection-right.html" class="menumegasup-title"> <span class="sp-link-title">Collection right</span> </a> </li> <li class="menumegasup-li"> <a href="collection-list-without.html" class="menumegasup-title"> <span class="sp-link-title">Collection list</span> </a> </li> <li class="menumegasup-li"> <a href="collection-list.html" class="menumegasup-title"> <span class="sp-link-title">Collection list left</span> </a> </li> <li class="menumegasup-li"> <a href="collection-list-right.html" class="menumegasup-title"> <span class="sp-link-title">Collection list right</span> </a> </li> </ul> </div> </li> <li class="menumega-li"> <a href="#menumega-sup2" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Product page</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menumegasup-dropdown collapse" id="menumega-sup2"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <a href="product-template.html" class="menumegasup-title"> <span class="sp-link-title">Product layout</span> </a> </li> <li class="menumegasup-li"> <a href="product-template2.html" class="menumegasup-title"> <span class="sp-link-title">Product tab</span> </a> </li> <li class="menumegasup-li"> <a href="product-template3.html" class="menumegasup-title"> <span class="sp-link-title">Product advance</span> </a> </li> <li class="menumegasup-li"> <a href="product-template4.html" class="menumegasup-title"> <span class="sp-link-title">Product accordion</span> </a> </li> <li class="menumegasup-li"> <a href="product-template5.html" class="menumegasup-title"> <span class="sp-link-title">Product center</span> </a> </li> <li class="menumegasup-li"> <a href="product-template6.html" class="menumegasup-title"> <span class="sp-link-title">Product sticky</span> </a> </li> <li class="menumegasup-li"> <a href="product-template7.html" class="menumegasup-title"> <span class="sp-link-title">Product side</span> </a> </li> </ul> </div> </li> <li class="menumega-li"> <div class="menu-product"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home1-pro-banner1.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home1-pro-banner2.jpg.html" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Submarine sandwich</a></h6> <div class="price-box"> <span class="new-price">$25.00</span> <span class="old-price">$45.00</span> </div> </div> </div> </div> </li> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home1-pro-banner3.jpg" alt="menupro-3"> <img class="img-fluid img2" src="img/menu/home1-pro-banner4.jpg" alt="menupro-4"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Hara bhara kabab</a></h6> <div class="price-box"> <span class="new-price">$54.00</span> <span class="old-price">$89.00</span> </div> </div> </div> </div> </li> </ul> <div class="menu-product-btn"> <a href="collection.html" class="menu-pro-link">See more<i class="bi bi-chevron-right"></i></a> </div> </div> </li> <li class="menumega-li"> <div class="menu-product"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home1-pro-banner5.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home1-pro-banner6.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Submarine sandwich</a></h6> <div class="price-box"> <span class="new-price">$65.00</span> <span class="old-price">$69.00</span> </div> </div> </div> </div> </li> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home1-pro-banner7.jpg" alt="menupro-3"> <img class="img-fluid img2" src="img/menu/home1-pro-banner8.jpg" alt="menupro-4"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Orange cocktail</a></h6> <div class="price-box"> <span class="new-price">$75.00</span> <span class="old-price">$90.00</span> </div> </div> </div> </div> </li> </ul> <div class="menu-product-btn"> <a href="collection.html" class="menu-pro-link">See more<i class="bi bi-chevron-right"></i></a> </div> </div> </li> </ul> </div> </li> <li class="menu-link"> <a href="#menu-shop-banner" class="link-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Collection</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-banner collapse" id="menu-shop-banner"> <ul class="container ul p-0"> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="collection-img banner-hover"> <img src="img/menu/home4-menu-banner1.jpg" class="img-fluid" alt="menu-banner1"> </a> <a href="collection.html" class="collection-title"> <span>New product</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="collection-img banner-hover"> <img src="img/menu/home4-menu-banner2.jpg" class="img-fluid" alt="menu-banner2"> </a> <a href="collection.html" class="collection-title"> <span>Featured product</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="collection-img banner-hover"> <img src="img/menu/home4-menu-banner3.jpg" class="img-fluid" alt="menu-banner3"> </a> <a href="collection.html" class="collection-title"> <span>Best seller</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="collection-img banner-hover"> <img src="img/menu/home4-menu-banner4.jpg" class="img-fluid" alt="menu-banner4"> </a> <a href="collection.html" class="collection-title"> <span>Super sale</span> </a> </div> </li> </ul> </div> </li> <li class="menu-link"> <a href="#menu-blog" class="link-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Blog</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-single collapse" id="menu-blog"> <ul class="ul"> <li class="menusingle-li"> <a href="blog-grid-without.html" class="menusingle-title"> <span class="sp-link-title">Blog grid</span> </a> </li> <li class="menusingle-li"> <a href="blog-grid.html" class="menusingle-title"> <span class="sp-link-title">Blog grid left</span> </a> </li> <li class="menusingle-li"> <a href="blog-grid-right.html" class="menusingle-title"> <span class="sp-link-title">Blog grid right</span> </a> </li> <li class="menusingle-li"> <a href="article-post-without.html" class="menusingle-title"> <span class="sp-link-title">Article post</span> </a> </li> <li class="menusingle-li"> <a href="article-post.html" class="menusingle-title"> <span class="sp-link-title">Article post left</span> </a> </li> <li class="menusingle-li"> <a href="article-post-right.html" class="menusingle-title"> <span class="sp-link-title">Article post right</span> </a> </li> </ul> </div> </li> <li class="menu-link"> <a href="#menu-sub" class="link-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Page</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-sub collapse" id="menu-sub"> <ul class="ul"> <li class="menusub-li"> <a href="#menu-sup" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">About us</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menusup-dropdown collapse" id="menu-sup"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="about-us.html" class="menusup-title"> <span class="sp-link-title">About us</span> </a> </li> <li class="menusup-li"> <a href="about-us-2.html" class="menusup-title"> <span class="sp-link-title">About us 2</span> </a> </li> <li class="menusup-li"> <a href="about-us-3.html" class="menusup-title"> <span class="sp-link-title">About us 3</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="#account" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">My account</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menusup-dropdown collapse" id="account"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="order-history.html" class="menusup-title"> <span class="sp-link-title">Order</span> </a> </li> <li class="menusup-li"> <a href="profile.html" class="menusup-title"> <span class="sp-link-title">Profile</span> </a> </li> <li class="menusup-li"> <a href="pro-address.html" class="menusup-title"> <span class="sp-link-title">Address</span> </a> </li> <li class="menusup-li"> <a href="pro-wishlist.html" class="menusup-title"> <span class="sp-link-title">Wishlist</span> </a> </li> <li class="menusup-li"> <a href="pro-tickets.html" class="menusup-title"> <span class="sp-link-title">My tickets</span> </a> </li> <li class="menusup-li"> <a href="billing-info.html" class="menusup-title"> <span class="sp-link-title">Billing info</span> </a> </li> <li class="menusup-li"> <a href="track-page.html" class="menusup-title"> <span class="sp-link-title">Track page</span> </a> </li> <li class="menusup-li"> <a href="order-complete.html" class="menusup-title"> <span class="sp-link-title">Order complete</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="#menu-sup-contact" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Contact us</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menusup-dropdown collapse" id="menu-sup-contact"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="contact-us.html" class="menusup-title"> <span class="sp-link-title">Contact us</span> </a> </li> <li class="menusup-li"> <a href="contact-us-2.html" class="menusup-title"> <span class="sp-link-title">Contact us 2</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="#desk-checkout" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Checkout</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menusup-dropdown collapse" id="desk-checkout"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="checkout-style1.html" class="menusup-title"> <span class="sp-link-title">Checkout style 1</span> </a> </li> <li class="menusup-li"> <a href="checkout-style2.html" class="menusup-title"> <span class="sp-link-title">Checkout style 2</span> </a> </li> <li class="menusup-li"> <a href="checkout-style3.html" class="menusup-title"> <span class="sp-link-title">Checkout style 3</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="#features" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Features</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menusup-dropdown collapse" id="features"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="cancellation.html" class="menusup-title"> <span class="sp-link-title">Cancellation</span> </a> </li> <li class="menusup-li"> <a href="cart-page.html" class="menusup-title"> <span class="sp-link-title">Cart page</span> </a> </li> <li class="menusup-li"> <a href="wishlist-product.html" class="menusup-title"> <span class="sp-link-title">Wishlist product</span> </a> </li> <li class="menusup-li"> <a href="sitemap.html" class="menusup-title"> <span class="sp-link-title">Sitemap</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="faq.html" class="menusub-title"> <span class="sp-link-title">Faq's</span> </a> </li> <li class="menusub-li"> <a href="privacy-policy.html" class="menusub-title"> <span class="sp-link-title">Privacy policy</span> </a> </li> <li class="menusub-li"> <a href="payment-policy.html" class="menusub-title"> <span class="sp-link-title">Payment policy</span> </a> </li> <li class="menusub-li"> <a href="terms-condition.html" class="menusub-title"> <span class="sp-link-title">Terms & condition</span> </a> </li> <li class="menusub-li"> <a href="return-policy.html" class="menusub-title"> <span class="sp-link-title">Return policy</span> </a> </li> <li class="menusub-li"> <a href="404.html" class="menusub-title"> <span class="sp-link-title">404</span> </a> </li> <li class="menusub-li"> <a href="coming-soon.html" class="menusub-title"> <span class="sp-link-title">Coming soon</span> </a> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> <!-- mobile-menu end --> <!-- search-popup start --> <div class="modal fade" id="searchmodal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="container"> <div class="row"> <div class="col"> <div class="crap-search"> <!-- search-button-close start --> <div class="button-close"> <button type="button" class="search-close" data-bs-dismiss="modal"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z"/><path fill-rule="evenodd" d="M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z"/></svg></button> </div> <!-- search-button-close end --> <!-- search-form start --> <form method="get" class="search-bar"> <div class="form-search"> <input name="q" placeholder="Search product here.." class="input-text" required> <a href="search.html" class="search-btn"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg></a> </div> </form> <!-- search-form end --> </div> </div> </div> </div> </div> </div> </div> </div> <!-- search-popup end --> <!-- cart-drawer start --> <div class="cart-drawer" id="cart-drawer"> <form action="https://spacingtech.com/cart" method="post" class="drawer-contents"> <div class="drawer-fixed-header"> <div class="drawer-header"> <h6 class="drawer-header-title">Cart</h6> <div class="drawer-close"> <button type="button" class="drawer-close-btn"><span class="drawer-close-icon"><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button> </div> </div> </div> <div class="drawer-cart-empty"> <div class="drawer-scrollable"> <h2>Your cart is currently empty</h2> <a href="https://spacingtech.com/collections/all" class="btn btn-style2">Continue shopping</a> </div> </div> <div class="drawer-inner"> <div class="drawer-scrollable"> <ul class="cart-items"> <li class="cart-item"> <div class="cart-item-info"> <div class="cart-item-image"> <a href="product-template.html"> <img src="img/cart/home4-cart1.jpg" class="img-fluid" alt="cart-1"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="product-template.html">Ears cactus</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$25.00</span> </div> </div> <div class="cart-item-sub"> <div class="cart-qty-price-remove"> <div class="cart-item-qty"> <div class="js-qty-wrapper"> <div class="js-qty-wrap"> <button type="button" class="js-qty-adjust ju-qty-adjust-minus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> <input type="text" class="js-qty-num" name="name" value="1" pattern="[0-9]*"> <button type="button" class="js-qty-adjust ju-qty-adjust-plus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> </div> </div> </div> <div class="cart-item-price"> <span class="cart-price">$12.00</span> </div> <div class="cart-item-remove"> <button type="button" class="cart-remove"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></button> </div> </div> </div> <div class="cart-item-variants"> <h6>Color:</h6> <span>Black</span> </div> <div class="cart-item-variants"> <h6>Size:</h6> <span>XL</span> </div> </div> </div> </li> <li class="cart-item"> <div class="cart-item-info"> <div class="cart-item-image"> <a href="product-template.html"> <img src="img/cart/home4-cart2.jpg" class="img-fluid" alt="cart-2"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="product-template.html">Majesty palm</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$19.00</span> </div> </div> <div class="cart-item-sub"> <div class="cart-qty-price-remove"> <div class="cart-item-qty"> <div class="js-qty-wrapper"> <div class="js-qty-wrap"> <button type="button" class="js-qty-adjust ju-qty-adjust-minus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> <input type="text" class="js-qty-num" name="name" value="1" pattern="[0-9]*"> <button type="button" class="js-qty-adjust ju-qty-adjust-plus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> </div> </div> </div> <div class="cart-item-price"> <span class="cart-price">$12.00</span> </div> <div class="cart-item-remove"> <button type="button" class="cart-remove"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></button> </div> </div> </div> <div class="cart-item-variants"> <h6>Color:</h6> <span>Black</span> </div> <div class="cart-item-variants"> <h6>Size:</h6> <span>XL</span> </div> </div> </div> </li> <li class="cart-item"> <div class="cart-item-info"> <div class="cart-item-image"> <a href="product-template.html"> <img src="img/cart/home4-cart3.jpg" class="img-fluid" alt="cart-3"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="product-template.html">Wheat grass</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$54.00</span> </div> </div> <div class="cart-item-sub"> <div class="cart-qty-price-remove"> <div class="cart-item-qty"> <div class="js-qty-wrapper"> <div class="js-qty-wrap"> <button type="button" class="js-qty-adjust ju-qty-adjust-minus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> <input type="text" class="js-qty-num" name="name" value="1" pattern="[0-9]*"> <button type="button" class="js-qty-adjust ju-qty-adjust-plus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> </div> </div> </div> <div class="cart-item-price"> <span class="cart-price">$12.00</span> </div> <div class="cart-item-remove"> <button type="button" class="cart-remove"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></button> </div> </div> </div> <div class="cart-item-variants"> <h6>Color:</h6> <span>Black</span> </div> <div class="cart-item-variants"> <h6>Size:</h6> <span>XL</span> </div> </div> </div> </li> <li class="cart-item"> <div class="cart-item-info"> <div class="cart-item-image"> <a href="product-template.html"> <img src="img/cart/home4-cart4.jpg" class="img-fluid" alt="cart-4"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="product-template.html">Aloe vera plant</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$61.00</span> </div> </div> <div class="cart-item-sub"> <div class="cart-qty-price-remove"> <div class="cart-item-qty"> <div class="js-qty-wrapper"> <div class="js-qty-wrap"> <button type="button" class="js-qty-adjust ju-qty-adjust-minus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> <input type="text" class="js-qty-num" name="name" value="1" pattern="[0-9]*"> <button type="button" class="js-qty-adjust ju-qty-adjust-plus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> </div> </div> </div> <div class="cart-item-price"> <span class="cart-price">$12.00</span> </div> <div class="cart-item-remove"> <button type="button" class="cart-remove"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></button> </div> </div> </div> <div class="cart-item-variants"> <h6>Color:</h6> <span>Black</span> </div> <div class="cart-item-variants"> <h6>Size:</h6> <span>XL</span> </div> </div> </div> </li> <li class="cart-item"> <div class="cart-item-info"> <div class="cart-item-image"> <a href="product-template.html"> <img src="img/cart/home4-cart5.jpg" class="img-fluid" alt="cart-5"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="product-template.html">Philodendron birkin</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$61.00</span> </div> </div> <div class="cart-item-sub"> <div class="cart-qty-price-remove"> <div class="cart-item-qty"> <div class="js-qty-wrapper"> <div class="js-qty-wrap"> <button type="button" class="js-qty-adjust ju-qty-adjust-minus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> <input type="text" class="js-qty-num" name="name" value="1" pattern="[0-9]*"> <button type="button" class="js-qty-adjust ju-qty-adjust-plus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> </div> </div> </div> <div class="cart-item-price"> <span class="cart-price">$12.00</span> </div> <div class="cart-item-remove"> <button type="button" class="cart-remove"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></button> </div> </div> </div> <div class="cart-item-variants"> <h6>Color:</h6> <span>Black</span> </div> <div class="cart-item-variants"> <h6>Size:</h6> <span>XL</span> </div> </div> </div> </li> </ul> <div class="drawer-notes"> <label for="cartnote">Order note</label> <textarea name="note" class="cart-notes" id="cartnote"></textarea> </div> </div> <div class="drawer-footer"> <div class="drawer-block drawer-total"> <span class="drawer-subtotal">Subtotal</span> <span class="drawer-totalprice">$74.00</span> </div> <div class="drawer-block drawer-ship-text"> <label class="box-area"> <span class="text">I have read and agree with the <a href="terms-condition.html">terms & condition.</a></span> <input type="checkbox" class="cust-checkbox"> <span class="cust-check"></span> </label> </div> <div class="drawer-block drawer-cart-checkout"> <div class="cart-checkout-btn"> <button type="button" onclick="location.href='cart-page.html'" name="checkout" class="btn btn-style">View cart</button> <button type="button" onclick="location.href='checkout-style1.html'" class="checkout btn btn-style2 disabled">Checkout</button> </div> </div> </div> </div> </form> </div> <!-- cart-drawer end --> <!-- newsletter start --> <div id="newsletter" class="popup-wrapper"> <div class="popup-wrapper"> <div class="modal fade show" id="news-letter-modal" aria-modal="true" role="dialog"> <div class="newsletter-popup-inner modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> <form method="post" class="contact-form"> <button type="button" class="close-btn" data-bs-dismiss="modal"><i class="feather-x"></i></button> <div class="newsletter-info"> <div class="subscribe-area"> <div class="subscribe-content"> <h2>Newsletter</h2> <p>Subscribe with us to get special offers and other discount information</p> </div> <div class="popup-newsletter"> <div class="subscribe-con"> <div class="subscribe-block"> <input type="email" name="q" class="email mail" placeholder="Enter your mail"> <div class="email-submit"> <button type="submit" class="news-btn btn btn-style">Subscribe</button> </div> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> <!-- newsletter end --> <!-- quickview modal start --> <div class="productmodal"> <div class="modal fade" id="quickview"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h6 class="modal-quickview">Quickview</h6> <button type="button" class="close" data-bs-dismiss="modal"><i class="fa-solid fa-xmark"></i></button> </div> <div class="modal-body"> <!-- quickview-sliderstart --> <div class="quickview-slider"> <div class="quick-view-tab"> <div class="quick-block"> <div class="quick-image"> <a href="product-template.html"><img src="img/product/home4-pro-5.jpg" class="img-fluid" alt="p-1"></a> </div> </div> </div> </div> <!-- quickview-slider end --> <!-- quick-view-content start --> <div class="quick-view-content"> <div class="pro-nprist"> <div class="product-ratting"> <span class="spr-badge"> <span class="pro-ratting"> <i class="fa-regular fa-star"></i> <i class="fa-regular fa-star"></i> <i class="fa-regular fa-star"></i> <i class="fa-regular fa-star"></i> <i class="fa-regular fa-star"></i> </span> <span class="spr-badge-caption">No reviews</span> </span> </div> <!-- product-title start --> <div class="product-title"> <h6>Bird of paradise</h6> </div> <!-- product-title end --> <!-- product-price start --> <div class="product-price"> <div class="price-box"> <span class="new-price">$79.00</span> <span class="old-price">$89.00</span> </div> </div> <!-- product-price end --> <!-- product-desc start --> <div class="product-desc"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magn</p> </div> <!-- product-desc end --> <form id="add-item-qv" action="https://spacingtech.com/cart/add" method="post"> <div class="quick-view-select"> <div class="quick-view-text"> <div class="selector-wrapper"> <label>Color:</label> <select class="single-option-selector" data-option="option1" id="product-color"> <option value="Green">Green</option> <option value="Olive">Olive</option> <option value="Silver">Silver</option> </select> </div> <div class="selector-wrapper"> <div class="pro-qty-wrap"> <h6>Quantity:</h6> <div class="product-quantity"> <div class="cart-plus-minus"> <button class="dec qtybutton minus"><i class="fa-solid fa-minus"></i></button> <input value="1" type="text" name="quantity" pattern="[0-9]*"> <button class="inc qtybutton plus"><i class="fa-solid fa-plus"></i></button> </div> </div> </div> </div> </div> </div> <div class="quickview-buttons"> <button type="button" onclick="location.href='cart-page.html'" class="btn btn-style">Add to Cart</button> <a href="cart-empty.html"> <span class="icon"><i class="feather-heart"></i></span> <span class="wishlist-text">Wishlist</span> </a> </div> </form> <!-- product-title end --> </div> </div> <!-- quick-view-content end --> </div> </div> </div> </div> </div> <!-- quickview modal end --> <!-- bg-scren start --> <div class="bg-screen"></div> <!-- bg-scren end --> <!-- bottom-menu start --> <div class="bottom-menu"> <ul class="bottom-menu-element"> <li class="bottom-menu-wrap"> <div class="bottom-menu-wrapper"> <a href="index.html" class="bottom-menu-home"> <span class="bottom-menu-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></span> <span class="bottom-menu-title">Home</span> </a> </div> </li> <li class="bottom-menu-wrap"> <div class="bottom-menu-wrapper"> <a href="login-account.html" class="bottom-menu-user"> <span class="bottom-menu-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></span> <span class="bottom-menu-title">Account</span> </a> </div> </li> <li class="bottom-menu-wrap"> <div class="bottom-menu-wrapper"> <a href="javascript:void(0)" class="bottom-menu-collection"> <span class="bottom-menu-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg></span> <span class="bottom-menu-title">Shop</span> </a> </div> </li> <li class="bottom-menu-wrap"> <div class="bottom-menu-wrapper"> <a href="wishlist-product.html" class="bottom-menu-wishlist"> <span class="bottom-menu-icon-wrap"> <span class="bottom-menu-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></span> <span class="bottom-menu-counter wishlist-counter">5</span> </span> <span class="bottom-menu-title">Wishlist</span> </a> </div> </li> <li class="bottom-menu-wrap"> <div class="bottom-menu-wrapper"> <a href="javascript:void(0)" class="bottom-menu-cart"> <span class="bottom-menu-icon-wrap"> <span class="bottom-menu-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg></span> <span class="bottom-menu-counter cart-counter">4</span> </span> <span class="bottom-menu-title">Cart</span> </a> </div> </li> </ul> </div> <!-- bottom-menu end --> <!-- jquery js --> <script src="js/jquery-3.6.3.min.js"></script> <!-- bootstrap js --> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <!-- magnific-popup js --> <script src="js/jquery.magnific-popup.min.js"></script> <!-- owl-carousel js --> <script src="js/owl.carousel.min.js"></script> <!-- swiper-slider js --> <script src="js/swiper-bundle.min.js"></script> <!-- slick js --> <script src="js/slick.min.js"></script> <!-- waypoints js --> <script src="js/waypoints.min.js"></script> <!-- counter js --> <script src="js/counter.js"></script> <!-- main js --> <script src="js/main.js"></script> </body> <!-- Mirrored from spacingtech.com/html/panno/panno/index4.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 16 Jan 2025 04:26:37 GMT --> </html>
Save
cmd:
run