CINXE.COM

Manama Toppings - Always Something New

<!doctype html> <html lang="en"> <head> <title>Manama Toppings - Always Something New</title> <!-- Basic metas --> <!-- =================================================================================================== --> <meta charset="utf-8" /> <meta name="title" content="Manama Toppings - Always Something New" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="author" content="" /> <meta name="csrf-token" content="QOznHbQ0b5hrNIVYMtI5gShaE1pRnDhVleydDLPD"> <!-- Mobile metas --> <!-- =================================================================================================== --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="mobile-web-app-capable" content="yes" /> <!-- Favicons --> <!-- =================================================================================================== --> <link rel="shortcut icon" href="https://www.manamatoppings.com/web/images/favicons/favicon.png" /> <link rel="apple-touch-icon" href="https://www.manamatoppings.com/web/images/favicons/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="72x72" href="https://www.manamatoppings.com/web/images/favicons/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="https://www.manamatoppings.com/web/images/favicons/apple-touch-icon-114x114.png" /> <!-- Windows tiles --> <!-- =================================================================================================== --> <meta name="application-name" content="Manama Toppings - Always Something New" /> <meta name="msapplication-TileColor" content="#FFF" /> <meta name="msapplication-square70x70logo" content="https://www.manamatoppings.com/web/images/favicons/msapplication-tiny.png" /> <meta name="msapplication-square150x150logo" content="https://www.manamatoppings.com/web/images/favicons/msapplication-square.png" /> <!-- Mobile browser coloring --> <!-- =================================================================================================== --> <meta name="theme-color" content="#952724" /> <meta name="msapplication-navbutton-color" content="#952724" /> <meta name="apple-mobile-web-app-status-bar-style" content="#952724" /> <!-- CSS --> <!-- =================================================================================================== --> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://www.manamatoppings.com/web/css/bootstrap.css"> <!-- Font Awesome CSS --> <script src="https://kit.fontawesome.com/e33c582dd4.js" crossorigin="anonymous"></script> <!-- dl Icon CSS --> <link rel="stylesheet" href=https://www.manamatoppings.com/web/css/dl-icon.css> <!-- All Plugins CSS css --> <link rel="stylesheet" href=https://www.manamatoppings.com/web/css/plugins.css> <!-- Revoulation Slider CSS --> <link rel="stylesheet" href=https://www.manamatoppings.com/web/css/revolution.css> <!-- style CSS --> <link rel="stylesheet" href=https://www.manamatoppings.com/web/css/main.css> <!-- modernizr JS ============================================ --> <script src="https://www.manamatoppings.com/web/js/vendor/modernizr-2.8.3.min.js"></script> <!--[if lt IE 9]> <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <script src="https://www.manamatoppings.com/web/js/vendor/jquery.min.js"></script> </head> <body> <div class="ai-preloader active"> <div class="ai-preloader-inner h-100 d-flex align-items-center justify-content-center"> <div class="ai-child ai-bounce1"></div> <div class="ai-child ai-bounce2"></div> <div class="ai-child ai-bounce3"></div> </div> </div> <!-- Main Wrapper Start --> <div class="wrapper"> <!-- Marquee --> <marquee scrolldirection="left" scrollamount=5 bgcolor="red" style="color:#FFFFFF">| Free Shipping on Orders above Rs.700/- | Volume Discount of 5% on Rs.3,000/-, 10% on Rs.10,000/- | 15% on Rs. 15,000/- | Check our new products |</marquee> <!-- Header Area Start --> <header class="header header-fullwidth header-style-4"> <div class="header-outer"> <div class="header-inner fixed-header"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-lg-2 col-md-3 col-4 order-1"> <div class="header-left d-flex"> <!-- Logo Start Here --> <a href="/" class="logo-box"> <figure class="logo--normal"> <img src="https://www.manamatoppings.com/web/images/logo.png" alt="Logo" /> </figure> </a> <!-- Logo End Here --> </div> </div> <div class="col-lg-8 order-3 order-lg-2"> <!-- Main Navigation Start Here --> <nav class="main-navigation"> <ul class="mainmenu mainmenu--centered"> <li class="mainmenu__item active"> <a href="https://www.manamatoppings.com" class="mainmenu__link"> <span class="mm-text">Home</span> </a> </li> <li id="shop-menu" class="mainmenu__item menu-item-has-children"> <a href="#" class="mainmenu__link"> <span class="mm-text">Shop Products</span> </a> <ul class="megamenu four-column"> <li> <ul> <li> <a href="https://www.manamatoppings.com/shop/mojitos" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1708016234_original_mojito_750ml.png" alt="Mojitos"/> <span>Mojitos</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/fruit_twists" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1642618518_red-rose-fruit-twist.jpg" alt="Fruit Twist"/> <span>Fruit Twist</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/ice_tea" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1642626284_peach-iced-tea.jpg" alt="Ice Tea"/> <span>Ice Tea</span> </a> </li> </ul> </li> <li> <ul> <li> <a href="https://www.manamatoppings.com/shop/jams" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1642656175_mango-jam.jpg" alt="Jams"/> <span>Jams</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/crushes" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1642661888_cherry-crush.jpg" alt="Crushes"/> <span>Crushes</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/sauces" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1642668459_chocolate-sauces.jpg" alt="Sauces"/> <span>Sauces</span> </a> </li> </ul> </li> <li> <ul> <li> <a href="https://www.manamatoppings.com/shop/sweet_chilli_chutneys" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1648246479_mango-chutney.png" alt="Sweet Chilli Chutneys"/> <span>Sweet Chilli Chutneys</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/fruit_fillings" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1642674185_pineapple-fruit-fillings.jpg" alt="Fruit Fillings"/> <span>Fruit Fillings</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/sugarfree" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1732553851_jamun_350g_png.png" alt="Sugar Free"/> <span>Sugar Free</span> </a> </li> </ul> </li> <li class="d-none d-lg-block banner-holder"> <div class="megamenu-banner"> <div class="megamenu-banner-image"></div> <a href="#" class="megamenu-banner-link"></a> </div> </li> </ul> </li> <li class="mainmenu__item"> <a href="https://www.manamatoppings.com/recipe-corner" class="mainmenu__link"> <span class="mm-text">Recipe Corner</span> </a> </li> <li class="mainmenu__item"> <a href="https://www.manamatoppings.com/tips-techniques" class="mainmenu__link"> <span class="mm-text">Tips & Techniques</span> </a> </li> <li class="mainmenu__item menu-item-has-children has-children"> <a href="javacript:void(0);" class="mainmenu__link"> <span class="mm-text">Inside Manama</span> </a> <ul class="sub-menu"> <li> <a href="https://www.manamatoppings.com/about-us"> <span class="mm-text">Who We Are</span> </a> </li> <li> <a href="https://www.manamatoppings.com/our-distributors"> <span class="mm-text">Our Distributors</span> </a> </li> <li> <a href="https://www.manamatoppings.com/customer-testimonials"><span class="mm-text">Customer Testimonials</span></a> </li> <li> <a href="https://www.manamatoppings.com/contact-us"> <span class="mm-text">Contact Us</span> </a> </li> </ul> </li> </ul> </nav> <!-- Main Navigation End Here --> </div> <div class="col-lg-2 col-md-9 col-8 order-2 order-lg-3"> <ul class="header-toolbar text-end main-menu"> <li class="header-toolbar__item user-info-menu-btn"> <a href="#"> <img src="https://www.manamatoppings.com/web/images/icons/003-user.png" /> </a> <ul class="user-info-menu"> <li> <a href="https://www.manamatoppings.com/register">Register</a> </li> <li> <a href="https://www.manamatoppings.com/login">Login</a> </li> </ul> </li> <li class="header-toolbar__item"> <a href="#miniCart" class="mini-cart-btn toolbar-btn"> <img src="https://www.manamatoppings.com/web/images/icons/006-bag.png" /> <sup class="mini-cart-count">0</sup> </a> </li> <li class="header-toolbar__item"> <a href="#searchForm" class="search-btn toolbar-btn"> <img src="https://www.manamatoppings.com/web/images/icons/007-magnifying-glass.png" /> </a> </li> </ul> </div> </div> </div> </div> <div class="main-sticky-header-height"></div> </div> </header> <!-- Header Area End --> <!-- Mobile Header area Start --> <header class="header-mobile"> <div class="header-mobile__outer"> <div class="header-mobile__inner fixed-header"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-4"> <a href="/" class="logo-box"> <figure class="logo--normal"> <img src="https://www.manamatoppings.com/web/images/logo-icon.png" alt="Logo"> </figure> </a> </div> <div class="col-8"> <ul class="header-toolbar text-end"> <li class="header-toolbar__item user-info-menu-btn"> <a href="#"> <img src="https://www.manamatoppings.com/web/images/icons/003-user.png" /> </a> <ul class="user-info-menu"> <li> <a href="https://www.manamatoppings.com/account/my-account">My Account</a> </li> <li> <a href="https://www.manamatoppings.com/account/my-wishlist">My Wishlist</a> </li> <li> <a href="https://www.manamatoppings.com/account/change-password">Change Password</a> </li> <li> <a href="https://www.manamatoppings.com/login">Logout</a> </li> <li> <a href="https://www.manamatoppings.com/register">Register</a> </li> <li> <a href="https://www.manamatoppings.com/login">Login</a> </li> </ul> </li> <li class="header-toolbar__item"> <a href="#miniCart" class="mini-cart-btn toolbar-btn"> <img src="https://www.manamatoppings.com/web/images/icons/006-bag.png" /> <sup class="mini-cart-count">2</sup> </a> </li> <li class="header-toolbar__item"> <a href="#searchForm" class="search-btn toolbar-btn"> <img src="https://www.manamatoppings.com/web/images/icons/007-magnifying-glass.png" /> </a> </li> <li class="header-toolbar__item d-lg-none"> <a href="#" class="menu-btn"></a> </li> </ul> </div> </div> <div class="row"> <div class="col-12"> <!-- Mobile Navigation Start Here --> <div class="mobile-navigation dl-menuwrapper" id="dl-menu"> <button class="dl-trigger">Open Menu</button> <ul class="dl-menu"> <li><a href="/">Home</a></li> <li> <a href="#"> Shop Products </a> <ul class="dl-submenu"> <li> <a class="megamenu-title" href="#"> Choose your Flavour </a> <ul class="dl-submenu"> <li> <a href="https://www.manamatoppings.com/shop/mojitos"> <img src="https://www.manamatoppings.com/images/uploads/products/1708016234_original_mojito_750ml.png" alt="Mojitos"/> <span class="mm-text">Mojitos</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/fruit_twists"> <img src="https://www.manamatoppings.com/images/uploads/products/1642618518_red-rose-fruit-twist.jpg" alt="Fruit Twist"/> <span class="mm-text">Fruit Twist</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/ice_tea"> <img src="https://www.manamatoppings.com/images/uploads/products/1642626284_peach-iced-tea.jpg" alt="Ice Tea"/> <span class="mm-text">Ice Tea</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/jams"> <img src="https://www.manamatoppings.com/images/uploads/products/1642656175_mango-jam.jpg" alt="Jams"/> <span class="mm-text">Jams</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/crushes"> <img src="https://www.manamatoppings.com/images/uploads/products/1642661888_cherry-crush.jpg" alt="Crushes"/> <span class="mm-text">Crushes</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/sauces"> <img src="https://www.manamatoppings.com/images/uploads/products/1642668459_chocolate-sauces.jpg" alt="Sauces"/> <span class="mm-text">Sauces</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/sweet_chilli_chutneys"> <img src="https://www.manamatoppings.com/images/uploads/products/1648246479_mango-chutney.png" alt="Sweet Chilli Chutneys"/> <span class="mm-text">Sweet Chilli Chutneys</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/fruit_fillings"> <img src="https://www.manamatoppings.com/images/uploads/products/1642674185_pineapple-fruit-fillings.jpg" alt="Fruit Fillings"/> <span class="mm-text">Fruit Fillings</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/sugarfree"> <img src="https://www.manamatoppings.com/images/uploads/products/1732553851_jamun_350g_png.png" alt="Sugar Free"/> <span class="mm-text">Sugar Free</span> </a> </li> </ul> </li> <li> <a href="#"> Build Flavour Box </a> </li> </ul> </li> <li> <a href="https://www.manamatoppings.com/recipe-corner"> Recipe Corner </a> </li> <li> <a href="https://www.manamatoppings.com/tips-techniques"> Tips & Techniques </a> </li> <li> <a href="#"> Inside Manama </a> <ul class="dl-submenu"> <li> <a href="https://www.manamatoppings.com/about-us"> Who We Are </a> </li> <li> <a href="https://www.manamatoppings.com/our-distributors"> Our Distributors </a> </li> <li> <a href="https://www.manamatoppings.com/customer-testimonials"> Customer Testimonials </a> </li> <li> <a href="https://www.manamatoppings.com/contact-us"> Contact Us </a> </li> </ul> </li> </ul> </div> <!-- Mobile Navigation End Here --> </div> </div> </div> </div> <div class="mobile-sticky-header-height"></div> </div> </header> <!-- Mobile Header area End --> <!-- Main Content Wrapper Start --> <div id="content" class="main-content-wrapper"> <!-- Desktop Banners --> <div class="homepage-slider"> <div class="container-fluid"> <div class="row"> <div class="col-12"> <div id="rev_slider_3_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="home-05" data-source="gallery" style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;"> <!-- START REVOLUTION SLIDER 5.4.7 auto mode --> <div id="rev_slider_3_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.7"> <ul> <!-- SLIDE --> <li data-index="rs-1" data-transition="parallaxhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="https://www.manamatoppings.com/images/homepage/1708147033_ban01_jpg.jpg" data-rotate="0" data-saveperformance="off" data-title="" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <!-- MAIN IMAGE --> <img src="https://www.manamatoppings.com/images/homepage/1708147033_ban01_jpg.jpg" alt="" data-bgposition="center" data-bgfit="100% 100%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina> <!-- LAYERS --> <!-- LAYER NR. 6 --> </li> <li data-index="rs-2" data-transition="parallaxhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="https://www.manamatoppings.com/images/homepage/1708147041_ban02_jpg.jpg" data-rotate="0" data-saveperformance="off" data-title="" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <!-- MAIN IMAGE --> <img src="https://www.manamatoppings.com/images/homepage/1708147041_ban02_jpg.jpg" alt="" data-bgposition="center" data-bgfit="100% 100%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina> <!-- LAYERS --> <!-- LAYER NR. 6 --> </li> <li data-index="rs-3" data-transition="parallaxhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="https://www.manamatoppings.com/images/homepage/1708147051_ban03_jpg.jpg" data-rotate="0" data-saveperformance="off" data-title="" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <!-- MAIN IMAGE --> <img src="https://www.manamatoppings.com/images/homepage/1708147051_ban03_jpg.jpg" alt="" data-bgposition="center" data-bgfit="100% 100%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina> <!-- LAYERS --> <!-- LAYER NR. 6 --> </li> <li data-index="rs-4" data-transition="parallaxhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="https://www.manamatoppings.com/images/homepage/1708147058_ban04_jpg.jpg" data-rotate="0" data-saveperformance="off" data-title="" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <!-- MAIN IMAGE --> <img src="https://www.manamatoppings.com/images/homepage/1708147058_ban04_jpg.jpg" alt="" data-bgposition="center" data-bgfit="100% 100%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina> <!-- LAYERS --> <!-- LAYER NR. 6 --> </li> <li data-index="rs-5" data-transition="parallaxhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="https://www.manamatoppings.com/images/homepage/1708147065_ban05_jpg.jpg" data-rotate="0" data-saveperformance="off" data-title="" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <!-- MAIN IMAGE --> <img src="https://www.manamatoppings.com/images/homepage/1708147065_ban05_jpg.jpg" alt="" data-bgposition="center" data-bgfit="100% 100%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina> <!-- LAYERS --> <!-- LAYER NR. 6 --> </li> <li data-index="rs-6" data-transition="parallaxhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="https://www.manamatoppings.com/images/homepage/1708147074_ban06_jpg.jpg" data-rotate="0" data-saveperformance="off" data-title="" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <!-- MAIN IMAGE --> <img src="https://www.manamatoppings.com/images/homepage/1708147074_ban06_jpg.jpg" alt="" data-bgposition="center" data-bgfit="100% 100%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina> <!-- LAYERS --> <!-- LAYER NR. 6 --> </li> <li data-index="rs-7" data-transition="parallaxhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="https://www.manamatoppings.com/images/homepage/1708147082_ban07_jpg.jpg" data-rotate="0" data-saveperformance="off" data-title="" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <!-- MAIN IMAGE --> <img src="https://www.manamatoppings.com/images/homepage/1708147082_ban07_jpg.jpg" alt="" data-bgposition="center" data-bgfit="100% 100%" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina> <!-- LAYERS --> <!-- LAYER NR. 6 --> </li> </ul> <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div> </div><!-- END REVOLUTION SLIDER --> </div> </div> </div> </div> <!-- Mobile Banners --> <div class="mobile-banners"> <div class="mmtp-element-carousel mb-container" data-slick-options='{ "spaceBetween": 0, "slidesToShow": 1, "slidesToScroll": 1, "autoplaySpeed": 5000, "speed": 1000, "dots": false, "infinite": true, "centerMode": true, "centerPadding": "0px" }' data-slick-responsive='[ {"breakpoint":991, "settings": {"slidesToShow": 1} } ]'> <div class="item"> <img src="https://www.manamatoppings.com/images/homepage/1708147033_ban01_jpg.jpg" /> </div> <div class="item"> <img src="https://www.manamatoppings.com/images/homepage/1708147041_ban02_jpg.jpg" /> </div> <div class="item"> <img src="https://www.manamatoppings.com/images/homepage/1708147051_ban03_jpg.jpg" /> </div> <div class="item"> <img src="https://www.manamatoppings.com/images/homepage/1708147058_ban04_jpg.jpg" /> </div> <div class="item"> <img src="https://www.manamatoppings.com/images/homepage/1708147065_ban05_jpg.jpg" /> </div> <div class="item"> <img src="https://www.manamatoppings.com/images/homepage/1708147074_ban06_jpg.jpg" /> </div> <div class="item"> <img src="https://www.manamatoppings.com/images/homepage/1708147082_ban07_jpg.jpg" /> </div> </div> </div> <!-- USP Highlighter --> <section class="method-area pt--50 pt-md--50 pb--75 pb-md--55"> <div class="container"> <div class="row"> <!-- col-lg-4 col-md-4 --> <div class="col-4 mb-md--30"> <div class="method-box method-box-2 text-center"> <img src="https://www.manamatoppings.com/web/images/icons/fresh-natural-fruit.png" alt="Icon"> <h4 class="mt--20">Fresh Fruits</h4> <p>Only the best quality fruits used.</p> </div> </div> <div class="col-4 mb-md--30"> <div class="method-box method-box-2 text-center"> <img src="https://www.manamatoppings.com/web/images/icons/free-shippng.png" alt="Icon"> <h4 class="mt--20">Free Shipping</h4> <p>Orders above <span class="fa fa-rupee"></span> 700 are shipped FREE!</p> <!-- Shipping Rates to be integrated --> </div> </div> <div class="col-4 mb-sm--30"> <div class="method-box method-box-2 text-center"> <img src="https://www.manamatoppings.com/web/images/icons/slab-discount.png" alt="Icon"> <h4 class="mt--20">Volume Discount</h4> <p>5% on <span class="fa fa-rupee"></span> 5,000/- | 10% on <span class="fa fa-rupee"></span> 10,000</p> </div> </div> </div> </div> </section> <section class="mobile-usp"> <div class="nav nav-tabs mobile-usp-tab" id="mobile-usb-tab" role="tablist"> <button type="button" class="" id="nav-natural-fresh-tab" data-bs-toggle="tab" data-bs-target="#nav-natural-fresh" role="tab" aria-selected="true"> <img src="https://www.manamatoppings.com/web/images/icons/fresh-natural-fruit.png" alt="Icon"> </button> <button type="button" class="active" id="nav-free-shippng-tab" data-bs-toggle="tab" data-bs-target="#nav-free-shippng" role="tab" aria-selected="true"> <img src="https://www.manamatoppings.com/web/images/icons/free-shippng.png" alt="Icon"> </button> <button type="button" class="" id="nav-highest-quality-tab" data-bs-toggle="tab" data-bs-target="#nav-highest-quality" role="tab" aria-selected="true"> <img src="https://www.manamatoppings.com/web/images/icons/slab-discount.png" alt="Icon"> </button> </div> <div class="tab-content mobile-usp-tab-content" id="usp-list"> <div class="tab-pane fade show active" id="nav-natural-fresh" role="tabpanel" aria-labelledby="nav-natural-fresh-tab"> <h4>FRESH FRUITS</h4> <p>Only the best quality fruits used.</p> </div> <div class="tab-pane fade" id="nav-free-shippng" role="tabpanel" aria-labelledby="nav-free-shippng-tab"> <h4>FREE SHIPPING</h4> <p>Orders above 700 are shipped FREE!</p> </div> <div class="tab-pane fade" id="nav-highest-quality" role="tabpanel" aria-labelledby="nav-highest-quality-tab"> <h4>VOLUME DISCOUNT</h4> <p>5% on Rs.5,000/ | 10% on Rs.10,000/-</p> </div> </div> </section> <!-- Method area End Here --> <!-- Product Tab area Start Here --> <section class="product-tab-area pt--25 pt-md--20 pb--40 pb-md--30"> <div class="container"> <div class="row"> <div class="col-12"> <div class="product-tab tab-style-1"> <div class="nav nav-tabs product-tab__head mb--40 mb-md--30" id="product-tab" role="tablist"> <button type="button" class="product-tab__link nav-link active" id="nav-new-arrival-tab" data-bs-toggle="tab" data-bs-target="#nav-new-arrival" role="tab" aria-selected="true"> <span>New Arrivals</span> </button> <button type="button" class="product-tab__link nav-link" id="nav-top-sale-tab" data-bs-toggle="tab" data-bs-target="#nav-top-sale" role="tab" aria-selected="true"> <span>Top Selling</span> </button> </div> <div class="tab-content product-tab__content" id="product-tabContent"> <div class="tab-pane fade show active" id="nav-new-arrival" role="tabpanel" aria-labelledby="nav-new-arrival-tab"> <div class="row"> <!-- Product Item --> <div class="col-lg-4 col-sm-6 mb--40 mb-md--30"> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/sugarfree/jamun-sugar-free-350gm"> <img src="https://www.manamatoppings.com/images/uploads/products/1732553851_jamun_350g_png.png" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/sugarfree/jamun-sugar-free-350gm"> <img src="https://www.manamatoppings.com/images/uploads/products/1732553851_jamun_350g_png.png" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/sugarfree/jamun-sugar-free-350gm" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a class="add_to_cart_btn action-btn" data-product_id="178" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge new">New</span> <!-- Other Tag Codes <span class="product-badge feature">Feat</span> <span class="product-badge new">New</span> --> </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Jamun No Added Sugar Jam</a> </h3> <div class="product-rating"> <span> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star"></i> </span> </div> </div> </div> </div> </div> <div class="col-lg-4 col-sm-6 mb--40 mb-md--30"> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/sugarfree/blueberry-sugar-free-350gm"> <img src="https://www.manamatoppings.com/images/uploads/products/1733037461_blueberry_350g_png.png" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/sugarfree/blueberry-sugar-free-350gm"> <img src="https://www.manamatoppings.com/images/uploads/products/1733037461_blueberry_350g_png.png" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/sugarfree/blueberry-sugar-free-350gm" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a class="add_to_cart_btn action-btn" data-product_id="179" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge new">New</span> <!-- Other Tag Codes <span class="product-badge feature">Feat</span> <span class="product-badge new">New</span> --> </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Blueberry No Added Sugar Jam</a> </h3> <div class="product-rating"> <span> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star"></i> </span> </div> </div> </div> </div> </div> <div class="col-lg-4 col-sm-6 mb--40 mb-md--30"> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/sugarfree/strawberry-350gm-sugar-free"> <img src="https://www.manamatoppings.com/images/uploads/products/1733042619_strawberry_350g_png.png" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/sugarfree/strawberry-350gm-sugar-free"> <img src="https://www.manamatoppings.com/images/uploads/products/1733042619_strawberry_350g_png.png" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/sugarfree/strawberry-350gm-sugar-free" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a class="add_to_cart_btn action-btn" data-product_id="180" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge new">New</span> <!-- Other Tag Codes <span class="product-badge feature">Feat</span> <span class="product-badge new">New</span> --> </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Strawberry No Added Sugar Jam</a> </h3> <div class="product-rating"> <span> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star"></i> </span> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="nav-top-sale" role="tabpanel" aria-labelledby="nav-sale-featured-tab"> <div class="row"> <div class="col-lg-4 col-sm-6 mb--40 mb-md--30"> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/mojitos/lime-mint-mojito"> <img src="https://www.manamatoppings.com/images/uploads/products/1642769339_lime-mint-mojito.jpg" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/mojitos/lime-mint-mojito"> <img src="https://www.manamatoppings.com/images/uploads/products/1642769339_lime-mint-mojito.jpg" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/mojitos/lime-mint-mojito" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a class="add_to_cart_btn action-btn" data-product_id="133" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge hot">TOP</span> <!-- Other Tag Codes <span class="product-badge feature">Feat</span> <span class="product-badge new">New</span> --> </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Lime and Mint Mojito</a> </h3> <div class="product-rating"> <span> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star"></i> </span> </div> </div> </div> </div> </div> <div class="col-lg-4 col-sm-6 mb--40 mb-md--30"> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/fruit_twists/blue-curacao"> <img src="https://www.manamatoppings.com/images/uploads/products/1708016564_fruit_twist_blue_curacao_750ml.png" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/fruit_twists/blue-curacao"> <img src="https://www.manamatoppings.com/images/uploads/products/1708016564_fruit_twist_blue_curacao_750ml.png" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/fruit_twists/blue-curacao" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a class="add_to_cart_btn action-btn" data-product_id="26" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge hot">TOP</span> <!-- Other Tag Codes <span class="product-badge feature">Feat</span> <span class="product-badge new">New</span> --> </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Blue Curacao</a> </h3> <div class="product-rating"> <span> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star"></i> </span> </div> </div> </div> </div> </div> <div class="col-lg-4 col-sm-6 mb--40 mb-md--30"> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/fruit_twists/kala-khatta-fruit-twist"> <img src="https://www.manamatoppings.com/images/uploads/products/1642624972_kala-khatta-fruit-twist.jpg" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/fruit_twists/kala-khatta-fruit-twist"> <img src="https://www.manamatoppings.com/images/uploads/products/1642624972_kala-khatta-fruit-twist.jpg" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/fruit_twists/kala-khatta-fruit-twist" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a class="add_to_cart_btn action-btn" data-product_id="38" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge hot">TOP</span> <!-- Other Tag Codes <span class="product-badge feature">Feat</span> <span class="product-badge new">New</span> --> </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Kala Khatta Fruit Twist</a> </h3> <div class="product-rating"> <span> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star rated"></i> <i class="dl-icon-star"></i> </span> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="nav-sale-featured" role="tabpanel" aria-labelledby="nav-sale-featured-tab"> <div class="row"> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Product Tab area End Here --> <!-- Category Promo Area Start --> <div class="banner-area"> <div class="container-fluid pb--20"> <div class="row"> <div class="col-lg-6 col-md-6 pt--30"> <div class="banner-box banner-type-10 banner-hover-3 "> <div class="banner-inner"> <div class="banner-image"> <img src="https://www.manamatoppings.com/web/images/banners/mmtp-cakes.jpg" alt="Banner"> </div> <div class="banner-info"> <div class="banner-info--inner--down"> <h3 class="withbg greybg"><i>The Ultimate</i>Manama Fruit Fillings</h3> </div></div> <a class="banner-link banner-overlay" href="https://www.manamatoppings.com/shop/fruit_fillings"> </a> </div> </div> </div> <div class="col-lg-6 col-md-6 pt--30"> <div class="banner-box banner-type-10 banner-hover-3 "> <div class="banner-inner"> <div class="banner-image"> <img src="https://www.manamatoppings.com/web/images/banners/mmtp-breakfast.jpg" alt="Banner"> </div> <div class="banner-info"> <div class="banner-info--inner--down"> <h3 class="withbg greybg"><i>Make your morning breafast</i>Fruitful & Healthy</h3> </div></div> <a class="banner-link banner-overlay" href="https://www.manamatoppings.com/shop/jams"> </a> </div> </div> </div> </div> </div> </div> <!-- Category Promo Area End --> <!-- Video Banner area Start Here --> <section class="video-banner-area video-banner-bg-1 ptb--150 ptb-lg--75"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <h5 class="mmtp-spl"><span>What started over fifty years back in the hilly town of Panchgani in India also known as the strawberry bowl of India</span></h5> <a href="https://www.youtube.com/watch?v=IvS27nnP2kY" class="video-btn video-popup">video</a> </div> </div> </div> </section> <!-- Video Banner area End Here --> <!-- Promo Area Start --> <div class="banner-area"> <div class="container-fluid pb--20"> <div class="row"> <div class="order-lg-2 col-lg-4 col-md-6 pt--30"> <div class="banner-box banner-type-10 banner-hover-3"> <div class="banner-inner"> <div class="banner-image"> <img src="https://www.manamatoppings.com/web/images/banners/mmtp-idea.jpg" alt="Banner"> </div> <div class="banner-info"> <div class="banner-info--inner--down"> <h3 class="withbg three-qtr">Why Manama?<span>Manama today is synonym for flavored cordials and blends that are next to the real fruit. Our years of research, experience and our endeavour to innovate and bring incredible flavors and great tasting products to coffeehouses, restaurants, lounges and kitchens pan India is what makes us the most recognised brand in the business of flavored cordials and fruit crushes..</span></h3> </div></div> <a class="banner-link banner-overlay" href="https://www.manamatoppings.com/about-us"> </a></div></div></div> <div class="order-lg-1 col-lg-4 d-md-flex d-lg-block"> <div class="row"> <div class="col-12 pt--20"> <div class="banner-box banner-type-10 banner-hover-3 "> <div class="banner-inner"> <div class="banner-image"> <img src="https://www.manamatoppings.com/web/images/banners/mmtp-recipe.jpg" alt="Banner"> </div> <div class="banner-info"> <div class="banner-info--inner--down"> <h3 class="withbg bluebg">Looking for Recipes?<span>Visit our Recipe Corner for latest lip-smacking recipes..</span></h3> </div></div> <a class="banner-link banner-overlay" href="https://www.manamatoppings.com/recipe-corner"> </a></div></div> </div> <div class="col-12 pt--20"> <div class="banner-box banner-type-10 banner-hover-3"> <div class="banner-inner"> <div class="banner-image"> <img src="https://www.manamatoppings.com/web/images/banners/mmtp-tips.jpg" alt="Banner"> </div> <div class="banner-info"> <div class="banner-info--inner--down"> <h3 class="withbg bluebg">Mix it like a Pro!<span>Tips & Techniques to make that drink of yours more special..</span></h3> </div></div> <a class="banner-link banner-overlay" href="https://www.manamatoppings.com/tips-techniques"> </a></div></div> </div> </div> </div> <div class="order-lg-3 col-lg-4 d-md-flex d-lg-block"> <div class="row"> <div class="col-12 pt--20"> <div class="banner-box banner-type-10"> <div class="banner-inner"> <div class="banner-image"> <img src="https://www.manamatoppings.com/web/images/banners/red-bg.jpg" alt="Banner"> </div> <div class="banner-info"> <div class="banner-info--inner--center"> <h3 class="withoutbg"><i class="fas fa-headset"></i>Need Help?<span>Visit our <b>Support Centre</b> for F.A.Qs and other support options.</span></h3> </div></div> <a class="banner-link banner-overlay" href="https://www.manamatoppings.com/support-center"> </a></div></div> </div> <div class="col-12 pt--20"> <div class="banner-box banner-type-10"> <div class="banner-inner"> <div class="banner-image"> <img src="https://www.manamatoppings.com/web/images/banners/grey-bg.jpg" alt="Banner"> </div> <div class="banner-info"> <div class="banner-info--inner--center"> <h3 class="withoutbg">Experience <i>#ManamaToppings</i><span>Visit our social media pages. Click, Share & Comment.</span></h3> <ul class="social-icons"> <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li> <li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li> <li><a href="https://www.youtube.com/" target="_blank"><i class="fab fa-youtube"></i></a></li> <li><a href="https://www.twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li> </ul> </div></div> </div></div> </div> </div> </div> </div> </div> </div> <!-- Testimonial Area Start Here --> <section class="testimonial-area"> <div class="container p-0"> <div class="row mb--30 mb-md--20 justify-content-md-center"> <div class="col-md-3 col-12"> <h3>Customer<br>Testimonials</h3> </div> <div class="col-md-9 col-12"> <div class="mmtp-element-carousel product-carousel dot-style-1 dark-dot slick-dot-mb-40 slick-dot-mb-md-30" data-slick-options='{ "spaceBetween":0, "slidesToShow": 2, "slidesToScroll": 2, "autoplaySpeed": 5000, "speed": 1000, "dots": true, "infinite": true, "centerMode": true, "centerPadding": "0%" }' data-slick-responsive='[ {"breakpoint":991, "settings": {"slidesToShow": 1} } ]'> </div> </div> </div> </div> </section> <!-- Testimonial Area End Here --> <!-- Promo Area End --> </div> <footer class="footer footer-1 bg--black ptb--40"> <div class="footer-top pb--40 pb-md--30"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-3 mb-md--30"> <div class="footer-widget"> <h3 class="widget-title">Company</h3> <ul class="widget-menu"> <li><a href="https://www.manamatoppings.com/about-us">About Us</a></li> <li><a href="https://www.manamatoppings.com/download-brochure">Download Brochure</a></li> <li><a href="https://www.manamatoppings.com/contact-us">Contact us</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-3 mb-sm--30"> <div class="footer-widget"> <h3 class="widget-title">FOR CUSTOMER</h3> <ul class="widget-menu"> <li><a href="https://www.manamatoppings.com/register">Register Account</a></li> <li><a href="https://www.manamatoppings.com/account/my-account">My Account</a></li> <li><a href="https://www.manamatoppings.com/support-center">Support Centre</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-3 mb-sm--30"> <div class="footer-widget"> <h3 class="widget-title">RESOURCES</h3> <ul class="widget-menu"> <li><a href="https://www.manamatoppings.com/recipe-corner">Recipe Corner</a></li> <li><a href="https://www.manamatoppings.com/tips-techniques">Tips & Techniques</a></li> <li> <a href="https://www.manamatoppings.com/customer-testimonials"><span class="mm-text">Customer Testimonials</span></a> </li> </ul> </div> </div> <div class="col-lg-3 col-md-3 mb-sm--30"> <div class="footer-widget"> <h3 class="widget-title">TERMS & POLICY</h3> <ul class="widget-menu"> <li><a href="https://www.manamatoppings.com/terms-and-conditions">Terms & Conditions</a></li> <li><a href="https://www.manamatoppings.com/privacy-policy">Privacy Policy</a></li> <li><a href="https://www.manamatoppings.com/shipping-policy">Shipping Policy</a></li> <li><a href="https://www.manamatoppings.com/return-refund-policy">Return & Refund Policy</a></li> </ul> </div> </div> </div> </div> </div> <div class="footer-middle pb--40 pb-md--30"> <div class="container"> <div class="row method-box-wrapper"> <div class="col-12 mb-md--10"> <ul class="social text-center"> <li class="social__item"> <a href="https://facebook.com" class="social__link color--white"> <i class="fa fa-facebook"></i> </a> </li> <li class="social__item"> <a href="https://instagram.com" class="social__link color--white"> <i class="fa fa-instagram"></i> </a> </li> <li class="social__item"> <a href="https://youtube.com" class="social__link color--white"> <i class="fa fa-youtube"></i> </a> </li> <li class="social__item"> <a href="https://twitter.com" class="social__link color--white"> <i class="fa fa-twitter"></i> </a> </li> </ul> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <p class="copyright-text">Manama Farms & Foods<i class="far fa-copyright"></i>2021</p> <p class="copyright-text small">Made in India with<i class="fas fa-heart"></i>by <a href="https://www.frypangraphics.com/" target="_blank">Frypan Graphics</a></p> </div> </div> </div> </div> </footer> <!-- Footer End --> <!-- Search from Start --> <div class="searchform__popup" id="searchForm"> <a href="#" class="btn-close"><i class="dl-icon-close"></i></a> <div class="searchform__body"> <p>Start typing and press Enter to search</p> <form action="https://www.manamatoppings.com" class="searchform"> <input type="text" name="search" id="search" class="searchform__input" placeholder="Search Entire Store..."> <button type="submit" class="searchform__submit"><i class="dl-icon-search10"></i></button> </form> </div> </div> <!-- Search from End --> <!-- Mini Cart Start --> <aside class="mini-cart" id="miniCart"> <div class="mini-cart-wrapper"> <a href="" class="btn-close"><i class="dl-icon-close"></i></a> <div class="mini-cart-inner"> <h2 class="mini-cart__heading mb--40 mb-lg--30">Shopping Cart</h2> <div class="mini-cart__content"> <div class="dynamic-cart-render"> </div> <div class="mini-cart__buttons"> <a href="https://www.manamatoppings.com/account/cart" class="btn btn-fullwidth btn-style-1">View Cart</a> <a href="https://www.manamatoppings.com/account/checkout" class="btn btn-fullwidth btn-style-1">Checkout</a> </div> </div> </div> </div> </aside> <!-- Mini Cart End --> <!-- Add to Cart Modal Start --> <div class="modal fade product-modal" id="addtoCart" aria-hidden="true" aria-labelledby="addtoCartLabel" tabindex="-1"> <div class="modal-dialog modal-dialog-centered modal-sm" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="addtoCartLabel">Add to Cart Options</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true"><i class="dl-icon-close"></i></span> </button> </div> <div class="modal-body px-5 pb-5 update_product_html"> <!-- Each Product --> </div> </div> </div> </div> <div class="modal fade" id="exampleModalToggle2" aria-hidden="true" aria-labelledby="exampleModalToggleLabel2" tabindex="-1"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalToggleLabel2">Modal 2</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> Hide this modal and show the first with the button below. </div> <div class="modal-footer"> <button class="btn btn-primary" data-bs-target="#exampleModalToggle" data-bs-toggle="modal" data-bs-dismiss="modal">Back to first</button> </div> </div> </div> </div> <!-- Add to Cart Modal End --> <!-- Global Overlay Start --> <div class="ai-global-overlay"></div> <!-- Global Overlay End --> </div> <!-- Main Wrapper End --> <!-- ************************* JS Files ************************* --> <script> function load_cart(){ $.ajax({ url:"/api/fetch-cart-details", success: function (res){ let cart_items = ''; let total = 0; $.each(res.data, function (index, item){ cart_items += `<li class="mini-cart__product"> <a data-page="0" data-delete_url="/api/cart/delete" data-delete_id="${item.cart_id}" href="javascript:" class="delete_item remove-from-cart remove"> <i class="dl-icon-close"></i> </a> <div class="mini-cart__product__image"> <img src="/images/uploads/products/${item.image}" alt="products"> </div> <div class="mini-cart__product__content"> <a class="mini-cart__product__title" href="">${item.product_name}</a> <span class="mini-cart__product__quantity">${item.quantity} x <i class="fas fa-rupee-sign"></i>${item.cost_price}</span> </div> </li>`; total = total + parseInt(item.cost_price) * parseInt(item.quantity); }); if (cart_items !== '') { $('#miniCart,.ai-global-overlay').show(); let static_html = `<ul class="mini-cart__list"> ${cart_items} </ul> <div class="mini-cart__total"> <span>Subtotal</span> <span class="ammount"><i class="fas fa-rupee-sign"></i>${total.toFixed(2)}</span> </div>`; $('.dynamic-cart-render').html(static_html); }else{ $('#miniCart,.ai-global-overlay').hide(); $('.dynamic-cart-render').html('<p>No Items in your cart</p>'); } $('.mini-cart-count').html(res.data.length); } }); } load_cart(); </script> <!-- Bootstrap and Popper Bundle JS --> <script src="https://www.manamatoppings.com/web/js/bootstrap.bundle.min.js"></script> <script src="https://www.manamatoppings.com/js/vendor/jquery.validate/jquery.validate.js"></script> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> <!-- All Plugins Js --> <script src="https://www.manamatoppings.com/web/js/plugins.js"></script> <!-- Ajax Mail Js --> <script src="https://www.manamatoppings.com/web/js/ajax-mail.js"></script> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> <!-- Main JS --> <script src="https://www.manamatoppings.com/web/js/main.js"></script> <script src="https://www.manamatoppings.com/web/js/myaccount.js"></script> <!-- REVOLUTION JS FILES --> <script src="https://www.manamatoppings.com/web/js/revolution-slider/jquery.themepunch.tools.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/jquery.themepunch.revolution.min.js"></script> <!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) --> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.actions.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.carousel.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.kenburn.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.layeranimation.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.migration.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.navigation.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.parallax.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.slideanims.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.video.min.js"></script> <!-- REVOLUTION ACTIVE JS FILES --> <script src="https://www.manamatoppings.com/web/js/revolution.js"></script> <style> .ui-menu-item{background-color:#f1f1f1 !important; z-index:999999 !important; text-align:center !important;} .ui-state-active{ background-color:#f1f1f1 !important; z-index:999999 !important; border:none !important; margin:0px !important;} .ui-widget-content a{ color:#222 !important; font-weight:bold !important;} .ui-widget-content a:hover{ color:#e31e23 !important; font-weight:bold !important;} /*.main-navigation .mainmenu ul li a.menu-item-img:hover span*/ /*.ui-menu-item-wrapper{ color:#000 !important; font-weight:600 !important; background-color:#FFFFFF !important; border:1px solid #e31e23; opacity:3 !important; display:block;} .ui-autocomplete{ color:#000 !important; font-weight:600 !important; background-color:#FFFFFF !important; border:1px solid #e31e23; opacity:3 !important; display:block; z-index:999999 !important;}*/ .ui-autocomplete{z-index:999999 !important; border:2px solid #e31e23; border-radius: 5px !important;} .ui-widget-content{height:auto !important;} .ui-autocomplete{max-height:250px !important; width:18%;} .ui-autocomplete{overflow:hidden !important; overflow-y:scroll !important;} </style> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script> <script> $( function() { $( "#search" ).autocomplete({ source: function( request, response ) { $.ajax( { url: "https://www.manamatoppings.com/autocomplete-search", dataType: "jsonp", data: { term: request.term }, success: function( data ) { response( data ); } } ); }, minLength: 1, focus: function( event, ui ) { //$( "#project" ).val( ui.item.label ); return false; }, select: function( event, ui ) { //log( "Selected: " + ui.item.value + " aka " + ui.item.id ); return false; } } ).autocomplete( "instance" )._renderItem = function( ul, item ) { return $( "<li>" ) .append( "<div><a href='https://www.manamatoppings.com/shop/"+item.cat_slug+"/"+item.product_slug+"'>" + item.label + "</a></div>" ) .appendTo( ul ); }; } ); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10