/
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/index5.html
(285164B)
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from spacingtech.com/html/panno/panno/index5.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 16 Jan 2025 04:26:37 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/favicon5.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"> <!-- 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/style5.css"> </head> <body> <!-- notification-bar start --> <div class="notification-bar" id="notification-bar"> <div class="container"> <div class="row"> <div class="col"> <ul class="notification-content"> <li class="noti-text-wrap"> <div class="noti-text"> <p>Subscribe and save. receive 10% off your order if you sign up for our subscription!</p> </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-menu"> <!-- header-menu start --> <div class="mainmenu-content"> <div class="main-wrap"> <ul class="main-menu"> <li class="menu-link"> <a href="index5.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">Shop<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/home5-pro-banner1.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home5-pro-banner2.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Apple avocado juice</a></h6> <div class="price-box"> <span class="new-price">$11.00</span> <span class="old-price">$19.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/home5-pro-banner3.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home5-pro-banner4.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Watermelon cherries juice</a></h6> <div class="price-box"> <span class="new-price">$21.00</span> <span class="old-price">$25.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/home5-pro-banner5.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home5-pro-banner6.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Butternut carrot juice</a></h6> <div class="price-box"> <span class="new-price">$22.00</span> <span class="old-price">$30.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/home5-pro-banner7.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home5-pro-banner8.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Apple avocado juice</a></h6> <div class="price-box"> <span class="new-price">$11.00</span> <span class="old-price">$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> </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"> <img src="img/menu/home5-menu-banner1.jpg" class="img-fluid" alt="menu-banner1"> </a> <a href="collection.html" class="collection-title"> <span>Bread</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html"> <img src="img/menu/home5-menu-banner2.jpg" class="img-fluid" alt="menu-banner2"> </a> <a href="collection.html" class="collection-title"> <span>Cakes</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html"> <img src="img/menu/home5-menu-banner3.jpg" class="img-fluid" alt="menu-banner3"> </a> <a href="collection.html" class="collection-title"> <span>Bun</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html"> <img src="img/menu/home5-menu-banner4.jpg" class="img-fluid" alt="menu-banner4"> </a> <a href="collection.html" class="collection-title"> <span>Pastries</span> </a> </div> </li> </ul> </div> </li> <li class="menu-link"> <a href="blog-grid.html" class="link-title"> <span class="sp-link-title">Blogs</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">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="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-logo"> <div class="header-theme-logo"> <a href="index5.html" class="theme-logo"> <img src="img/logo/logo5.png" class="img-fluid" alt="logo"> </a> </div> </div> <div class="header-element header-icon"> <div class="header-icon-block"> <ul class="shop-element"> <li class="side-wrap search-bar"> <div class="search-content"> <div class="search-box"> <form action="https://spacingtech.com/search" method="get" class="search-crap"> <div class="form-search"> <input type="search" name="q" placeholder="Search product..." required="" class="search-input"> <button type="submit" class="search-btn"><span><i class="feather-search"></i></span></button> </div> </form> </div> </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"><i class="feather-search"></i></span> </a> </div> </li> <li class="side-wrap user-wrap"> <div class="user-wrapper"> <a href="login-account.html"> <span class="user-icon"><i class="feather-user"></i></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"><i class="feather-heart"></i></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"><i class="feather-shopping-cart"></i></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"> <!-- main-slider start --> <section class="slider-content"> <div class="home-slider owl-carousel owl-theme" id="home-slider5"> <div class="item"> <div class="slider-image-info"> <div class="slider-image"> <img src="img/slider/home5-slider-1.jpg" class="img-fluid desk-img" alt="slider1"> <img src="img/slider/home5-mobile-slider1.jpg" class="img-fluid mobile-img" alt="mobile-slider1"> </div> <div class="container slider-text-content"> <div class="slider-text-info slider-content-right slider-text-left"> <h2><span>Filled with nutrients</span></h2> <div class="slider-price"> <span class="slider-review"> <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> <i class="fa-regular fa-star"></i> </span> <h2 class="price-text"> <span>$24.00</span> <span>$37.00</span> </h2> </div> <div class="main-btn"> <div class="slider-link"> <a href="collection.html" class="btn btn-style">Shop now</a> <a href="collection.html" class="btn btn-style3">All product</a> </div> </div> </div> </div> </div> </div> <div class="item"> <div class="slider-image-info"> <div class="slider-image"> <img src="img/slider/home5-slider-2.jpg" class="img-fluid desk-img" alt="slider2"> <img src="img/slider/home5-mobile-slider2.jpg" class="img-fluid mobile-img" alt="mobile-slider2"> </div> <div class="container slider-text-content"> <div class="slider-text-info slider-content-right slider-text-left"> <h2><span>Filled with nutrients</span></h2> <div class="slider-price"> <span class="slider-review"> <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> <i class="fa-regular fa-star"></i> </span> <h2 class="price-text"> <span>$24.00</span> <span>$37.00</span> </h2> </div> <div class="main-btn"> <div class="slider-link"> <a href="collection.html.html" class="btn btn-style">Shop now</a> <a href="collection.html.html" class="btn btn-style3">All product</a> </div> </div> </div> </div> </div> </div> <div class="item"> <div class="slider-image-info"> <div class="slider-image"> <img src="img/slider/home5-slider-3.jpg" class="img-fluid desk-img" alt="slider3"> <img src="img/slider/home5-mobile-slider3.jpg" class="img-fluid mobile-img" alt="mobile-slider3"> </div> <div class="container slider-text-content"> <div class="slider-text-info slider-content-right slider-text-left"> <h2><span>Filled with nutrients</span></h2> <div class="slider-price"> <span class="slider-review"> <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> <i class="fa-regular fa-star"></i> </span> <h2 class="price-text"> <span>$24.00</span> <span>$37.00</span> </h2> </div> <div class="main-btn"> <div class="slider-link"> <a href="collection.html.html" class="btn btn-style">Shop now</a> <a href="collection.html.html" class="btn btn-style3">All product</a> </div> </div> </div> </div> </div> </div> </div> </section> <!-- main-slider end --> <!-- brand-logo start --> <div class="brand-logo section-pt"> <div class="container"> <div class="row"> <div class="col"> <div class="brand-logo-wrap"> <div class="brand-logo-slider owl-carousel owl-theme" id="brand-logo5"> <div class="item"> <a href="index5.html"> <span class="brand-img"> <img src="img/brand-logo/home5-brand-logo1.png" class="img-fluid" alt="brand-logo1"> </span> </a> </div> <div class="item"> <a href="index5.html"> <span class="brand-img"> <img src="img/brand-logo/home5-brand-logo2.png" class="img-fluid" alt="brand-logo2"> </span> </a> </div> <div class="item"> <a href="index5.html"> <span class="brand-img"> <img src="img/brand-logo/home5-brand-logo3.png" class="img-fluid" alt="brand-logo3"> </span> </a> </div> <div class="item"> <a href="index5.html"> <span class="brand-img"> <img src="img/brand-logo/home5-brand-logo4.png" class="img-fluid" alt="brand-logo4"> </span> </a> </div> <div class="item"> <a href="index5.html"> <span class="brand-img"> <img src="img/brand-logo/home5-brand-logo5.png" class="img-fluid" alt="brand-logo5"> </span> </a> </div> <div class="item"> <a href="index5.html"> <span class="brand-img"> <img src="img/brand-logo/home5-brand-logo6.png" class="img-fluid" alt="brand-logo6"> </span> </a> </div> </div> </div> </div> </div> </div> </div> <!-- brand-logo end --> <!-- banner-grid start --> <section class="banner-grid section-ptb"> <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"> <a href="collection.html" class="banner-img"> <img src="img/banner/home5-banner-1.jpg" class="img-fluid" alt="banner1"> </a> <div class="banner-wrapper banner-right"> <div class="banner-info"> <div class="banner-sub-title"> <span>Get 30% off</span> </div> <h2>Vegetable nature juice</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"> <a href="collection.html" class="banner-img"> <img src="img/banner/home5-banner-2.jpg" class="img-fluid" alt="banner2"> </a> <div class="banner-wrapper banner-left"> <div class="banner-info"> <div class="banner-sub-title"> <span>Get 25% off</span> </div> <h2>Healthy fruits juice</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 --> <section class="slider-category section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="section-capture"> <div class="section-title"> <h2>Juice category</h2> </div> </div> <div class="category-wrapper"> <div class="swiper" id="category-slider5"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="category-item"> <a href="collection.html"> <div class="category-block"> <div class="cat-image"> <span class="image"> <img src="img/cat/home5-cate1.png" class="img-fluid" alt="cat1"> </span> </div> <div class="category-content"> <div class="category-text"> <div class="title-block"> <span class="cat-title">Pineapple juice</span> </div> <div class="label-block"> <span>8</span> <span>Items</span> </div> </div> <div class="category-button"> <span class="button-block"><i class="feather-arrow-up-right"></i></span> </div> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="category-item"> <a href="collection.html"> <div class="category-block"> <div class="cat-image"> <img src="img/cat/home5-cate2.png" class="img-fluid" alt="cat2"> </div> <div class="category-content"> <div class="category-text"> <div class="title-block"> <span class="cat-title">Ginger juice</span> </div> <div class="label-block"> <span>8</span> <span>Items</span> </div> </div> <div class="category-button"> <span class="button-block"><i class="feather-arrow-up-right"></i></span> </div> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="category-item"> <a href="collection.html"> <div class="category-block"> <div class="cat-image"> <img src="img/cat/home5-cate3.png" class="img-fluid" alt="cat3"> </div> <div class="category-content"> <div class="category-text"> <div class="title-block"> <span class="cat-title">Beetroot juice</span> </div> <div class="label-block"> <span>8</span> <span>Items</span> </div> </div> <div class="category-button"> <span class="button-block"><i class="feather-arrow-up-right"></i></span> </div> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="category-item"> <a href="collection.html"> <div class="category-block"> <div class="cat-image"> <img src="img/cat/home5-cate4.png" class="img-fluid" alt="cat4"> </div> <div class="category-content"> <div class="category-text"> <div class="title-block"> <span class="cat-title">Watermelon juice</span> </div> <div class="label-block"> <span>8</span> <span>Items</span> </div> </div> <div class="category-button"> <span class="button-block"><i class="feather-arrow-up-right"></i></span> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- our-service start --> <section class="our-service-area section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="our-ser-img"> <div class="service-image"> <a href="#" class="image-block"> <span class="image"><img src="img/banner/home5-ser-banner.jpg" class="img-fluid" alt="ser-banner"></span> <span class="round-image"><img src="img/banner/home5-ser-label.png" class="img-fluid" alt="label"></span> </a> </div> <div class="our-service"> <div class="service-block"> <ul class="service-ul"> <li class="service-li"> <div class="ser-block"> <div class="ser-icon"> <a href="javascript:void(0)"><i class="feather-percent"></i></a> </div> <div class="ser-text"> <h6>Fresh juice</h6> <span>100% organic fresh juice</span> </div> </div> </li> <li class="service-li"> <div class="ser-block"> <div class="ser-icon"> <a href="javascript:void(0)"><i class="feather-package"></i></a> </div> <div class="ser-text"> <h6>Free delivery</h6> <span>Free delivery up to $50.00</span> </div> </div> </li> <li class="service-li"> <div class="ser-block"> <div class="ser-icon"> <a href="javascript:void(0)"><i class="feather-droplet"></i></a> </div> <div class="ser-text"> <h6>Cash on delivery</h6> <span>Early access to new flavors</span> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </section> <!-- our-service end --> <!-- product start --> <section class="product-tab section-ptb"> <div class="collection-category"> <div class="container"> <div class="row"> <div class="col"> <div class="section-capture tab"> <div class="section-title"> <h2><span>Juice products</span></h2> </div> </div> <div class="collection-wrap"> <div class="collection-slider swiper" id="new-product5"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home5-pro-1.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home5-pro-2.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> <div class="product-caption"> <div class="product-info"> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Apple avocado juice</a></h6> </div> <div class="price-cart"> <div class="product-price"> <div class="price-box"> <span class="new-price">$11.00</span> <span class="old-price">$19.00</span> </div> </div> <div class="cart-btn"> <a href="#add-to-cart" class="add-to-cart"> <span class="cart-title"> <span class="add-c-title"> <span class="cart-icon"><i class="feather-shopping-bag"></i></span> <span class="add-title">Add to cart</span> </span> </span> </a> </div> </div> <div class="product-ratting"> <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> </div> <div class="product-description"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="#add-to-cart" class="add-to-cart" data-bs-toggle="modal" data-bs-target="#add-to-cart"> <span class="tooltip-text">Add to cart</span> <span class="pro-action-icon"><i class="feather-shopping-bag"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home5-pro-3.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home5-pro-4.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> </div> </div> <div class="product-caption"> <div class="product-info"> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Apple pineapple juice</a></h6> </div> <div class="price-cart"> <div class="product-price"> <div class="price-box"> <span class="new-price">$25.00</span> <span class="old-price">$20.00</span> </div> </div> <div class="cart-btn"> <a href="#add-to-cart" class="add-to-cart"> <span class="cart-title"> <span class="add-c-title"> <span class="cart-icon"><i class="feather-shopping-bag"></i></span> <span class="add-title">Add to cart</span> </span> </span> </a> </div> </div> <div class="product-ratting"> <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> </div> <div class="product-description"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="#add-to-cart" class="add-to-cart" data-bs-toggle="modal" data-bs-target="#add-to-cart"> <span class="tooltip-text">Add to cart</span> <span class="pro-action-icon"><i class="feather-shopping-bag"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home5-pro-5.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home5-pro-6.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> </div> </div> <div class="product-caption"> <div class="product-info"> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Butternut carrot juice</a></h6> </div> <div class="price-cart"> <div class="product-price"> <div class="price-box"> <span class="new-price">$22.00</span> <span class="old-price">$30.00</span> </div> </div> <div class="cart-btn"> <a href="#add-to-cart" class="add-to-cart"> <span class="cart-title"> <span class="add-c-title"> <span class="cart-icon"><i class="feather-shopping-bag"></i></span> <span class="add-title">Add to cart</span> </span> </span> </a> </div> </div> <div class="product-ratting"> <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> </div> <div class="product-description"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="#add-to-cart" class="add-to-cart" data-bs-toggle="modal" data-bs-target="#add-to-cart"> <span class="tooltip-text">Add to cart</span> <span class="pro-action-icon"><i class="feather-shopping-bag"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home5-pro-7.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home5-pro-8.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> </div> </div> <div class="product-caption"> <div class="product-info"> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Cacao banana juic</a></h6> </div> <div class="price-cart"> <div class="product-price"> <div class="price-box"> <span class="new-price">$18.00</span> <span class="old-price">$25.00</span> </div> </div> <div class="cart-btn"> <a href="#add-to-cart" class="add-to-cart"> <span class="cart-title"> <span class="add-c-title"> <span class="cart-icon"><i class="feather-shopping-bag"></i></span> <span class="add-title">Add to cart</span> </span> </span> </a> </div> </div> <div class="product-ratting"> <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> </div> <div class="product-description"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="#add-to-cart" class="add-to-cart" data-bs-toggle="modal" data-bs-target="#add-to-cart"> <span class="tooltip-text">Add to cart</span> <span class="pro-action-icon"><i class="feather-shopping-bag"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home5-pro-9.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home5-pro-10.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> </div> </div> <div class="product-caption"> <div class="product-info"> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Celery lemon juice</a></h6> </div> <div class="price-cart"> <div class="product-price"> <div class="price-box"> <span class="new-price">$61.00</span> </div> </div> <div class="cart-btn"> <a href="#add-to-cart" class="add-to-cart"> <span class="cart-title"> <span class="add-c-title"> <span class="cart-icon"><i class="feather-shopping-bag"></i></span> <span class="add-title">Add to cart</span> </span> </span> </a> </div> </div> <div class="product-ratting"> <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> </div> <div class="product-description"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="#add-to-cart" class="add-to-cart" data-bs-toggle="modal" data-bs-target="#add-to-cart"> <span class="tooltip-text">Add to cart</span> <span class="pro-action-icon"><i class="feather-shopping-bag"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home5-pro-11.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home5-pro-12.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> </div> </div> <div class="product-caption"> <div class="product-info"> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Cold juice pack</a></h6> </div> <div class="price-cart"> <div class="product-price"> <div class="price-box"> <span class="new-price">$54.00</span> <span class="old-price">$65.00</span> </div> </div> <div class="cart-btn"> <a href="#add-to-cart" class="add-to-cart"> <span class="cart-title"> <span class="add-c-title"> <span class="cart-icon"><i class="feather-shopping-bag"></i></span> <span class="add-title">Add to cart</span> </span> </span> </a> </div> </div> <div class="product-ratting"> <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> </div> <div class="product-description"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="#add-to-cart" class="add-to-cart" data-bs-toggle="modal" data-bs-target="#add-to-cart"> <span class="tooltip-text">Add to cart</span> <span class="pro-action-icon"><i class="feather-shopping-bag"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home5-pro-13.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home5-pro-14.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> </div> </div> <div class="product-caption"> <div class="product-info"> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Cucumber lemon juice</a></h6> </div> <div class="price-cart"> <div class="product-price"> <div class="price-box"> <span class="new-price">$25.00</span> <span class="old-price">$45.00</span> </div> </div> <div class="cart-btn"> <a href="#add-to-cart" class="add-to-cart"> <span class="cart-title"> <span class="add-c-title"> <span class="cart-icon"><i class="feather-shopping-bag"></i></span> <span class="add-title">Add to cart</span> </span> </span> </a> </div> </div> <div class="product-ratting"> <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> </div> <div class="product-description"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="#add-to-cart" class="add-to-cart" data-bs-toggle="modal" data-bs-target="#add-to-cart"> <span class="tooltip-text">Add to cart</span> <span class="pro-action-icon"><i class="feather-shopping-bag"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home5-pro-15.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home5-pro-16.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> </div> </div> <div class="product-caption"> <div class="product-info"> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Lemon ginger juice</a></h6> </div> <div class="price-cart"> <div class="product-price"> <div class="price-box"> <span class="new-price">$25.00</span> <span class="old-price">$35.00</span> </div> </div> <div class="cart-btn"> <a href="#add-to-cart" class="add-to-cart"> <span class="cart-title"> <span class="add-c-title"> <span class="cart-icon"><i class="feather-shopping-bag"></i></span> <span class="add-title">Add to cart</span> </span> </span> </a> </div> </div> <div class="product-ratting"> <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> </div> <div class="product-description"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="#add-to-cart" class="add-to-cart" data-bs-toggle="modal" data-bs-target="#add-to-cart"> <span class="tooltip-text">Add to cart</span> <span class="pro-action-icon"><i class="feather-shopping-bag"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home5-pro-17.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home5-pro-18.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> </div> </div> <div class="product-caption"> <div class="product-info"> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Lemon spirulina juice</a></h6> </div> <div class="price-cart"> <div class="product-price"> <div class="price-box"> <span class="new-price">$69.00</span> <span class="old-price">$79.00</span> </div> </div> <div class="cart-btn"> <a href="#add-to-cart" class="add-to-cart"> <span class="cart-title"> <span class="add-c-title"> <span class="cart-icon"><i class="feather-shopping-bag"></i></span> <span class="add-title">Add to cart</span> </span> </span> </a> </div> </div> <div class="product-ratting"> <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> </div> <div class="product-description"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="#add-to-cart" class="add-to-cart" data-bs-toggle="modal" data-bs-target="#add-to-cart"> <span class="tooltip-text">Add to cart</span> <span class="pro-action-icon"><i class="feather-shopping-bag"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home5-pro-19.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home5-pro-20.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> </div> </div> <div class="product-caption"> <div class="product-info"> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Apple avocado juice</a></h6> </div> <div class="price-cart"> <div class="product-price"> <div class="price-box"> <span class="new-price">$11.00</span> <span class="old-price">$19.00</span> </div> </div> <div class="cart-btn"> <a href="#add-to-cart" class="add-to-cart"> <span class="cart-title"> <span class="add-c-title"> <span class="cart-icon"><i class="feather-shopping-bag"></i></span> <span class="add-title">Add to cart</span> </span> </span> </a> </div> </div> <div class="product-ratting"> <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> </div> <div class="product-description"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="#add-to-cart" class="add-to-cart" data-bs-toggle="modal" data-bs-target="#add-to-cart"> <span class="tooltip-text">Add to cart</span> <span class="pro-action-icon"><i class="feather-shopping-bag"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home5-pro-21.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home5-pro-22.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> </div> </div> <div class="product-caption"> <div class="product-info"> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Apple avocado juice</a></h6> </div> <div class="price-cart"> <div class="product-price"> <div class="price-box"> <span class="new-price">$11.00</span> <span class="old-price">$19.00</span> </div> </div> <div class="cart-btn"> <a href="#add-to-cart" class="add-to-cart"> <span class="cart-title"> <span class="add-c-title"> <span class="cart-icon"><i class="feather-shopping-bag"></i></span> <span class="add-title">Add to cart</span> </span> </span> </a> </div> </div> <div class="product-ratting"> <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> </div> <div class="product-description"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="#add-to-cart" class="add-to-cart" data-bs-toggle="modal" data-bs-target="#add-to-cart"> <span class="tooltip-text">Add to cart</span> <span class="pro-action-icon"><i class="feather-shopping-bag"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img src="img/product/home5-pro-23.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home5-pro-5.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> </div> </div> <div class="product-caption"> <div class="product-info"> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Cacao banana juic</a></h6> </div> <div class="price-cart"> <div class="product-price"> <div class="price-box"> <span class="new-price">$77.00</span> <span class="old-price">$80.00</span> </div> </div> <div class="cart-btn"> <a href="#add-to-cart" class="add-to-cart"> <span class="cart-title"> <span class="add-c-title"> <span class="cart-icon"><i class="feather-shopping-bag"></i></span> <span class="add-title">Add to cart</span> </span> </span> </a> </div> </div> <div class="product-ratting"> <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> </div> <div class="product-description"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p> </div> <div class="product-action"> <a href="#quickview" class="quickview" data-bs-toggle="modal" data-bs-target="#quickview"> <span class="tooltip-text">Quickview</span> <span class="pro-action-icon"><i class="feather-eye"></i></span> </a> <a href="#add-to-cart" class="add-to-cart" data-bs-toggle="modal" data-bs-target="#add-to-cart"> <span class="tooltip-text">Add to cart</span> <span class="pro-action-icon"><i class="feather-shopping-bag"></i></span> </a> <a href="wishlist-product.html" class="wishlist"> <span class="tooltip-text">Wishlist</span> <span class="pro-action-icon"><i class="feather-heart"></i></span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="collection-button"> <a href="collection.html" class="btn btn-style">View product</a> </div> </div> <div class="swiper-buttons"> <div class="swiper-buttons-wrap"> <button class="swiper-prev swiper-prev-new5"><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="15 18 9 12 15 6"></polyline></svg></span></button> <button class="swiper-next swiper-next-new5"><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="9 18 15 12 9 6"></polyline></svg></span></button> </div> </div> <div class="swiper-dots"> <div class="swiper-pagination swiper-pagination-new5"></div> </div> </div> </div> </div> </div> </div> </section> <!-- product end --> <!-- video-text start --> <section class="video-section section-ptb" style="background-image: url('img/banner/video.jpg');"> <div class="container"> <div class="row"> <div class="col"> <div class="video-content"> <div class="video-button"> <a href="https://www.youtube-nocookie.com/embed/0Aja_yP93PY" class="video-btn play-button popup-youtube"> <span class="icon"><i class="fa fa-play"></i></span> </a> </div> <div class="video-title"> <h2 class="title">A moments of healthy juice</h2> </div> </div> </div> </div> </div> </section> <!-- video-text end --> <!-- testimonial start --> <section class="testimonial-area section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="section-capture"> <div class="section-title"> <h2>Customer love</h2> </div> </div> <div class="testimonial-slider"> <div class="swiper" id="test-slider5"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testimonial-item"> <div class="testimonial-desc"> <span class="testi-review"> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> </span> <p class="description">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p> </div> <div class="testimonial-author"> <div class="author-image"> <span class="image"> <img src="img/testi/test-1.jpg" class="img-fluid" alt="testi1"> </span> </div> <div class="author-content"> <span class="author-title">Natosha jacobs</span> <p class="author-bio">Company ceo</p> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-item"> <div class="testimonial-desc"> <span class="testi-review"> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> </span> <p class="description">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p> </div> <div class="testimonial-author"> <div class="author-image"> <span class="image"> <img src="img/testi/test-2.jpg" class="img-fluid" alt="testi2"> </span> </div> <div class="author-content"> <span class="author-title">Natosha jacobs</span> <p class="author-bio">Company ceo</p> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-item"> <div class="testimonial-desc"> <span class="testi-review"> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> </span> <p class="description">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p> </div> <div class="testimonial-author"> <div class="author-image"> <span class="image"> <img src="img/testi/test-3.jpg" class="img-fluid" alt="testi3"> </span> </div> <div class="author-content"> <span class="author-title">Natosha jacobs</span> <p class="author-bio">Company ceo</p> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-item"> <div class="testimonial-desc"> <span class="testi-review"> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> </span> <p class="description">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p> </div> <div class="testimonial-author"> <div class="author-image"> <span class="image"> <img src="img/testi/test-4.jpg" class="img-fluid" alt="testi4"> </span> </div> <div class="author-content"> <span class="author-title">Natosha jacobs</span> <p class="author-bio">Company ceo</p> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-item"> <div class="testimonial-desc"> <span class="testi-review"> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> <i class="fa fa-star fill "></i> </span> <p class="description">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p> </div> <div class="testimonial-author"> <div class="author-image"> <span class="image"> <img src="img/testi/test-5.jpg" class="img-fluid" alt="testi5"> </span> </div> <div class="author-content"> <span class="author-title">Natosha jacobs</span> <p class="author-bio">Company ceo</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- testimonial start --> <!-- instagram-area start --> <section class="instagram section-ptb bt"> <div class="container"> <div class="row"> <div class="col"> <div class="section-capture"> <div class="section-title"> <div class="section-cont-title"> <h2><span>Panno instagram</span></h2> </div> </div> </div> <div class="insta-slider"> <div class="instagram-slider owl-carousel owl-theme" id="instagram-slider5"> <div class="item"> <div class="insta-content banner-hover"> <a href="index5.html" class="insta-img banner-img"> <img src="img/insta/home5-insta-1.jpg" class="img-fluid" alt="insta-1"> </a> </div> </div> <div class="item"> <div class="insta-content banner-hover"> <a href="index5.html" class="insta-img banner-img"> <img src="img/insta/home5-insta-2.jpg" class="img-fluid" alt="insta-2"> </a> </div> </div> <div class="item"> <div class="insta-content banner-hover"> <a href="index5.html" class="insta-img banner-img"> <img src="img/insta/home5-insta-3.jpg" class="img-fluid" alt="insta-3"> </a> </div> </div> <div class="item"> <div class="insta-content banner-hover"> <a href="index5.html" class="insta-img banner-img"> <img src="img/insta/home5-insta-4.jpg" class="img-fluid" alt="insta-4"> </a> </div> </div> <div class="item"> <div class="insta-content banner-hover"> <a href="index5.html" class="insta-img banner-img"> <img src="img/insta/home5-insta-5.jpg" class="img-fluid" alt="insta-5"> </a> </div> </div> <div class="item"> <div class="insta-content banner-hover"> <a href="index5.html" class="insta-img banner-img"> <img src="img/insta/home5-insta-6.jpg" class="img-fluid" alt="insta-6"> </a> </div> </div> <div class="item"> <div class="insta-content banner-hover"> <a href="index5.html" class="insta-img banner-img"> <img src="img/insta/home5-insta-7.jpg" class="img-fluid" alt="insta-7"> </a> </div> </div> </div> </div> </div> </div> </div> </section> <!-- instagram-area end --> </main> <!-- main end --> <!-- footer start --> <section class="footer-area bg-color section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="footer-list"> <ul class="footer-ul"> <li class="footer-li footer-contact"> <ul class="ftlist-ul"> <li class="ftlist-li"> <h6 class="ftlist-title">Contact us</h6> <a data-bs-toggle="collapse" href="#footer-contact" class="ftlist-title"> <span>Contact us</span> <span><i class="fa-solid fa-plus"></i></span> </a> <ul class="ftcontact-ul collapse" id="footer-contact"> <li class="ftcontact-li"> <div class="ft-contact-add"> <span class="info-icon"><i class="feather-map-pin"></i></span> <div class="info-block"> <p>7266 Courtland st.</p><p>owings mills, md 12</p> </div> </div> </li> <li class="ftcontact-li"> <div class="ft-contact-add"> <span class="info-icon"><i class="feather-mail"></i></span> <div class="info-block"> <a href="tel(000)1234567890.html" title="tel:(000)1234567890" class="ft-contact-address">(000) 123 456 7890</a> </div> </div> </li> <li class="ftcontact-li"> <div class="ft-contact-add"> <span class="info-icon"><i class="feather-phone-call"></i></span> <div class="info-block"> <a href="mailto:demo@demo.com" title="mailto:demo@demo.com" class="ft-contact-address">demo@demo.com</a> </div> </div> </li> </ul> </li> </ul> </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">Categories</h6> <a href="#footer-extras" class="ftlist-title" data-bs-toggle="collapse" aria-expanded="false"> <span>Categories</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-4.html">About us 2</a> </li> <li class="ftlink-li"> <a href="privacy-policy.html">Privacy policy</a> </li> <li class="ftlink-li"> <a href="Contact-us-3.html">Contact us 2</a> </li> <li class="ftlink-li"> <a href="terms-condition.html">Terms & condition</a> </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 footer-newslette"> <ul class="ftlist-ul"> <li class="ftlist-li"> <h6 class="ftlist-title">Subscribe newsletter</h6> <a href="#" class="ftlist-title"> <span>Subscribe newsletter</span> </a> <div class="footer-content"> <div class="footer-info"> <p>to get 20% off on your first purchase</p> </div> <div class="news-content"> <form method="post" id="contact_form" class="contact-form"> <input type="hidden" name="contact[tags]" value="newsletter"> <div class="subscribe-block"> <input type="email" name="contact[email]" class="email mail" id="E-mail" value="" placeholder="Enter your mail" autocapitalize="off" required=""> <div class="email-submit"> <button type="submit" class="btn" name="commit" id="Subscribe"><span class="btn-icon"><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></span></button> </div> </div> </form> </div> </div> </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="index5.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="index5.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="index5.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="index5.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"><i class="feather-x"></i></span> </button> </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 zx" 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">Shop</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/home5-pro-banner1.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home5-pro-banner2.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Apple avocado juice</a></h6> <div class="price-box"> <span class="new-price">$11.00</span> <span class="old-price">$19.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/home5-pro-banner3.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home5-pro-banner4.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Butternut carrot juice</a></h6> <div class="price-box"> <span class="new-price">$22.00</span> <span class="old-price">$30.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/home5-pro-banner5.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home5-pro-banner6.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Watermelon cherries juice</a></h6> <div class="price-box"> <span class="new-price">$21.00</span> <span class="old-price">$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/home5-pro-banner7.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home5-pro-banner8.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Apple avocado juice</a></h6> <div class="price-box"> <span class="new-price">$11.00</span> <span class="old-price">$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> </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/home5-menu-banner1.jpg" class="img-fluid" alt="menu-banner1"> </a> <a href="collection.html" class="collection-title"> <span>Bread</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/home5-menu-banner2.jpg" class="img-fluid" alt="menu-banner2"> </a> <a href="collection.html" class="collection-title"> <span>Cakes</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/home5-menu-banner3.jpg" class="img-fluid" alt="menu-banner3"> </a> <a href="collection.html" class="collection-title"> <span>Bun</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/home5-menu-banner4.jpg" class="img-fluid" alt="menu-banner4"> </a> <a href="collection.html" class="collection-title"> <span>Pastries</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">Blogs</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">Pages</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="#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="#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="#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="javascript:void(0)"> <img src="img/cart/home5-cart1.jpg" class="img-fluid" alt="cart-1"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="javascript:void(0)">Apple pineapple juice</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="javascript:void(0)"> <img src="img/cart/home5-cart2.jpg" class="img-fluid" alt="cart-2"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="javascript:void(0)">Apple avocado juice</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$15.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="javascript:void(0)"> <img src="img/cart/home5-cart3.jpg" class="img-fluid" alt="cart-3"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="javascript:void(0)">Butternut carrot juice</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$11.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="javascript:void(0)"> <img src="img/cart/home5-cart4.jpg" class="img-fluid" alt="cart-4"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="javascript:void(0)">Cacao banana juice</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$21.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 --> <!-- 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/home5-pro-1.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"> <!-- product-title start --> <div class="product-title"> <h6>Apple avocado juice</h6> </div> <!-- product-title end --> <!-- product-price start --> <div class="product-price"> <div class="price-box"> <span class="new-price">$14.00</span> <span class="old-price">$19.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>Flavor:</label> <select class="single-option-selector" data-option="option1" id="product-color1"> <option value="Cucumber">Cucumber</option> <option value="Berry">Berry</option> <option value="Broccoli">Broccoli</option> </select> </div> <div class="selector-wrapper"> <label>Size:</label> <select class="single-option-selector" data-option="option2" id="product-color2"> <option value="500 M">500 M</option> <option value="1 L">1 L</option> <option value="2.5 L">2.5 L</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-style2">Add to Cart</button> <a href="cart-empty.html"> <span class="icon"><i class="fa-regular fa-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/index5.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 16 Jan 2025 04:26:55 GMT --> </html>
Save
cmd:
run