/
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/index3.html
(525505B)
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from spacingtech.com/html/panno/panno/index3.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 16 Jan 2025 04:26:05 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/favicon3.png"> <!-- bootstrap css --> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap-icons.css"> <!-- magnific-popup css --> <link rel="stylesheet" type="text/css" href="css/magnific-popup.css"> <!-- fontawesome css --> <link rel="stylesheet" type="text/css" href="css/all.min.css"> <!--fether css --> <link rel="stylesheet" type="text/css" href="css/feather.css"> <!-- animate css --> <link rel="stylesheet" type="text/css" href="css/animate.min.css"> <!-- owl-carousel css --> <link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css"> <link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css"> <!-- swiper css --> <link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css"> <!-- slick slider css --> <link rel="stylesheet" type="text/css" href="css/slick.css"> <!-- collection css --> <link rel="stylesheet" type="text/css" href="css/collection.css"> <!-- blog css --> <link rel="stylesheet" type="text/css" href="css/blog.css"> <!-- other-pages css --> <link rel="stylesheet" type="text/css" href= "css/other-pages.css"> <!-- product-page css --> <link rel="stylesheet" type="text/css" href="css/product-page.css"> <!-- style css --> <link rel="stylesheet" type="text/css" href="css/style3.css"> </head> <body> <!-- header start --> <header class="main-header"> <div class="header-top-area" id="stickyheader"> <div class="container-fluid"> <div class="row"> <div class="col"> <div class="header-area"> <div class="header-element header-logo"> <div class="header-theme-logo"> <a href="index3.html" class="theme-logo"> <img src="img/logo/logo3.png" class="img-fluid" alt="logo"> </a> </div> </div> <div class="header-element header-menu"> <div class="mainmenu-content"> <div class="main-wrap"> <ul class="main-menu"> <li class="menu-link"> <a href="index2.html" class="link-title"> <span class="sp-link-title">Home</span> <span class="menu-arrow"><i class="fa fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-single collapse" id="collapse-Home"> <ul class="ul"> <li class="menusingle-li"> <a href="index7.html" class="menusingle-title"> <span class="sp-link-title">Food & bakery<span class="header-sale-lable">New</span></span> </a> </li> <li class="menusingle-li"> <a href="index6.html" class="menusingle-title"> <span class="sp-link-title">Online plants</span> </a> </li> <li class="menusingle-li"> <a href="index.html" class="menusingle-title"> <span class="sp-link-title">Live plants</span> </a> </li> <li class="menusingle-li"> <a href="index2.html" class="menusingle-title"> <span class="sp-link-title">Organic food</span> </a> </li> <li class="menusingle-li"> <a href="index3.html" class="menusingle-title"> <span class="sp-link-title">Restaurants</span> </a> </li> <li class="menusingle-li"> <a href="index4.html" class="menusingle-title"> <span class="sp-link-title">Plants & trees</span> </a> </li> <li class="menusingle-li"> <a href="index5.html" class="menusingle-title"> <span class="sp-link-title">Juice & drink</span> </a> </li> </ul> </div> </li> <li class="menu-link"> <a href="collection.html" class="link-title"> <span class="sp-link-title">Product<span class="header-sale-lable">Sale</span></span> <span class="menu-arrow"><i class="fa fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-mega collapse" id="colection"> <ul class="ul container p-0"> <li class="menumega-li"> <a href="javascript:void(0)" class="menumega-title"> <span class="sp-link-title">Shop page</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menumegasup-dropdown collapse"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <a href="collection-without.html" class="menumegasup-title"> <span class="sp-link-title">Collection</span> </a> </li> <li class="menumegasup-li"> <a href="collection.html" class="menumegasup-title"> <span class="sp-link-title">Collection left</span> </a> </li> <li class="menumegasup-li"> <a href="collection-right.html" class="menumegasup-title"> <span class="sp-link-title">Collection right</span> </a> </li> <li class="menumegasup-li"> <a href="collection-list-without.html" class="menumegasup-title"> <span class="sp-link-title">Collection list</span> </a> </li> <li class="menumegasup-li"> <a href="collection-list.html" class="menumegasup-title"> <span class="sp-link-title">Collection list left</span> </a> </li> <li class="menumegasup-li"> <a href="collection-list-right.html" class="menumegasup-title"> <span class="sp-link-title">Collection list right</span> </a> </li> </ul> </div> </li> <li class="menumega-li"> <a href="javascript:void(0)" class="menumega-title"> <span class="sp-link-title">Product page</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menumegasup-dropdown collapse"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <a href="product-template.html" class="menumegasup-title"> <span class="sp-link-title">Product layout</span> </a> </li> <li class="menumegasup-li"> <a href="product-template2.html" class="menumegasup-title"> <span class="sp-link-title">Product tab</span> </a> </li> <li class="menumegasup-li"> <a href="product-template3.html" class="menumegasup-title"> <span class="sp-link-title">Product advance</span> </a> </li> <li class="menumegasup-li"> <a href="product-template4.html" class="menumegasup-title"> <span class="sp-link-title">Product accordion</span> </a> </li> <li class="menumegasup-li"> <a href="product-template5.html" class="menumegasup-title"> <span class="sp-link-title">Product center</span> </a> </li> <li class="menumegasup-li"> <a href="product-template6.html" class="menumegasup-title"> <span class="sp-link-title">Product sticky</span> </a> </li> <li class="menumegasup-li"> <a href="product-template7.html" class="menumegasup-title"> <span class="sp-link-title">Product side</span> </a> </li> </ul> </div> </li> <li class="menumega-li"> <div class="menu-product"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home3-pro-banner1.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home3-pro-banner2.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Submarine sandwich</a></h6> <div class="price-box"> <span class="new-price">$25.00</span> <span class="old-price">$45.00</span> </div> </div> </div> </div> </li> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home3-pro-banner3.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home3-pro-banner4.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Submarine sandwich</a></h6> <div class="price-box"> <span class="new-price">$65.00</span> <span class="old-price">$69.00</span> </div> </div> </div> </div> </li> </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/home3-pro-banner5.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home3-pro-banner6.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Hara bhara kabab</a></h6> <div class="price-box"> <span class="new-price">$54.00</span> <span class="old-price">$89.00</span> </div> </div> </div> </div> </li> <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/home3-pro-banner7.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home3-pro-banner8.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Orange cocktail</a></h6> <div class="price-box"> <span class="new-price">$75.00</span> <span class="old-price">$90.00</span> </div> </div> </div> </div> </li> </ul> <div class="menu-product-btn"> <a href="collection.html" class="menu-pro-link">See more<i class="bi bi-chevron-right"></i></a> </div> </div> </li> </ul> </div> </li> <li class="menu-link"> <a href="collection.html" class="link-title"> <span class="sp-link-title">Collection</span> <span class="menu-arrow"><i class="fa fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-banner collapse" id="collapse-shop"> <ul class="container ul"> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="banner-hover"> <img src="img/menu/home3-menu-banner-1.jpg" class="img-fluid" alt="menu-banner1"> </a> <a href="collection.html" class="collection-title"> <span>New product</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="banner-hover"> <img src="img/menu/home3-menu-banner-2.jpg" class="img-fluid" alt="menu-banner2"> </a> <a href="collection.html" class="collection-title"> <span>Featured product</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="banner-hover"> <img src="img/menu/home3-menu-banner-3.jpg" class="img-fluid" alt="menu-banner3"> </a> <a href="collection.html" class="collection-title"> <span>Best seller</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="banner-hover"> <img src="img/menu/home3-menu-banner-4.jpg" class="img-fluid" alt="menu-banner4"> </a> <a href="collection.html" class="collection-title"> <span>Super sale</span> </a> </div> </li> </ul> </div> </li> <li class="menu-link"> <a href="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> </div> <div class="header-element header-icon"> <div class="header-icon-block"> <ul class="shop-element"> <li class="side-wrap info-wrap"> <div class="info-wrapper"> <span class="icon"> <i class="feather-headphones"></i> </span> <div class="info-text"> <span class="label">Hot line</span> <p><a href="tel:(021)245368" class="info-link">(021) 247 3650</a></p> </div> </div> </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-bag"></i></span> <span class="cart-title text">Cart</span> <span class="cart-count">5</span> </span> </a> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </header> <!-- header end --> <!-- main start --> <main id="main-content"> <!-- offer-text star --> <section class="offer-text-area"> <div class="container"> <div class="row"> <div class="col"> <div class="offer-text"> <ul class="offer-text-ul desktop-offer-text"> <li class="offer-text-li"> <div class="offer-text-item"> <p>Tasty special menu</p> </div> </li> <li class="offer-text-li"> <div class="offer-text-item"> <p>The best ingredients</p> </div> </li> <li class="offer-text-li show"> <div class="offer-text-item"> <p>Hot and delicious</p> </div> </li> </ul> </div> </div> </div> </div> </section> <!-- offer-text end --> <!-- home-slider start --> <section class="slider-content"> <div class="home-slider owl-carousel owl-theme" id="homeslider3"> <div class="item"> <div class="slider-image-info"> <div class="slider-image"> <img src="img/slider/home3-slider-1.jpg" class="img-fluid desk-img" alt="slider1"> <img src="img/slider/home3-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-center slider-text-center"> <span class="slider-subtitle">Fresh food always</span> <h2><span>Let’s enjoy a meal together</span></h2> </div> </div> </div> </div> <div class="item"> <div class="slider-image-info"> <div class="slider-image"> <img src="img/slider/home3-slider-2.jpg" class="img-fluid desk-img" alt="slider1"> <img src="img/slider/home3-mobile-slider2.jpg" class="img-fluid mobile-img" alt="mobile-slider1"> </div> <div class="container slider-text-content"> <div class="slider-text-info slider-content-center slider-text-center"> <span class="slider-subtitle">Fresh food always</span> <h2><span>You can’t eat here just once</span></h2> </div> </div> </div> </div> <div class="item"> <div class="slider-image-info"> <div class="slider-image"> <img src="img/slider/home3-slider-3.jpg" class="img-fluid desk-img" alt="slider1"> <img src="img/slider/home3-mobile-slider3.jpg" class="img-fluid mobile-img" alt="mobile-slider1"> </div> <div class="container slider-text-content"> <div class="slider-text-info slider-content-center slider-text-center"> <span class="slider-subtitle">Fresh food always</span> <h2><span>A taste you’ll remember</span></h2> </div> </div> </div> </div> </div> </section> <!-- home-slider end --> <!-- home-about start --> <section class="home-about-info section-pt" style="background-image: url('img/about/home3-about-bg.jpg');"> <div class="container"> <div class="row"> <div class="col"> <div class="home-about-block"> <ul class="home-about-ul"> <li class="home-about-li about-title"> <div class="title-block"> <span class="subtitle">About me</span> <h2 class="title">Taste that makes you go yummmm.</h2> </div> </li> <li class="home-about-li about-img"> <span class="history-img-block"> <img src="img/about/home3-about.png" class="img-fluid desk-img" alt="about"> </span> </li> <li class="home-about-li about-desc"> <div class="info-desc"> <p class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a href="about-us.html" class="info-button">Explore more</a> </div> </li> </ul> </div> </div> </div> </div> </section> <!-- home-about end --> <!-- category start --> <section class="category-slider section-ptb"> <div class="container-fluid"> <div class="row"> <div class="col"> <div class="cat-slider owl-carousel owl-theme" id="category-slider3"> <div class="item"> <div class="category-wrap"> <a href="collection.html" class="cat-img-title"> <span class="cat-img"> <img src="img/cat/home3-cat-1.jpg" class="img-fluid" alt="cat-1"> </span> <div class="cat-content"> <span class="cat-title">Breakfast</span> </div> <div class="category-button"> <span class="cate-icon-img"><img src="img/cat/home3-icon-img1.png" class="img-fluid" alt="cat-icon1"></span> </div> </a> </div> </div> <div class="item"> <div class="category-wrap"> <a href="collection.html" class="cat-img-title"> <span class="cat-img"> <img src="img/cat/home3-cat-2.jpg" class="img-fluid" alt="cat-2"> </span> <div class="cat-content"> <h2><span class="cat-title">Lunch</span></h2> </div> <div class="category-button"> <span class="cate-icon-img"><img src="img/cat/home3-icon-img2.png" class="img-fluid" alt="cat-icon2"></span> </div> </a> </div> </div> <div class="item"> <div class="category-wrap"> <a href="collection.html" class="cat-img-title"> <span class="cat-img"> <img src="img/cat/home3-cat-3.jpg" class="img-fluid" alt="cat-3"> </span> <div class="cat-content"> <h2><span class="cat-title">Dinner</span></h2> </div> <div class="category-button"> <span class="cate-icon-img"><img src="img/cat/home3-icon-img3.png" class="img-fluid" alt="cat-icon3"></span> </div> </a> </div> </div> <div class="item"> <div class="category-wrap"> <a href="collection.html" class="cat-img-title"> <span class="cat-img"> <img src="img/cat/home3-cat-4.jpg" class="img-fluid" alt="cat-4"> </span> <div class="cat-content"> <h2><span class="cat-title">Starters</span></h2> </div> <div class="category-button"> <span class="cate-icon-img"><img src="img/cat/home3-icon-img4.png" class="img-fluid" alt="cat-icon4"></span> </div> </a> </div> </div> <div class="item"> <div class="category-wrap"> <a href="collection.html" class="cat-img-title"> <span class="cat-img"> <img src="img/cat/home3-cat-5.jpg" class="img-fluid" alt="cat-icon5"> </span> <div class="cat-content"> <h2><span class="cat-title">Fast food</span></h2> </div> <div class="category-button"> <span class="cate-icon-img"><img src="img/cat/home3-icon-img5.png" class="img-fluid" alt="cat-icon5"></span> </div> </a> </div> </div> <div class="item"> <div class="category-wrap"> <a href="collection.html" class="cat-img-title"> <span class="cat-img"> <img src="img/cat/home3-cat-6.jpg" class="img-fluid" alt="cat-6"> </span> <div class="cat-content"> <h2><span class="cat-title">Italian food</span></h2> </div> <div class="category-button"> <span class="cate-icon-img"><img src="img/cat/home3-icon-img6.png" class="img-fluid" alt="cat-icon6"></span> </div> </a> </div> </div> </div> </div> </div> </div> </section> <!-- category end --> <!-- special-product start --> <section class="special-product section-ptb"> <div class="collection-category"> <div class="container"> <div class="row"> <div class="col"> <div class="section-capture"> <div class="section-title"> <span class="sub-title">Popular food</span> <h2><span>Special dishes</span></h2> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col"> <div class="collection-wrap"> <div class="collection-slider swiper" id="new-product3"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-1.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-2.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <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> <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-content"> <div class="product-title"> <h6><a href="product-template.html">Watermelon cocktail</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$21.00</span> </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="#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> <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> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-3.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-4.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <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> <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-content"> <div class="product-title"> <h6><a href="product-template.html">Hara bhara kabab</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$89.00</span> <span class="old-price">$69.00</span> </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="#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> <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> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-5.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-6.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <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> <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-content"> <div class="product-title"> <h6><a href="product-template.html">Hakata ramen</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$11.00</span> <span class="old-price">$19.00</span> </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="#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> <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> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-7.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-8.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <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> <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-content"> <div class="product-title"> <h6><a href="product-template.html">Sushi roll</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$45.00</span> </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="#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> <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> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-9.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-10.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <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> <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-content"> <div class="product-title"> <h6><a href="product-template.html">Orange cocktail</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$54.00</span> <span class="old-price">$65.00</span> </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="#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> <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> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-11.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-12.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <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> <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-content"> <div class="product-title"> <h6><a href="product-template.html">Oyster meat</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$61.00</span> </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="#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> <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> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-13.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-14.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <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> <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-content"> <div class="product-title"> <h6><a href="product-template.html">Chocolate cremeux</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$54.00</span> <span class="old-price">$65.00</span> </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="#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> <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> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-15.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-16.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <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> <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-content"> <div class="product-title"> <h6><a href="product-template.html">Pugliese pizza</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$21.00</span> </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="#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> <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> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-17.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-18.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <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> <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-content"> <div class="product-title"> <h6><a href="product-template.html">Strawberry pancakes</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$35.00</span> </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="#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> <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> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-19.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-20.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <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> <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-content"> <div class="product-title"> <h6><a href="product-template.html">Theta burger</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$44.00</span> <span class="old-price">$49.00</span> </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="#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> <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> </div> <div class="swiper-slide"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-21.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-22.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> <div class="product-action"> <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> <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-content"> <div class="product-title"> <h6><a href="product-template.html">Creamy pasta</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$61.00</span> <span class="old-price">$65.00</span> </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="#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> <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> </div> </div> </div> <div class="swiper-buttons"> <div class="swiper-buttons-wrap"> <button class="swiper-prev swiper-prev-new3"><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-new3"><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-new3"></div> </div> </div> </div> </div> </div> </div> </section> <!-- special-product end --> <!-- history-info start --> <section class="history-info section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="section-capture"> <div class="section-title"> <span class="sub-title">Panno history</span> <h2><span>Panno restaurant</span></h2> </div> </div> <div class="history-info-block"> <ul class="history-info-ul"> <li class="history-info-li history-image"> <div class="history-img-area"> <span class="history-img-block"> <img src="img/about/home3-about1.png" class="img-fluid" alt="about1"> </span> </div> </li> <li class="history-info-li history-image"> <div class="history-img-area"> <span class="history-img-block"> <img src="img/about/home3-about2.png" class="img-fluid" alt="about2"> </span> </div> </li> <li class="history-info-li history-text"> <div class="history-content"> <div class="history-icon-text"> <span class="history-icon"> <img src="img/about/home3-about-icon.png" class="img-fluid" alt="about-icon"> </span> <h2>Since. 1984</h2> <p>If you use this site regularly and would like to help keep the site on the Internet, please consider donating a small sum to help pay for the hosting and bandwidth bill.</p> </div> <div class="history-button"> <a href="about-us-2.html" class="btn btn-style">Read story</a> </div> </div> </li> </ul> </div> </div> </div> </div> </section> <!-- history-info end --> <!-- fresh-delicious start --> <section class="product-tab section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="section-capture tab"> <div class="section-title"> <h2><span>Deal of the day</span></h2> <ul class="nav nav-tabs"> <li class="nav-item"> <a href="#new-off" class="nav-link active" data-bs-toggle="tab"><span>Starters</span></a> </li> <li class="nav-item"> <a href="#best-off" class="nav-link" data-bs-toggle="tab"><span>Breakfast</span></a> </li> <li class="nav-item"> <a href="#feature-off" class="nav-link" data-bs-toggle="tab"><span>Lunch</span></a> </li> <li class="nav-item"> <a href="#advance-off" class="nav-link" data-bs-toggle="tab"><span>Dinner</span></a> </li> </ul> </div> </div> <div class="collection-wrap"> <div class="tab-content"> <div class="tab-pane fade show active" id="new-off"> <div class="collection-slider swiper" id="new-offer3"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-1.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-2.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Submarine sandwich</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$21.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-3.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-4.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Pugliese pizza</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$61.00</span> <span class="old-price">$69.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-5.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-6.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Creamy pasta</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$45.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-7.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-8.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Sushi roll</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$27.00</span> <span class="old-price">$35.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-9.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-10.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Orange cocktail</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$11.00</span> <span class="old-price">$19.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-11.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-12.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Watermelon cocktail</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$69.00</span> <span class="old-price">$89.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-13.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-14.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Creamy souffle</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$44.00</span> <span class="old-price">$49.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-15.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-16.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">California roll</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$21.00</span> <span class="old-price">$43.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-17.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-18.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Chocolate cremeux</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$15.00</span> <span class="old-price">$21.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-19.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-20.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Theta burger</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$54.00</span> <span class="old-price">$90.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-21.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-22.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Hakata ramen</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$22.00</span> <span class="old-price">$29.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-23.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-24.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Hara bhara kabab</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$33.00</span> <span class="old-price">$43.00</span> </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="swiper-buttons"> <div class="swiper-buttons-wrap"> <button class="swiper-prev swiper-prev-new-offer3"><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-new-offer3"><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-new-offer3"></div> </div> </div> <div class="tab-pane fade" id="best-off"> <div class="collection-slider swiper" id="best-offer3"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-13.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-14.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Creamy souffle</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$44.00</span> <span class="old-price">$49.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-15.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-16.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">California roll</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$21.00</span> <span class="old-price">$43.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-17.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-18.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Chocolate cremeux</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$15.00</span> <span class="old-price">$21.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-19.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-20.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Theta burger</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$54.00</span> <span class="old-price">$90.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-21.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-22.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Hakata ramen</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$22.00</span> <span class="old-price">$29.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-23.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-24.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Hara bhara kabab</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$33.00</span> <span class="old-price">$43.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-1.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-2.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Submarine sandwich</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$21.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-3.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-4.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Pugliese pizza</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$61.00</span> <span class="old-price">$69.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-5.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-6.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Creamy pasta</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$45.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-7.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-8.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Sushi roll</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$27.00</span> <span class="old-price">$35.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-9.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-10.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Orange cocktail</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$11.00</span> <span class="old-price">$19.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-11.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-12.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Watermelon cocktail</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$69.00</span> <span class="old-price">$89.00</span> </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="swiper-buttons"> <div class="swiper-buttons-wrap"> <button class="swiper-prev swiper-prev-best-offer3"><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-best-offer3"><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-best-offer3"></div> </div> </div> <div class="tab-pane fade" id="feature-off"> <div class="collection-slider swiper" id="feature-offer3"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-19.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-20.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Theta burger</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$54.00</span> <span class="old-price">$90.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-21.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-22.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Hakata ramen</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$22.00</span> <span class="old-price">$29.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-23.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-24.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Hara bhara kabab</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$33.00</span> <span class="old-price">$43.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-1.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-2.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Submarine sandwich</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$21.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-3.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-4.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Pugliese pizza</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$61.00</span> <span class="old-price">$69.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-5.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-6.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Creamy pasta</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$45.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-7.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-8.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Sushi roll</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$27.00</span> <span class="old-price">$35.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-9.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-10.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Orange cocktail</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$11.00</span> <span class="old-price">$19.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-11.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-12.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Watermelon cocktail</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$69.00</span> <span class="old-price">$89.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-1.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-2.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Submarine sandwich</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$21.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-3.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-4.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Pugliese pizza</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$61.00</span> <span class="old-price">$69.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-5.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-6.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Creamy pasta</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$45.00</span> </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="swiper-buttons"> <div class="swiper-buttons-wrap"> <button class="swiper-prev swiper-prev-feature-offer3"><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-feature-offer3"><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-feature-offer3"></div> </div> </div> <div class="tab-pane fade" id="advance-off"> <div class="collection-slider swiper" id="advance-offer3"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-7.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-8.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Sushi roll</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$27.00</span> <span class="old-price">$35.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-9.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-10.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Orange cocktail</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$11.00</span> <span class="old-price">$19.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-11.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-12.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Watermelon cocktail</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$69.00</span> <span class="old-price">$89.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-1.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-2.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Submarine sandwich</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$21.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-3.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-4.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Pugliese pizza</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$61.00</span> <span class="old-price">$69.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-5.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-6.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Creamy pasta</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$25.00</span> <span class="old-price">$45.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-19.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-20.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Theta burger</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$54.00</span> <span class="old-price">$90.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-21.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-22.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Hakata ramen</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$22.00</span> <span class="old-price">$29.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-23.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-24.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Hara bhara kabab</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$33.00</span> <span class="old-price">$43.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-13.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-14.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Creamy souffle</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$44.00</span> <span class="old-price">$49.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-15.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-16.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">California roll</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$21.00</span> <span class="old-price">$43.00</span> </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 class="swiper-slide"> <div class="product-grid-list"> <div class="single-product-wrap"> <div class="product-image banner-hover"> <a href="product-template.html" class="pro-img"> <img src="img/product/home3-pro-17.jpg" class="img-fluid img1 mobile-img1" alt="p1"> <img src="img/product/home3-pro-18.jpg" class="img-fluid img2 mobile-img2" alt="p2"> </a> </div> <div class="product-content"> <div class="product-title"> <h6><a href="product-template.html">Chocolate cremeux</a></h6> </div> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$15.00</span> <span class="old-price">$21.00</span> </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="swiper-buttons"> <div class="swiper-buttons-wrap"> <button class="swiper-prev swiper-prev-advance-offer3"><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-advance-offer3"><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-advance-offer3"></div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- fresh-delicious end --> <!-- our-service start --> <section class="our-service section-ptb"> <div class="container"> <div class="row"> <div class="col"> <div class="service-content"> <ul class="service-ul"> <li class="service-li"> <div class="service-block"> <div class="service-icon"> <a href="#" class="icon-block"> <span class="icon"><i class="feather-package"></i></span> </a> </div> <div class="service-info"> <h6>Fastest delivery</h6> <p>Lorem ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </li> <li class="service-li"> <div class="service-block"> <div class="service-icon"> <a href="#" class="icon-block"> <span class="icon"><i class="feather-smartphone"></i></span> </a> </div> <div class="service-info"> <h6>Easy to order</h6> <p>Lorem ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </li> <li class="service-li"> <div class="service-block"> <div class="service-icon"> <a href="#" class="icon-block"> <span class="icon"><i class="feather-award"></i></span> </a> </div> <div class="service-info"> <h6>Best quality</h6> <p>Lorem ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </li> </ul> </div> </div> </div> </div> </section> <!-- our-service end --> <!-- feature-info start --> <section class="feature-info-area section-pt bt"> <div class="container"> <div class="row"> <div class="col"> <div class="feature-block"> <div class="feature-img"> <div class="feature-img-block"> <span class="img-block"><img src="img/banner/home3-banner.png" class="img-fluid" alt="banner"></span> </div> </div> <div class="feature-info"> <div class="feature-content"> <h2>We served healthy food for healthy lifestyle</h2> <p>If you use this site regularly and would like to help keep the site on the Internet, please consider donating a small sum to help pay for the hosting and bandwidth bill.</p> <div class="feature-wrap"> <ul class="feature-ul"> <li class="feature-li"> <div class="feature-main"> <div class="feature-icon-img"> <img src="img/service/home3-dinner.png" class="img-fluid img-1" alt="service-1"> <img src="img/service/home3-dinner1.png" class="img-fluid img-2" alt="service-2"> </div> <div class="feature-text"> <span class="color-text">10k</span> <span>Reviews (3.5)</span> </div> </div> </li> <li class="feature-li"> <div class="feature-main"> <div class="feature-icon-img"> <img src="img/service/home3-cutlery.png" class="img-fluid img-1" alt="service-3"> <img src="img/service/home3-cutlery1.png" class="img-fluid img-2" alt="service-4"> </div> <div class="feature-text"> <span class="color-text">20+</span> <span>Restaurants</span> </div> </div> </li> <li class="feature-li"> <div class="feature-main"> <div class="feature-icon-img"> <img src="img/service/home3-milk.png" class="img-fluid img-1" alt="service-5"> <img src="img/service/home3-milk1.png" class="img-fluid img-2" alt="service-6"> </div> <div class="feature-text"> <span class="color-text">200+</span> <span>Food items</span> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </section> <!-- feature-info end --> <!-- testimonial start --> <section class="testimonial-area section-ptb"> <div class="testi-category"> <div class="container"> <div class="row"> <div class="col"> <div class="testi-wrapper"> <div class="testi-content"> <div class="testi-title"> <div class="section-capture"> <div class="section-title"> <span class="sub-title">Our testimonial</span> <h2><span>Read incredible stories of our guests</span></h2> </div> </div> <div class="swiper-buttons"> <div class="swiper-buttons-wrap"> <button class="btn swiper-prev swiper-prev-testi3"><span><i class="feather-arrow-left"></i></span></button> <button class="btn swiper-next swiper-next-testi3"><span><i class="feather-arrow-right"></i></span></button> </div> </div> </div> <div class="testi-info"> <div class="testi-slider swiper" id="testi-slider3"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testi-info-wrap"> <div class="testimonial-icon"> <span class="icon"> <i class="fa fa-quote-left"></i> </span> </div> <p class="testi-desc">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 class="testi-img-author"> <span class="testi-img"> <img src="img/testi/test-1.jpg" class="img-fluid" alt="testi1"> </span> <div class="testi-author-pos"> <h6>Jillian wyatt</h6> <span>Customer</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testi-info-wrap"> <div class="testimonial-icon"> <span class="icon"> <i class="fa fa-quote-left"></i> </span> </div> <p class="testi-desc">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 class="testi-img-author"> <span class="testi-img"> <img src="img/testi/test-2.jpg" class="img-fluid" alt="testi2"> </span> <div class="testi-author-pos"> <h6>Elizbeth smith</h6> <span>Customer</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testi-info-wrap"> <div class="testimonial-icon"> <span class="icon"> <i class="fa fa-quote-left"></i> </span> </div> <p class="testi-desc">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 class="testi-img-author"> <span class="testi-img"> <img src="img/testi/test-3.jpg" class="img-fluid" alt="testi3"> </span> <div class="testi-author-pos"> <h6>Andrew smith</h6> <span>Customer</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testi-info-wrap"> <div class="testimonial-icon"> <span class="icon"> <i class="fa fa-quote-left"></i> </span> </div> <p class="testi-desc">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 class="testi-img-author"> <span class="testi-img"> <img src="img/testi/test-4.jpg" class="img-fluid" alt="testi4"> </span> <div class="testi-author-pos"> <h6>David williams</h6> <span>Customer</span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="swiper-buttons test-arrow"> <div class="swiper-buttons-wrap"> <button class="btn swiper-prev swiper-prev-testi3"><span><i class="feather-arrow-left"></i></span></button> <button class="btn swiper-next swiper-next-testi3"><span><i class="feather-arrow-right"></i></span></button> </div> </div> <div class="swiper-dots"> <div class="swiper-pagination swiper-pagination-testi3"></div> </div> </div> </div> </div> </div> </div> </section> <!-- testimonial end --> <!-- blog start --> <section class="our-blog section-ptb"> <div class="blog-category"> <div class="container"> <div class="row"> <div class="col"> <div class="section-capture"> <div class="section-title"> <span class="sub-title">Latest news</span> <h2>What’s news</h2> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col"> <div class="blog-wrap"> <div class="blog-slider owl-carousel owl-theme" id="blog-slider3"> <div class="item"> <div class="blog-post"> <div class="blog-img"> <a href="article-post.html" class="banner-img"> <img src="img/blog/home3-blog1.jpg" class="img-fluid" alt="blog1"> <span class="blog-icon"> <i class="feather-link"></i> </span> </a> </div> <div class="blog-content"> <div class="date-tag"> <span class="blog-date-time"> <span class="blog-date">14</span> <span class="blog-month">May</span> <span class="blog-year">2024</span> </span> <div class="blog-name"> <a href="article-post.html">beauty</a> </div> </div> <h6 class="blog-tag"> <a href="article-post.html">Where does it come from?</a> </h6> </div> </div> </div> <div class="item"> <div class="blog-post"> <div class="blog-img"> <a href="article-post.html" class="banner-img"> <img src="img/blog/home3-blog2.jpg" class="img-fluid" alt="blog2"> <span class="blog-icon"> <i class="feather-link"></i> </span> </a> </div> <div class="blog-content"> <div class="date-tag"> <span class="blog-date-time"> <span class="blog-date">14</span> <span class="blog-month">May</span> <span class="blog-year">2024</span> </span> <div class="blog-name"> <a href="article-post.html">beard</a> </div> </div> <h6 class="blog-tag"> <a href="article-post.html">Where can I get some?</a> </h6> </div> </div> </div> <div class="item"> <div class="blog-post"> <div class="blog-img"> <a href="article-post.html" class="banner-img"> <img src="img/blog/home3-blog3.jpg" class="img-fluid" alt="blog3"> <span class="blog-icon"> <i class="feather-link"></i> </span> </a> </div> <div class="blog-content"> <div class="date-tag"> <span class="blog-date-time"> <span class="blog-date">14</span> <span class="blog-month">May</span> <span class="blog-year">2024</span> </span> <div class="blog-name"> <a href="article-post.html">bag</a> </div> </div> <h6 class="blog-tag"> <a href="article-post.html">What is Lorem Ipsum?</a> </h6> </div> </div> </div> <div class="item"> <div class="blog-post"> <div class="blog-img"> <a href="article-post.html" class="banner-img"> <img src="img/blog/home3-blog4.jpg" class="img-fluid" alt="blog4"> <span class="blog-icon"> <i class="feather-link"></i> </span> </a> </div> <div class="blog-content"> <div class="date-tag"> <span class="blog-date-time"> <span class="blog-date">14</span> <span class="blog-month">May</span> <span class="blog-year">2024</span> </span> <div class="blog-name"> <a href="article-post.html">autopart</a> </div> </div> <h6 class="blog-tag"> <a href="article-post.html">Wel illum qui dolorem eum fugiat?</a> </h6> </div> </div> </div> <div class="item"> <div class="blog-post"> <div class="blog-img"> <a href="article-post.html" class="banner-img"> <img src="img/blog/home3-blog5.jpg" class="img-fluid" alt="blog5"> <span class="blog-icon"> <i class="feather-link"></i> </span> </a> </div> <div class="blog-content"> <div class="date-tag"> <span class="blog-date-time"> <span class="blog-date">14</span> <span class="blog-month">May</span> <span class="blog-year">2024</span> </span> <div class="blog-name"> <a href="article-post.html">antiquestore</a> </div> </div> <h6 class="blog-tag"> <a href="article-post.html">Where does it from?</a> </h6> </div> </div> </div> <div class="item"> <div class="blog-post"> <div class="blog-img"> <a href="article-post.html" class="banner-img"> <img src="img/blog/home3-blog6.jpg" class="img-fluid" alt="blog6"> <span class="blog-icon"> <i class="feather-link"></i> </span> </a> </div> <div class="blog-content"> <div class="date-tag"> <span class="blog-date-time"> <span class="blog-date">14</span> <span class="blog-month">May</span> <span class="blog-year">2024</span> </span> <div class="blog-name"> <a href="article-post.html">bikinilingerie</a> </div> </div> <h6 class="blog-tag"> <a href="article-post.html">Where does it come from?</a> </h6> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- blog 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-newslette"> <ul class="ftlist-ul"> <li class="ftlist-li"> <h6 class="ftlist-title">Newsletter</h6> <a href="#" class="ftlist-title"> <span>Newsletter</span> </a> <div class="footer-content"> <div class="footer-info"> <p>We’re giving you 10% off your first order</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="news-btn" name="commit" id="Subscribe"> <span class="btn-icon"><i class="feather-mail"></i></span> </button> </div> </div> </form> </div> </div> </li> </ul> </li> <li class="footer-li"> <ul class="ftlist-ul"> <li class="ftlist-li"> <h6 class="ftlist-title">Address</h6> <a href="#footer-store-address" class="ftlist-title" data-bs-toggle="collapse" aria-expanded="false"> <span>Address</span> <span><i class="fa-solid fa-plus"></i></span> </a> <ul class="ftcontact-ul collapse" id="footer-store-address"> <li class="ftcontact-li"> <div class="ft-contact-add"> <p class="ft-contact-text">32 Shannon lane, orange, va, 22960 united states</p> </div> </li> <li class="ftcontact-li"> <div class="ft-contact-add"> <span class="ft-contact-icon"></span> <a href="#" class="ft-contact-address">+ (021) 123 456 7890</a> </div> </li> <li class="ftcontact-li"> <div class="ft-contact-add"> <span class="ft-contact-icon"></span> <a href="mailto:demo@demo.com" class="ft-contact-address">demo854329@gmail.com</a> </div> </li> </ul> </li> </ul> </li> <li class="footer-li store-time"> <ul class="ftlist-ul"> <li class="ftlist-li"> <h6 class="ftlist-title">Opening time</h6> <a href="#footer-time" class="ftlist-title" data-bs-toggle="collapse" aria-expanded="false"> <span>Opening time</span> <span><i class="fa-solid fa-plus"></i></span> </a> <ul class="store-time-ul collapse" id="footer-time"> <li class="time-list-li"> <span class="time-text">Munday to Friday</span> </li> <li class="time-list-li"> <span class="time-text">11:00 am - 9:00 pm</span> </li> <li class="time-list-li"> <span class="time-text">Saturday to Sunday</span> </li> <li class="time-list-li"> <span class="time-text">11:00 am - 12:00 pm</span> </li> </ul> </li> </ul> </li> <li class="footer-li footer-contact"> <ul class="ftlist-ul"> <li class="ftlist-li"> <h6 class="ftlist-title">Follow us</h6> <a href="#footer-store-follow" class="ftlist-title" data-bs-toggle="collapse" aria-expanded="false"> <span>Follow us</span> <span><i class="fa-solid fa-plus"></i></span> </a> <ul class="ftcontact-ul collapse" id="footer-store-follow"> <li class="footer-social"> <ul class="social-icon"> <!-- facebook-icon start --> <li> <a href="https://www.facebook.com/"> <span class="icon-social facebook"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></span> </a> </li> <!-- facebook-icon end --> <!-- twitter-icon start --> <li> <a href="https://twitter.com/"> <span class="icon-social twitter"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></span> </a> </li> <!-- twitter-icon end --> <!-- insta-icon start --> <li> <a href="https://www.instagram.com/"> <span class="icon-social pinterest"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></span> </a> </li> <!-- insta-icon end --> <!-- pinterest-icon start --> <li> <a href="https://in.pinterest.com/"> <span class="icon-social pinterest"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"></path></svg></span> </a> </li> <!-- pinterest-icon end --> </ul> </li> </ul> </li> </ul> </li> </ul> </div> </div> </div> </div> </section> <!-- footer end --> <!-- footer-copyright start --> <footer class="ft-copyright-area bt bg-color"> <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-logo-image"> <div class="copyright-logo"> <a href="index3.html" class="theme-logo"> <img src="img/logo/logo3.png" class="img-fluid" alt="footer-logo"> </a> </div> </li> <li class="ft-copryright-li ft-payment"> <ul class="payment-icon"> <li> <a href="index3.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="index3.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="index3.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="index3.html"> <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"></path><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"></path><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"></path></svg> </a> </li> </ul> </li> </ul> </div> </div> </div> </div> </footer> <!-- footer-copyright end --> <!-- mobile-menu start --> <div class="mobile-menu" id="mobile-menu"> <div class="mobile-contents"> <div class="menu-close"> <button class="menu-close-btn"> <span class="menu-close-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span> </button> </div> <div class="info-wrap"> <div class="info-wrapper"> <span class="icon"> <i class="feather-headphones"></i> </span> <div class="info-text"> <span class="label">Hot line</span> <p><a href="tel:(021)245368" class="info-link">(021) 247 3650</a></p> </div> </div> </div> <div class="mobilemenu-content"> <div class="main-wrap"> <ul class="main-menu"> <li class="menu-link"> <a href="#menu-single" class="link-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Home</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-single collapse" id="menu-single"> <ul class="ul"> <li class="menusingle-li"> <a href="index7.html" class="menusingle-title"> <span class="sp-link-title">Food & bakery<span class="header-sale-lable">New</span></span> </a> </li> <li class="menusingle-li"> <a href="index6.html" class="menusingle-title"> <span class="sp-link-title">Online plants</span> </a> </li> <li class="menusingle-li"> <a href="index.html" class="menusingle-title"> <span class="sp-link-title">Live plants</span> </a> </li> <li class="menusingle-li"> <a href="index2.html" class="menusingle-title"> <span class="sp-link-title">Organic food</span> </a> </li> <li class="menusingle-li"> <a href="index3.html" class="menusingle-title"> <span class="sp-link-title">Restaurants</span> </a> </li> <li class="menusingle-li"> <a href="index4.html" class="menusingle-title"> <span class="sp-link-title">Plants & trees</span> </a> </li> <li class="menusingle-li"> <a href="index5.html" class="menusingle-title"> <span class="sp-link-title">Juice & drink</span> </a> </li> </ul> </div> </li> <li class="menu-link"> <a href="#menu-mega" class="link-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Product</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-mega collapse" id="menu-mega"> <ul class="ul container p-0"> <li class="menumega-li"> <a href="#menumega-sup1" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Shop page</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menumegasup-dropdown collapse" id="menumega-sup1"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <a href="collection-without.html" class="menumegasup-title"> <span class="sp-link-title">Collection</span> </a> </li> <li class="menumegasup-li"> <a href="collection.html" class="menumegasup-title"> <span class="sp-link-title">Collection left</span> </a> </li> <li class="menumegasup-li"> <a href="collection-right.html" class="menumegasup-title"> <span class="sp-link-title">Collection right</span> </a> </li> <li class="menumegasup-li"> <a href="collection-list-without.html" class="menumegasup-title"> <span class="sp-link-title">Collection list</span> </a> </li> <li class="menumegasup-li"> <a href="collection-list.html" class="menumegasup-title"> <span class="sp-link-title">Collection list left</span> </a> </li> <li class="menumegasup-li"> <a href="collection-list-right.html" class="menumegasup-title"> <span class="sp-link-title">Collection list right</span> </a> </li> </ul> </div> </li> <li class="menumega-li"> <a href="#menumega-sup2" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Product page</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menumegasup-dropdown collapse" id="menumega-sup2"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <a href="product-template.html" class="menumegasup-title"> <span class="sp-link-title">Product layout</span> </a> </li> <li class="menumegasup-li"> <a href="product-template2.html" class="menumegasup-title"> <span class="sp-link-title">Product tab</span> </a> </li> <li class="menumegasup-li"> <a href="product-template3.html" class="menumegasup-title"> <span class="sp-link-title">Product advance</span> </a> </li> <li class="menumegasup-li"> <a href="product-template4.html" class="menumegasup-title"> <span class="sp-link-title">Product accordion</span> </a> </li> <li class="menumegasup-li"> <a href="product-template5.html" class="menumegasup-title"> <span class="sp-link-title">Product center</span> </a> </li> <li class="menumegasup-li"> <a href="product-template6.html" class="menumegasup-title"> <span class="sp-link-title">Product sticky</span> </a> </li> <li class="menumegasup-li"> <a href="product-template7.html" class="menumegasup-title"> <span class="sp-link-title">Product side</span> </a> </li> </ul> </div> </li> <li class="menumega-li"> <div class="menu-product"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home3-pro-banner1.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home3-pro-banner2.jpg.html" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Submarine sandwich</a></h6> <div class="price-box"> <span class="new-price">$25.00</span> <span class="old-price">$45.00</span> </div> </div> </div> </div> </li> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home3-pro-banner3.jpg" alt="menupro-3"> <img class="img-fluid img2" src="img/menu/home3-pro-banner4.jpg" alt="menupro-4"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Hara bhara kabab</a></h6> <div class="price-box"> <span class="new-price">$54.00</span> <span class="old-price">$89.00</span> </div> </div> </div> </div> </li> </ul> <div class="menu-product-btn"> <a href="collection.html" class="menu-pro-link">See more<i class="bi bi-chevron-right"></i></a> </div> </div> </li> <li class="menumega-li"> <div class="menu-product"> <ul class="menumegasup-ul"> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home3-pro-banner5.jpg" alt="menupro-1"> <img class="img-fluid img2" src="img/menu/home3-pro-banner6.jpg" alt="menupro-2"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Submarine sandwich</a></h6> <div class="price-box"> <span class="new-price">$65.00</span> <span class="old-price">$69.00</span> </div> </div> </div> </div> </li> <li class="menumegasup-li"> <div class="product-menu-list"> <div class="single-product-wrap"> <div class="product-image"> <a href="product-template.html" class="pro-img"> <img class="img-fluid img1" src="img/menu/home3-pro-banner7.jpg" alt="menupro-3"> <img class="img-fluid img2" src="img/menu/home3-pro-banner8.jpg" alt="menupro-4"> </a> </div> <div class="product-content"> <h6><a href="product-template.html">Orange cocktail</a></h6> <div class="price-box"> <span class="new-price">$75.00</span> <span class="old-price">$90.00</span> </div> </div> </div> </div> </li> </ul> <div class="menu-product-btn"> <a href="collection.html" class="menu-pro-link">See more<i class="bi bi-chevron-right"></i></a> </div> </div> </li> </ul> </div> </li> <li class="menu-link"> <a href="#menu-shop-banner" class="link-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Collection</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-banner collapse" id="menu-shop-banner"> <ul class="container ul p-0"> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="collection-img banner-hover"> <img src="img/menu/home3-menu-banner-1.jpg" class="img-fluid" alt="menu-banner1"> </a> <a href="collection.html" class="collection-title"> <span>New product</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="collection-img banner-hover"> <img src="img/menu/home3-menu-banner-2.jpg" class="img-fluid" alt="menu-banner2"> </a> <a href="collection.html" class="collection-title"> <span>Featured product</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="collection-img banner-hover"> <img src="img/menu/home3-menu-banner-3.jpg" class="img-fluid" alt="menu-banner3"> </a> <a href="collection.html" class="collection-title"> <span>Best seller</span> </a> </div> </li> <li class="menubanner-li"> <div class="menubanner-img"> <a href="collection.html" class="collection-img banner-hover"> <img src="img/menu/home3-menu-banner-4.jpg" class="img-fluid" alt="menu-banner4"> </a> <a href="collection.html" class="collection-title"> <span>Super sale</span> </a> </div> </li> </ul> </div> </li> <li class="menu-link"> <a href="#menu-blog" class="link-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Blog</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-single collapse" id="menu-blog"> <ul class="ul"> <li class="menusingle-li"> <a href="blog-grid-without.html" class="menusingle-title"> <span class="sp-link-title">Blog grid</span> </a> </li> <li class="menusingle-li"> <a href="blog-grid.html" class="menusingle-title"> <span class="sp-link-title">Blog grid left</span> </a> </li> <li class="menusingle-li"> <a href="blog-grid-right.html" class="menusingle-title"> <span class="sp-link-title">Blog grid right</span> </a> </li> <li class="menusingle-li"> <a href="article-post-without.html" class="menusingle-title"> <span class="sp-link-title">Article post</span> </a> </li> <li class="menusingle-li"> <a href="article-post.html" class="menusingle-title"> <span class="sp-link-title">Article post left</span> </a> </li> <li class="menusingle-li"> <a href="article-post-right.html" class="menusingle-title"> <span class="sp-link-title">Article post right</span> </a> </li> </ul> </div> </li> <li class="menu-link"> <a href="#menu-sub" class="link-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Page</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menu-dropdown menu-sub collapse" id="menu-sub"> <ul class="ul"> <li class="menusub-li"> <a href="#menu-sup" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">About us</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menusup-dropdown collapse" id="menu-sup"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="about-us.html" class="menusup-title"> <span class="sp-link-title">About us</span> </a> </li> <li class="menusup-li"> <a href="about-us-2.html" class="menusup-title"> <span class="sp-link-title">About us 2</span> </a> </li> <li class="menusup-li"> <a href="about-us-3.html" class="menusup-title"> <span class="sp-link-title">About us 3</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="#account" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">My account</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menusup-dropdown collapse" id="account"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="order-history.html" class="menusup-title"> <span class="sp-link-title">Order</span> </a> </li> <li class="menusup-li"> <a href="profile.html" class="menusup-title"> <span class="sp-link-title">Profile</span> </a> </li> <li class="menusup-li"> <a href="pro-address.html" class="menusup-title"> <span class="sp-link-title">Address</span> </a> </li> <li class="menusup-li"> <a href="pro-wishlist.html" class="menusup-title"> <span class="sp-link-title">Wishlist</span> </a> </li> <li class="menusup-li"> <a href="pro-tickets.html" class="menusup-title"> <span class="sp-link-title">My tickets</span> </a> </li> <li class="menusup-li"> <a href="billing-info.html" class="menusup-title"> <span class="sp-link-title">Billing info</span> </a> </li> <li class="menusup-li"> <a href="track-page.html" class="menusup-title"> <span class="sp-link-title">Track page</span> </a> </li> <li class="menusup-li"> <a href="order-complete.html" class="menusup-title"> <span class="sp-link-title">Order complete</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="#menu-sup-contact" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Contact us</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menusup-dropdown collapse" id="menu-sup-contact"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="contact-us.html" class="menusup-title"> <span class="sp-link-title">Contact us</span> </a> </li> <li class="menusup-li"> <a href="contact-us-2.html" class="menusup-title"> <span class="sp-link-title">Contact us 2</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="#desk-checkout" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Checkout</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menusup-dropdown collapse" id="desk-checkout"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="checkout-style1.html" class="menusup-title"> <span class="sp-link-title">Checkout style 1</span> </a> </li> <li class="menusup-li"> <a href="checkout-style2.html" class="menusup-title"> <span class="sp-link-title">Checkout style 2</span> </a> </li> <li class="menusup-li"> <a href="checkout-style3.html" class="menusup-title"> <span class="sp-link-title">Checkout style 3</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="#features" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false"> <span class="sp-link-title">Features</span> <span class="menu-arrow"><i class="fa-solid fa-angle-down"></i></span> </a> <div class="menusup-dropdown collapse" id="features"> <ul class="menusup-ul"> <li class="menusup-li"> <a href="cancellation.html" class="menusup-title"> <span class="sp-link-title">Cancellation</span> </a> </li> <li class="menusup-li"> <a href="cart-page.html" class="menusup-title"> <span class="sp-link-title">Cart page</span> </a> </li> <li class="menusup-li"> <a href="wishlist-product.html" class="menusup-title"> <span class="sp-link-title">Wishlist product</span> </a> </li> <li class="menusup-li"> <a href="sitemap.html" class="menusup-title"> <span class="sp-link-title">Sitemap</span> </a> </li> </ul> </div> </li> <li class="menusub-li"> <a href="faq.html" class="menusub-title"> <span class="sp-link-title">Faq's</span> </a> </li> <li class="menusub-li"> <a href="privacy-policy.html" class="menusub-title"> <span class="sp-link-title">Privacy policy</span> </a> </li> <li class="menusub-li"> <a href="payment-policy.html" class="menusub-title"> <span class="sp-link-title">Payment policy</span> </a> </li> <li class="menusub-li"> <a href="terms-condition.html" class="menusub-title"> <span class="sp-link-title">Terms & condition</span> </a> </li> <li class="menusub-li"> <a href="return-policy.html" class="menusub-title"> <span class="sp-link-title">Return policy</span> </a> </li> <li class="menusub-li"> <a href="404.html" class="menusub-title"> <span class="sp-link-title">404</span> </a> </li> <li class="menusub-li"> <a href="coming-soon.html" class="menusub-title"> <span class="sp-link-title">Coming soon</span> </a> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> <!-- mobile-menu end --> <!-- search-popup start --> <div class="modal fade" id="searchmodal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="container"> <div class="row"> <div class="col"> <div class="crap-search"> <!-- search-button-close start --> <div class="button-close"> <button type="button" class="search-close" data-bs-dismiss="modal"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z"/><path fill-rule="evenodd" d="M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z"/></svg></button> </div> <!-- search-button-close end --> <!-- search-form start --> <form method="get" class="search-bar"> <div class="form-search"> <input name="q" placeholder="Search product here.." class="input-text" required> <a href="search.html" class="search-btn"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg></a> </div> </form> <!-- search-form end --> </div> </div> </div> </div> </div> </div> </div> </div> <!-- search-popup end --> <!-- cart-drawer start --> <div class="cart-drawer" id="cart-drawer"> <form action="https://spacingtech.com/cart" method="post" class="drawer-contents"> <div class="drawer-fixed-header"> <div class="drawer-header"> <h6 class="drawer-header-title">Cart</h6> <div class="drawer-close"> <button type="button" class="drawer-close-btn"><span class="drawer-close-icon"><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button> </div> </div> </div> <div class="drawer-cart-empty"> <div class="drawer-scrollable"> <h2>Your cart is currently empty</h2> <a href="https://spacingtech.com/collections/all" class="btn btn-style2">Continue shopping</a> </div> </div> <div class="drawer-inner"> <div class="drawer-scrollable"> <ul class="cart-items"> <li class="cart-item"> <div class="cart-item-info"> <div class="cart-item-image"> <a href="product-template.html"> <img src="img/cart/home3-cart1.jpg" class="img-fluid" alt="cart-1"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="product-template.html">Sushi roll - Crunchy</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$25.00</span> </div> </div> <div class="cart-item-sub"> <div class="cart-qty-price-remove"> <div class="cart-item-qty"> <div class="js-qty-wrapper"> <div class="js-qty-wrap"> <button type="button" class="js-qty-adjust ju-qty-adjust-minus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> <input type="text" class="js-qty-num" name="name" value="1" pattern="[0-9]*"> <button type="button" class="js-qty-adjust ju-qty-adjust-plus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> </div> </div> </div> <div class="cart-item-price"> <span class="cart-price">$12.00</span> </div> <div class="cart-item-remove"> <button type="button" class="cart-remove"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></button> </div> </div> </div> <div class="cart-item-variants"> <h6>Color:</h6> <span>Black</span> </div> <div class="cart-item-variants"> <h6>Size:</h6> <span>XL</span> </div> </div> </div> </li> <li class="cart-item"> <div class="cart-item-info"> <div class="cart-item-image"> <a href="product-template.html"> <img src="img/cart/home3-cart2.jpg" class="img-fluid" alt="cart-2"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="product-template.html">Hakata ramen</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$19.00</span> </div> </div> <div class="cart-item-sub"> <div class="cart-qty-price-remove"> <div class="cart-item-qty"> <div class="js-qty-wrapper"> <div class="js-qty-wrap"> <button type="button" class="js-qty-adjust ju-qty-adjust-minus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> <input type="text" class="js-qty-num" name="name" value="1" pattern="[0-9]*"> <button type="button" class="js-qty-adjust ju-qty-adjust-plus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> </div> </div> </div> <div class="cart-item-price"> <span class="cart-price">$12.00</span> </div> <div class="cart-item-remove"> <button type="button" class="cart-remove"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></button> </div> </div> </div> <div class="cart-item-variants"> <h6>Color:</h6> <span>Black</span> </div> <div class="cart-item-variants"> <h6>Size:</h6> <span>XL</span> </div> </div> </div> </li> <li class="cart-item"> <div class="cart-item-info"> <div class="cart-item-image"> <a href="product-template.html"> <img src="img/cart/home3-cart3.jpg" class="img-fluid" alt="cart-3"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="product-template.html">Chocolate cremeux</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$54.00</span> </div> </div> <div class="cart-item-sub"> <div class="cart-qty-price-remove"> <div class="cart-item-qty"> <div class="js-qty-wrapper"> <div class="js-qty-wrap"> <button type="button" class="js-qty-adjust ju-qty-adjust-minus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> <input type="text" class="js-qty-num" name="name" value="1" pattern="[0-9]*"> <button type="button" class="js-qty-adjust ju-qty-adjust-plus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> </div> </div> </div> <div class="cart-item-price"> <span class="cart-price">$12.00</span> </div> <div class="cart-item-remove"> <button type="button" class="cart-remove"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></button> </div> </div> </div> <div class="cart-item-variants"> <h6>Color:</h6> <span>Black</span> </div> <div class="cart-item-variants"> <h6>Size:</h6> <span>XL</span> </div> </div> </div> </li> <li class="cart-item"> <div class="cart-item-info"> <div class="cart-item-image"> <a href="product-template.html"> <img src="img/cart/home3-cart4.jpg" class="img-fluid" alt="cart-4"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="product-template.html">Pugliese pizza</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$61.00</span> </div> </div> <div class="cart-item-sub"> <div class="cart-qty-price-remove"> <div class="cart-item-qty"> <div class="js-qty-wrapper"> <div class="js-qty-wrap"> <button type="button" class="js-qty-adjust ju-qty-adjust-minus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> <input type="text" class="js-qty-num" name="name" value="1" pattern="[0-9]*"> <button type="button" class="js-qty-adjust ju-qty-adjust-plus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> </div> </div> </div> <div class="cart-item-price"> <span class="cart-price">$12.00</span> </div> <div class="cart-item-remove"> <button type="button" class="cart-remove"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></button> </div> </div> </div> <div class="cart-item-variants"> <h6>Color:</h6> <span>Black</span> </div> <div class="cart-item-variants"> <h6>Size:</h6> <span>XL</span> </div> </div> </div> </li> <li class="cart-item"> <div class="cart-item-info"> <div class="cart-item-image"> <a href="product-template.html"> <img src="img/cart/home3-cart5.jpg" class="img-fluid" alt="cart-5"> </a> </div> <div class="cart-item-details"> <div class="cart-item-name"> <a href="product-template.html">Pugliese pizza</a> </div> <div class="cart-pro-info"> <div class="cart-qty-price"> <span>1</span> <span>×</span> <span class="price">$61.00</span> </div> </div> <div class="cart-item-sub"> <div class="cart-qty-price-remove"> <div class="cart-item-qty"> <div class="js-qty-wrapper"> <div class="js-qty-wrap"> <button type="button" class="js-qty-adjust ju-qty-adjust-minus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> <input type="text" class="js-qty-num" name="name" value="1" pattern="[0-9]*"> <button type="button" class="js-qty-adjust ju-qty-adjust-plus"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></button> </div> </div> </div> <div class="cart-item-price"> <span class="cart-price">$12.00</span> </div> <div class="cart-item-remove"> <button type="button" class="cart-remove"><span><svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></button> </div> </div> </div> <div class="cart-item-variants"> <h6>Color:</h6> <span>Black</span> </div> <div class="cart-item-variants"> <h6>Size:</h6> <span>XL</span> </div> </div> </div> </li> </ul> <div class="drawer-notes"> <label for="cartnote">Order note</label> <textarea name="note" class="cart-notes" id="cartnote"></textarea> </div> </div> <div class="drawer-footer"> <div class="drawer-block drawer-total"> <span class="drawer-subtotal">Subtotal</span> <span class="drawer-totalprice">$74.00</span> </div> <div class="drawer-block drawer-ship-text"> <label class="box-area"> <span class="text">I have read and agree with the <a href="terms-condition.html">terms & condition.</a></span> <input type="checkbox" class="cust-checkbox"> <span class="cust-check"></span> </label> </div> <div class="drawer-block drawer-cart-checkout"> <div class="cart-checkout-btn"> <button type="button" onclick="location.href='cart-page.html'" name="checkout" class="btn btn-style">View cart</button> <button type="button" onclick="location.href='checkout-style1.html'" class="checkout btn btn-style2 disabled">Checkout</button> </div> </div> </div> </div> </form> </div> <!-- cart-drawer end --> <!-- newsletter start --> <div id="newsletter" class="popup-wrapper"> <div class="popup-wrapper"> <div class="modal fade show" id="news-letter-modal" aria-modal="true" role="dialog"> <div class="newsletter-popup-inner modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> <form method="post" class="contact-form"> <button type="button" class="close-btn" data-bs-dismiss="modal"><i class="feather-x"></i></button> <div class="newsletter-info"> <div class="subscribe-area"> <div class="subscribe-content"> <h2>Newsletter</h2> <p>Subscribe with us to get special offers and other discount information</p> </div> <div class="popup-newsletter"> <div class="subscribe-con"> <div class="subscribe-block"> <input type="email" name="q" class="email mail" placeholder="Enter your mail"> <div class="email-submit"> <button type="submit" class="news-btn btn btn-style">Subscribe</button> </div> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> <!-- newsletter end --> <!-- quickview modal start --> <div class="productmodal"> <div class="modal fade" id="quickview"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h6 class="modal-quickview">Quickview</h6> <button type="button" class="close" data-bs-dismiss="modal"><i class="fa-solid fa-xmark"></i></button> </div> <div class="modal-body"> <!-- quickview-sliderstart --> <div class="quickview-slider"> <div class="quick-view-tab"> <div class="quick-block"> <div class="quick-image"> <a href="product-template.html"><img src="img/product/home3-pro-23.jpg" class="img-fluid" alt="p-1"></a> </div> </div> </div> </div> <!-- quickview-slider end --> <!-- quick-view-content start --> <div class="quick-view-content"> <div class="pro-nprist"> <div class="product-ratting"> <span class="spr-badge"> <span class="pro-ratting"> <i class="fa-regular fa-star"></i> <i class="fa-regular fa-star"></i> <i class="fa-regular fa-star"></i> <i class="fa-regular fa-star"></i> <i class="fa-regular fa-star"></i> </span> <span class="spr-badge-caption">No reviews</span> </span> </div> <!-- product-title start --> <div class="product-title"> <h6>Solid coconut</h6> </div> <!-- product-title end --> <!-- product-price start --> <div class="product-price"> <div class="pro-price-box"> <span class="new-price">$44.00</span> <span class="old-price">$49.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-color"> <option value="Savory">Savory</option> <option value="Chizzy">Chizzy</option> <option value="Sweet">Sweet</option> </select> </div> <div class="selector-wrapper"> <div class="pro-qty-wrap"> <h6>Quantity:</h6> <div class="product-quantity"> <div class="cart-plus-minus"> <button class="dec qtybutton minus"><i class="fa-solid fa-minus"></i></button> <input value="1" type="text" name="quantity" pattern="[0-9]*"> <button class="inc qtybutton plus"><i class="fa-solid fa-plus"></i></button> </div> </div> </div> </div> </div> </div> <div class="quickview-buttons"> <button type="button" onclick="location.href='cart-page.html'" class="btn btn-style">Add to Cart</button> <a href="cart-empty.html"> <span class="icon"><i class="feather-heart"></i></span> <span class="wishlist-text">Wishlist</span> </a> </div> </form> <!-- product-title end --> </div> </div> <!-- quick-view-content end --> </div> </div> </div> </div> </div> <!-- quickview modal end --> <!-- bg-scren start --> <div class="bg-screen"></div> <!-- bg-scren end --> <!-- bottom-menu start --> <div class="bottom-menu"> <ul class="bottom-menu-element"> <li class="bottom-menu-wrap"> <div class="bottom-menu-wrapper"> <a href="index.html" class="bottom-menu-home"> <span class="bottom-menu-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></span> <span class="bottom-menu-title">Home</span> </a> </div> </li> <li class="bottom-menu-wrap"> <div class="bottom-menu-wrapper"> <a href="login-account.html" class="bottom-menu-user"> <span class="bottom-menu-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></span> <span class="bottom-menu-title">Account</span> </a> </div> </li> <li class="bottom-menu-wrap"> <div class="bottom-menu-wrapper"> <a href="javascript:void(0)" class="bottom-menu-collection"> <span class="bottom-menu-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg></span> <span class="bottom-menu-title">Shop</span> </a> </div> </li> <li class="bottom-menu-wrap"> <div class="bottom-menu-wrapper"> <a href="wishlist-product.html" class="bottom-menu-wishlist"> <span class="bottom-menu-icon-wrap"> <span class="bottom-menu-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></span> <span class="bottom-menu-counter wishlist-counter">5</span> </span> <span class="bottom-menu-title">Wishlist</span> </a> </div> </li> <li class="bottom-menu-wrap"> <div class="bottom-menu-wrapper"> <a href="javascript:void(0)" class="bottom-menu-cart"> <span class="bottom-menu-icon-wrap"> <span class="bottom-menu-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg></span> <span class="bottom-menu-counter cart-counter">4</span> </span> <span class="bottom-menu-title">Cart</span> </a> </div> </li> </ul> </div> <!-- bottom-menu end --> <!-- jquery js --> <script src="js/jquery-3.6.3.min.js"></script> <!-- bootstrap js --> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <!-- magnific-popup js --> <script src="js/jquery.magnific-popup.min.js"></script> <!-- owl-carousel js --> <script src="js/owl.carousel.min.js"></script> <!-- swiper-slider js --> <script src="js/swiper-bundle.min.js"></script> <!-- slick js --> <script src="js/slick.min.js"></script> <!-- waypoints js --> <script src="js/waypoints.min.js"></script> <!-- counter js --> <script src="js/counter.js"></script> <!-- main js --> <script src="js/main.js"></script> </body> <!-- Mirrored from spacingtech.com/html/panno/panno/index3.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 16 Jan 2025 04:26:25 GMT --> </html>
Save
cmd:
run