ÿØÿà JFIF ÿþ; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/weflowz.com/public_html/ksbakers-new/ |
Upload File : |
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <head> <meta charset="utf-8"> <title>KS Bakers</title> <meta name="author" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- font --> <link rel="stylesheet" href="fonts/fonts.css"> <link rel="stylesheet" href="fonts/font-icons.css"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/swiper-bundle.min.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" type="text/css" href="css/styles.css" /> <link href="https://fonts.googleapis.com/css2?family=Young+Serif&display=swap" rel="stylesheet"> <!-- Favicon and Touch Icons --> <link rel="shortcut icon" href="images/logo/favicon.png"> <link rel="apple-touch-icon-precomposed" href="images/logo/favicon.png"> <!-- Google Tag Manager --> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MBDSQPXX');</script> <!-- End Google Tag Manager --> </head> <body class="preload-wrapper"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src=" https://www.googletagmanager.com/ns.html?id=GTM-MBDSQPXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- preload --> <div class="preload preload-container"> <div class="preload-logo"> <div class="spinner"></div> </div> </div> <!-- /preload --> <div id="wrapper"> <!-- Announcement Bar --> <div class="announcement-bar bg_maroon"> <div class="wrap-announcement-bar"> <div class="box-sw-announcement-bar speed-1"> <div class="announcement-bar-item"> <p>GIFT HAMPERS STARTING FROM ₹199</p> </div> <div class="announcement-bar-item"> <p>TRUSTED BY 1200+ CUSTOMERS</p> </div> <div class="announcement-bar-item"> <p>OPEN FOR CORPORATE ORDERS</p> </div> <div class="announcement-bar-item"> <p>CALL US AT +91 7075997671</p> </div> <div class="announcement-bar-item"> <p>GIFT HAMPERS STARTING FROM ₹199</p> </div> <div class="announcement-bar-item"> <p>TRUSTED BY 1200+ CUSTOMERS</p> </div> <div class="announcement-bar-item"> <p>OPEN FOR CORPORATE ORDERS</p> </div> <div class="announcement-bar-item"> <p>CALL US AT +91 7075997671</p> </div> <div class="announcement-bar-item"> <p>GIFT HAMPERS STARTING FROM ₹199</p> </div> <div class="announcement-bar-item"> <p>TRUSTED BY 1200+ CUSTOMERS</p> </div> <div class="announcement-bar-item"> <p>OPEN FOR CORPORATE ORDERS</p> </div> <div class="announcement-bar-item"> <p>CALL US AT +91 7075997671</p> </div> <div class="announcement-bar-item"> <p>GIFT HAMPERS STARTING FROM ₹199</p> </div> <div class="announcement-bar-item"> <p>TRUSTED BY 1200+ CUSTOMERS</p> </div> <div class="announcement-bar-item"> <p>OPEN FOR CORPORATE ORDERS</p> </div> <div class="announcement-bar-item"> <p>CALL US AT +91 7075997671</p> </div> </div> </div> <span class="icon-close close-announcement-bar"></span> </div> <!-- /Announcement Bar --> <!-- Header --> <header id="header" class="header-default"> <div class="px_15 lg-px_40"> <div class="row wrapper-header align-items-center"> <div class="col-md-4 col-3 tf-lg-hidden"> <a href="#mobileMenu" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16" fill="none"> <path d="M2.00056 2.28571H16.8577C17.1608 2.28571 17.4515 2.16531 17.6658 1.95098C17.8802 1.73665 18.0006 1.44596 18.0006 1.14286C18.0006 0.839753 17.8802 0.549063 17.6658 0.334735C17.4515 0.120408 17.1608 0 16.8577 0H2.00056C1.69745 0 1.40676 0.120408 1.19244 0.334735C0.978109 0.549063 0.857702 0.839753 0.857702 1.14286C0.857702 1.44596 0.978109 1.73665 1.19244 1.95098C1.40676 2.16531 1.69745 2.28571 2.00056 2.28571ZM0.857702 8C0.857702 7.6969 0.978109 7.40621 1.19244 7.19188C1.40676 6.97755 1.69745 6.85714 2.00056 6.85714H22.572C22.8751 6.85714 23.1658 6.97755 23.3801 7.19188C23.5944 7.40621 23.7148 7.6969 23.7148 8C23.7148 8.30311 23.5944 8.59379 23.3801 8.80812C23.1658 9.02245 22.8751 9.14286 22.572 9.14286H2.00056C1.69745 9.14286 1.40676 9.02245 1.19244 8.80812C0.978109 8.59379 0.857702 8.30311 0.857702 8ZM0.857702 14.8571C0.857702 14.554 0.978109 14.2633 1.19244 14.049C1.40676 13.8347 1.69745 13.7143 2.00056 13.7143H12.2863C12.5894 13.7143 12.8801 13.8347 13.0944 14.049C13.3087 14.2633 13.4291 14.554 13.4291 14.8571C13.4291 15.1602 13.3087 15.4509 13.0944 15.6653C12.8801 15.8796 12.5894 16 12.2863 16H2.00056C1.69745 16 1.40676 15.8796 1.19244 15.6653C0.978109 15.4509 0.857702 15.1602 0.857702 14.8571Z" fill="currentColor"></path> </svg> </a> </div> <div class="col-xl-3 col-md-4 col-6"> <a href="index.html" class="logo-header"> <img src="images/logo/logo.png" alt="logo" class="logo"> </a> </div> <div class="col-xl-9 tf-md-hidden"> <nav class="box-navigation text-center"> <ul class="box-nav-ul d-flex align-items-center justify-content-end gap-30"> <li class="menu-item"><a href="index.html" class="item-link">Home</a></li> <li class="menu-item"><a href="about.html" class="item-link">About</a></li> <li class="menu-item position-relative"> <a href="#" class="item-link">Products<i class="icon icon-arrow-down"></i></a> <div class="sub-menu submenu-default"> <ul class="menu-list"> <li><a href="product-details.html#cakes" class="menu-link-text link text_black-2">Cakes</a></li> <li><a href="product-details.html#desserts" class="menu-link-text link text_black-2">Desserts</a></li> <li><a href="product-details.html#biscuits" class="menu-link-text link text_black-2">Biscuits</a></li> <li><a href="product-details.html#breads" class="menu-link-text link text_black-2">Breads</a> </li> <li><a href="product-details.html#snacks" class="menu-link-text link text_black-2">Snacks</a> </li> <li><a href="product-details.html#beverages" class="menu-link-text link text_black-2">Beverages</a></li> </ul> </div> </li> <li class="menu-item"><a href="custom-orders.html" class="item-link">Custom Orders</a> </li> <li class="menu-item position-relative"> <a href="#" class="item-link">Contact<i class="icon icon-arrow-down"></i></a> <div class="sub-menu submenu-default"> <ul class="menu-list"> <li><a href="outlets.html" class="menu-link-text link text_black-2">Our Outlets</a> </li> <li><a href="faq.html" class="menu-link-text link text_black-2">FAQ's</a> </li> <li><a href="policies.html" class="menu-link-text link text_black-2">Policies</a></li> </ul> </div> </li> <li class="menu-item"><a href="" class="item-link tf-btn btn-sm radius-3 btn-fill btn-icon animate-hover-btn">Shop</a> </li> </ul> </nav> </div> <!-- <div class="col-xl-3 col-md-4 col-3"> <ul class="nav-icon d-flex justify-content-end align-items-center gap-20"> <li class="nav-search"><a href="#canvasSearch" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft" class="nav-icon-item"><i class="icon icon-search"></i></a></li> <li class="nav-account"><a href="#login" data-bs-toggle="modal" class="nav-icon-item"><i class="icon icon-account"></i></a></li> <li class="nav-wishlist"><a href="wishlist.html" class="nav-icon-item"><i class="icon icon-heart"></i><span class="count-box text-black">0</span></a></li> <li class="nav-cart"><a href="#shoppingCart" data-bs-toggle="modal" class="nav-icon-item"><i class="icon icon-bag"></i><span class="count-box text-black">0</span></a></li> </ul> </div> --> </div> </div> </header> <!-- /Header --> <section class="flat-spacing-10 flat-image-text-section"> <div class="container"> <div class="tf-grid-layout md-col-2 tf-img-with-text style-4"> <div class="tf-image-wrap"> <img class="lazyload w-100 radius-10" data-src="images/collections/about-img.jpg" src="images/collections/about-img.jpg" alt="collection-img"> </div> <div class="tf-content-wrap lg-px_40 px_40 d-flex justify-content-center w-100"> <div> <h2 class="heading fw-6">Our Mission</h2> <p class="description mb_40">At KS Bakers, we’re dedicated to spreading joy through the art of exquisite desserts. With every creation, we combine quality ingredients and a passion for perfection, ensuring each bite is a moment to remember. Whether it’s a birthday, wedding, or any special occasion, we’re here to add a little extra sweetness and make every celebration unforgettable.</p> <h2 class="heading fw-6">Our Vission</h2> <p class="description">At KS Bakers, we believe every dessert is a celebration in itself—a moment of joy crafted to make life a little sweeter. Our vision is a world where happiness is baked into every occasion, where each treat becomes a delightful memory shared. One dessert at a time, we’re spreading joy and creating sweet moments that linger.</p> </div> </div> </div> </div> </section> <!-- Icon box --> <section class="flat-spacing-1 pt_0 has-line-bottom flat-iconbox wow fadeInUp" data-wow-delay="0s"> <div class="container"> <div class="flat-title wow fadeInUp" data-wow-delay="0s"> <span class="title font-poppins fw-6">Core Values</span> <p>Our recipe for success</p> </div> <div class="wrap-carousel wrap-mobile"> <div class="swiper tf-sw-mobile" data-preview="1" data-space="15"> <div class="swiper-wrapper wrap-iconbox"> <div class="swiper-slide"> <div class="tf-icon-box style-row"> <div class="icon"> <i class="icon-shipping"></i> </div> <div class="content"> <div class="title fw-4">Integrity</div> </div> </div> </div> <div class="swiper-slide"> <div class="tf-icon-box style-row"> <div class="icon"> <i class="icon-payment fs-22"></i> </div> <div class="content"> <div class="title fw-4">Respect</div> </div> </div> </div> <div class="swiper-slide"> <div class="tf-icon-box style-row"> <div class="icon"> <i class="icon-return fs-20"></i> </div> <div class="content"> <div class="title fw-4">Responsibility</div> </div> </div> </div> <div class="swiper-slide"> <div class="tf-icon-box style-row"> <div class="icon"> <i class="icon-suport"></i> </div> <div class="content"> <div class="title fw-4">Learning</div> </div> </div> </div> <div class="swiper-slide"> <div class="tf-icon-box style-row"> <div class="icon"> <i class="icon-shipping"></i> </div> <div class="content"> <div class="title fw-4">Synergy</div> </div> </div> </div> </div> </div> <div class="sw-dots style-2 sw-pagination-mb justify-content-center"></div> </div> </div> </section> <!-- /Icon box --> <!-- choose us --> <!-- <section class="bg_maroon text-white"> <div class="container-full"> <div class="bg_maroon flat-spacing-10"> <div class="container flat-iconbox-v4"> <div class="flat-title wow fadeInUp" data-wow-delay="0s"> <span class="title font-poppins fw-6">Our Strengths</span> <p>Quality perfected, expertise refined, and flavors inspired globally.</p> </div> <div class="wrap-carousel wrap-mobile wow fadeInUp" data-wow-delay="0s"> <div class="swiper tf-sw-mobile" data-preview="1" data-space="15"> <div class="swiper-wrapper wrap-iconbox"> <div class="swiper-slide"> <div class="tf-icon-box text-center "> <div class="icon icon-white"> <i class="icon-check "></i> </div> <div class="content"> <div class="title fw-6">Quality First</div> <p>We insist on unwavering quality, using the finest ingredients and craftsmanship</p> </div> </div> </div> <div class="swiper-slide"> <div class="tf-icon-box text-center"> <div class="icon icon-white"> <i class="icon-plant"></i> </div> <div class="content"> <div class="title fw-6">In-house Expertise</div> <p>Every product, from bread to cakes, is made in-house by our team</p> </div> </div> </div> <div class="swiper-slide"> <div class="tf-icon-box text-center"> <div class="icon icon-white"> <i class="icon-bag"></i> </div> <div class="content"> <div class="title fw-6">Global Ingredients</div> <p>We source premium international ingredients for distinctive, authentic flavors</p> </div> </div> </div> </div> </div> <div class="sw-dots style-2 sw-pagination-mb justify-content-center"></div> </div> </div> </div> </div> </section> --> <!-- /choose us --> <!-- form --> <section class="bg_grey-7 flat-spacing-9 "> <div class="container"> <div class="flat-title"> <span class="title fw-6">Get in Touch</span> <p class="sub-title text_black-2">If you’ve got great products your making or looking to work with us then drop us a line.</p> </div> <div> <form id='worke-form-12799ea7-92f0-4b4b-bad7-b5b48abefad0' class="mw-705 mx-auto text-center form-contact EnquiryForm" onsubmit="WorkeSubmissionHandling(event, 'worke-form-12799ea7-92f0-4b4b-bad7-b5b48abefad0','app.backend')"> <p id="worke-success-message" style="display: none; color:white; margin: 20px 15px; font-family: Trebuchet MS; font-size: 20px; background-color: rgb(75, 181, 67); padding: 10px; border-radius: 5px;"> Form Submitted Successfully</p> <input type='text' value="12799ea7-92f0-4b4b-bad7-b5b48abefad0" style="display: none" name="form_id" required /> <input type='text' value="3ead1f2d-63de-427f-b63e-6b05d413dcb1" style="display: none" name="organisation_id" required /> <div style="display: grid; margin: 20px 15px"> <input type="text" name="Full Name" id="cb73f190-f4bd-4a0d-803b-64352a582470" data-key="TEXT" data-name="Full Name" placeholder="Full Name" required /> </div> <div style="display: grid; margin: 20px 15px"> <input type="text" name="Email Id" id="03846939-4288-43a4-bdca-965790b3e461" data-key="TEXT" data-name="Email Id" placeholder="Email Id" required /> </div> <div style="display: grid; margin: 20px 15px"> <div style="display: table-row;"> <select id="998e4efc-c788-4863-ba84-8f06d8836709" name="ccode" data-key="NUMBER" data-name="ccode" placeholder="Phone Number" class="worke-ccode-select tf-select" style="padding:14px; height: 49px !important; font-size: 14px; max-width:29%;"></select> <input type="text" style="padding:12px; font-size:16px; max-width:70%" name="Phone Number" id="7efd3f32-da35-4e90-b3ac-ff78efa766e2" data-key="TEXT" data-name="Phone Number" required /> </div> </div> <div style="display: grid; margin: 20px 15px"> <input type="text" name="Company" id="4c3483fd-b499-452d-8ce1-bc3ca05d3227" data-key="TEXT" data-name="Company" placeholder="Company Name" /> </div> <div style="display: grid; margin: 20px 15px"> <select type="text" name="No of Units" placeholder="No of Units" id="9ed4ed92-d5d5-4345-96db-3c81920a4b14" data-key="SELECT_DROPDOWN" data-name="No of Units" class="worke-no_of_units-select tf-select"> <option value="" style="font-size: 12px;">No of Units</option> <option value='Upto 50' style="font-size: 12px;">Upto 50</option> <option value='50-100' style="font-size: 12px;">50-100</option> <option value='100-200' style="font-size: 12px;">100-200</option> <option value='More than 200' style="font-size: 12px;">More than 200</option> </select> </div> <div style="display: grid; margin: 20px 15px"> <select type="text" name="Delivery City" placeholder="Delivery City" id="10d8b6b6-da3a-412b-872c-9cfb5ce9cd98" data-key="SELECT_DROPDOWN" data-name="Delivery City" class="worke-delivery_city-select tf-select"> <option value="" style="font-size: 12px;">Delivery City</option> <option value='Hyderabad' style="font-size: 12px;">Hyderabad</option> <option value='Bangalore' style="font-size: 12px;">Bangalore</option> <option value='Chennai' style="font-size: 12px;">Chennai</option> <option value='Mumbai' style="font-size: 12px;">Mumbai</option> <option value='Delhi' style="font-size: 12px;">Delhi</option> <option value='Others' style="font-size: 12px;">Others</option> </select> </div> <div style="display: grid; margin: 20px 15px"> <input type="date" name="Tentative Delivery Date" id="f12936c9-f8ca-492f-8af4-868feed95a03" placeholder="Tentative Delivery Date" data-key="DATE" data-name="Tentative Delivery Date" /> </div> <div style="display: grid; margin: 20px 15px"> <select type="text" name="Occasion" placeholder="Occasion" id="494b000f-475f-48fb-88f7-826b40a02c90" data-key="SELECT_DROPDOWN" data-name="Occasion" class="worke-drop_down-select tf-select"> <option value="" style="font-size: 12px;">Occasion</option> <option value='Festive Celebrations' style="font-size: 12px;">Festive Celebrations </option> <option value='Corporate Gifting' style="font-size: 12px;">Corporate Gifting</option> <option value='Office Celebrations' style="font-size: 12px;">Office Celebrations </option> <option value='Client Gifting' style="font-size: 12px;">Client Gifting</option> <option value='Others' style="font-size: 12px;">Others</option> </select> </div> <div style="display: grid; margin: 20px 15px"> <textarea type="text" style="padding:7px; font-size:16px; " name="Message" placeholder="Message" id="aab50895-e8c6-453e-a408-4bc3e4c379db" data-key="TEXT_AREA" data-name="Message"></textarea> </div> <div style="display: flex; justify-content: center;" class="gap-10"> <button type='reset' class="tf-btn radius-3 btn-fill animate-hover-btn justify-content-center">Reset</button> <button type='submit' class="tf-btn radius-3 btn-primary animate-hover-btn justify-content-center">Submit</button> </div> </form> <script src="https://cdn.brexa.ai/form.js"></script> </div> </div> </section> <!-- /form --> <!-- Shop gram --> <section class="flat-spacing-10"> <div class="container"> <div class="flat-title wow fadeInUp" data-wow-delay="0s"> <span class="title font-poppins fw-6">Be active. Be social</span> <p class="sub-title text_black-3">Follow <a href="https://www.instagram.com/ks_bakers/" target="_blank"> <strong>@ks_bakers</strong></a> on Instagram</p> </div> <div class="wrap-carousel wrap-shop-gram"> <div class="swiper tf-sw-shop-gallery" data-preview="5" data-tablet="3" data-mobile="2" data-space-lg="7" data-space-md="7"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="gallery-item hover-img wow fadeInUp" data-wow-delay="0s"> <div class="img-style"> <img class="lazyload img-hover" data-src="images/shop/gallery/insta-1.jpg" src="images/shop/gallery/insta-1.jpg" alt="image-gallery"> </div> <!-- <a href="#quick_add" data-bs-toggle="modal" class="box-icon"><span class="icon icon-bag"></span> <span class="tooltip">Quick Add</span></a> --> </div> </div> <div class="swiper-slide"> <div class="gallery-item hover-img wow fadeInUp" data-wow-delay=".1s"> <div class="img-style"> <img class="lazyload img-hover" data-src="images/shop/gallery/insta-2.jpg" src="images/shop/gallery/insta-2.jpg" alt="image-gallery"> </div> <!-- <a href="#quick_add" data-bs-toggle="modal" class="box-icon"><span class="icon icon-bag"></span> <span class="tooltip">Quick Add</span></a> --> </div> </div> <div class="swiper-slide"> <div class="gallery-item hover-img wow fadeInUp" data-wow-delay=".2s"> <div class="img-style"> <img class="lazyload img-hover" data-src="images/shop/gallery/insta-3.jpg" src="images/shop/gallery/insta-3.jpg" alt="image-gallery"> </div> <!-- <a href="#quick_add" data-bs-toggle="modal" class="box-icon"><span class="icon icon-bag"></span> <span class="tooltip">Quick Add</span></a> --> </div> </div> <div class="swiper-slide"> <div class="gallery-item hover-img wow fadeInUp" data-wow-delay=".3s"> <div class="img-style"> <img class="lazyload img-hover" data-src="images/shop/gallery/insta-4.jpg" src="images/shop/gallery/insta-4.jpg" alt="image-gallery"> </div> <!-- <a href="#" class="box-icon"><span class="icon icon-bag"></span> <span class="tooltip">View product</span></a> --> </div> </div> <div class="swiper-slide"> <div class="gallery-item hover-img wow fadeInUp" data-wow-delay=".4s"> <div class="img-style"> <img class="lazyload img-hover" data-src="images/shop/gallery/insta-5.jpg" src="images/shop/gallery/insta-5.jpg" alt="image-gallery"> </div> <!-- <a href="#" class="box-icon"><span class="icon icon-bag"></span> <span class="tooltip">View product</span></a> --> </div> </div> <div class="swiper-slide"> <div class="gallery-item hover-img wow fadeInUp" data-wow-delay=".4s"> <div class="img-style"> <img class="lazyload img-hover" data-src="images/shop/gallery/insta-6.jpg" src="images/shop/gallery/insta-6.jpg" alt="image-gallery"> </div> <!-- <a href="#" class="box-icon"><span class="icon icon-bag"></span> <span class="tooltip">View product</span></a> --> </div> </div> </div> </div> <div class="sw-dots sw-pagination-gallery justify-content-center"></div> </div> </div> </section> <!-- Shop gram --> <!-- Footer --> <footer id="footer" class="footer background-gray md-pb-70"> <div class="footer-wrap"> <div class="footer-body"> <div class="container"> <div class="row justify-content-center"> <div class="col-xl-4 col-md-6 col-12"> <div class="footer-infor"> <div class="footer-logo"> <a href="#"> <img src="images/logo/logo.png" width="150" alt=""> </a> </div> <ul> <li> <p>Address: KS Bakers Pvt. Ltd., Manufacturing Unit Sreeram Nagar Colony, Patancheruvu, Hyderabad, Telangana 502319</p> </li> <li> <p>Email: <a href="mailto:online@ksbakers.com">online@ksbakers.com</a></p> </li> <li> <p>Phone: <a href="tel:+917075997671"> +91 7075997671</a></p> </li> </ul> <!--<a href="#" class="tf-btn btn-line">Get direction<i--> <!-- class="icon icon-arrow1-top-left"></i></a>--> <ul class="tf-social-icon d-flex gap-10"> <li><a href="https://www.facebook.com/KSBakersofficial" target="_blank" class="box-icon w_34 round social-facebook social-line"><i class="icon fs-14 icon-fb"></i></a></li> <li><a href="https://www.linkedin.com/company/ks-bakers/" target="_blank" class="box-icon w_34 round social-twiter social-line"><i class="icon fs-12 icon-Icon-x"></i></a></li> <li><a href="https://www.instagram.com/ks_bakers/" target="_blank" class="box-icon w_34 round social-instagram social-line"><i class="icon fs-14 icon-instagram"></i></a></li> <!--<li><a href="#" class="box-icon w_34 round social-tiktok social-line"><i--> <!-- class="icon fs-14 icon-tiktok"></i></a></li>--> <!--<li><a href="#" class="box-icon w_34 round social-pinterest social-line"><i--> <!-- class="icon fs-14 icon-pinterest-1"></i></a></li>--> </ul> </div> </div> <div class="col-xl-3 col-md-6 col-12 footer-col-block"> <div class="footer-heading footer-heading-desktop"> <h6 class="font-poppins">Useful Links</h6> </div> <div class="footer-heading footer-heading-moblie"> <h6 class="font-poppins">Useful Links</h6> </div> <ul class="footer-menu-list tf-collapse-content"> <li> <a href="#" class="footer-menu_item">Our Story</a> </li> <li> <a href="#" class="footer-menu_item">Visit Our Store</a> </li> <li> <a href="#" class="footer-menu_item">Contact Us</a> </li> <li> <a href="#" class="footer-menu_item">Account</a> </li> </ul> </div> <div class="col-xl-4 col-md-6 col-12"> <div class="footer-newsletter footer-col-block"> <div class="footer-heading footer-heading-desktop"> <h6 class="font-poppins">Sign Up for Email</h6> </div> <div class="footer-heading footer-heading-moblie"> <h6 class="font-poppins">Sign Up for Email</h6> </div> <div class="tf-collapse-content"> <div class="footer-menu_item">Sign up to get first dibs on new arrivals, sales, exclusive content, events and more!</div> <form class="form-newsletter" id="subscribe-form" action="#" method="post" accept-charset="utf-8" data-mailchimp="true"> <div id="subscribe-content"> <fieldset class="email"> <input type="email" name="email-form" id="subscribe-email" placeholder="Enter your email...." tabindex="0" aria-required="true"> </fieldset> <div class="button-submit"> <button id="subscribe-button" class="tf-btn btn-sm radius-60 btn-fill btn-icon animate-hover-btn" type="button">Subscribe<i class="icon icon-arrow1-top-left"></i></button> </div> </div> <div id="subscribe-msg"></div> </form> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row justify-content-center"> <div class="col-12"> <div class="footer-bottom-wrap text-center"> <div class="footer-menu_item ">© 2024 KS Bakers. All Rights Reserved</div> <!-- <div class="tf-payment"> <img src="images/payments/visa.png" alt=""> <img src="images/payments/img-1.png" alt=""> <img src="images/payments/img-2.png" alt=""> <img src="images/payments/img-3.png" alt=""> <img src="images/payments/img-4.png" alt=""> </div> --> </div> </div> </div> </div> </div> </div> </footer> <!-- /Footer --> </div> <!-- gotop --> <div class="progress-wrap"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 286.138;"> </path> </svg> </div> <!-- /gotop --> <!-- modal quick_view --> <div class="modal fade modalDemo" id="quick_view"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="wrap"> <div class="tf-product-media-wrap"> <div class="swiper tf-single-slide"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="item"> <img src="images/products/HS-hamper-inner1.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="item"> <img src="images/products/HS-hamper-inner2.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="item"> <img src="images/products/HS-hamper-inner3.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="item"> <img src="images/products/HS-hamper-inner4.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="item"> <img src="images/products/HS-hamper-inner5.jpg" alt=""> </div> </div> </div> <div class="swiper-button-next button-style-arrow single-slide-prev"></div> <div class="swiper-button-prev button-style-arrow single-slide-next"></div> </div> </div> <div class="tf-product-info-wrap position-relative"> <div class="tf-product-info-list"> <div class="tf-product-info-title"> <h5><a class="link" href="#">Happy Sensations</a></h5> </div> <div class="tf-product-info-badges"> <div class="badges text-uppercase">Best seller</div> <div class="product-status-content"> <i class="icon-lightning"></i> <p class="fw-6">Selling fast! 48 people have this in their carts.</p> </div> </div> <!-- <div class="tf-product-info-price">--> <!-- <div class="price">$18.00</div>--> <!--</div> --> <div class="tf-product-description"> <p>Unlock the festive spirit with our curated hamper, featuring crunchy biscuits, soft cookies, sweet dry fruits, and crispy brittle. A perfect blend to spread joy and cheer.</p> </div> <div class="variant-picker-item"> <div class="d-flex justify-content-between align-items-center"> <table class="item_table"> <thead> <tr> <th scope="col">ITEM NAME</th> <th scope="col">QTY</th> </tr> </thead> <tbody> <tr> <td>Penut Biscuit - 40G Box</td> <td>1</td> </tr> <tr> <td>Pista Biscuit - 40G Box</td> <td>1</td> </tr> <tr> <td>Almond Cookie - 40G Box</td> <td>1</td> </tr> <tr> <td>Salted Pista - 80G Jar</td> <td>1</td> </tr> <tr> <td>Roasted Almond - 80G Jar</td> <td>1</td> </tr> <tr> <td>Peri Peri Cashew - 80G Jar</td> <td>1</td> </tr> <tr> <td>Brittle - 100G Box</td> <td>1</td> </tr> </tbody> </table> </div> </div> <div class="tf-product-info-buy-button"> <h5><a class="link mb_15" href="#">Order Now</a></h5> <form class="form-contact" id="contactform" action="#" method="post"> <div class="d-flex gap-15 mb_15"> <fieldset class="w-100"> <input type="text" name="name" id="name" required placeholder="Name *" /> </fieldset> <fieldset class="w-100"> <input type="email" name="email" id="email" required placeholder="Email *" /> </fieldset> </div> <div class="d-flex gap-15 mb_15"> <fieldset class="w-100"> <input type="tel" name="phone" id="phone" required placeholder="Phone *" /> </fieldset> <fieldset class="w-100"> <input type="text" name="address" id="address" required placeholder="Address *" /> </fieldset> </div> <div class="mb_15"> <textarea placeholder="Message" name="message" id="message" required cols="30" rows="10"></textarea> </div> <div class="send-wrap"> <button type="submit" class="tf-btn w-100 radius-3 btn-fill animate-hover-btn justify-content-center">Send Enquiry</button> </div> </form> </div> <div> <a href="#" class="tf-btn fw-6 btn-line">View full details<i class="icon icon-arrow1-top-left"></i></a> </div> </div> </div> </div> </div> </div> </div> <!-- /modal quick_view --> <!-- modal quick_view1 --> <div class="modal fade modalDemo" id="quick_view_1"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="wrap"> <div class="tf-product-media-wrap"> <div class="swiper tf-single-slide"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="item"> <img src="images/products/hamper-inner-1.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="item"> <img src="images/products/hamper-inner-2.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="item"> <img src="images/products/hamper-inner-3.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="item"> <img src="images/products/hamper-inner-4.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="item"> <img src="images/products/hamper-inner-5.jpg" alt=""> </div> </div> </div> <div class="swiper-button-next button-style-arrow single-slide-prev"></div> <div class="swiper-button-prev button-style-arrow single-slide-next"></div> </div> </div> <div class="tf-product-info-wrap position-relative"> <div class="tf-product-info-list"> <div class="tf-product-info-title"> <h5><a class="link" href="#">Bundle of Joy</a></h5> </div> <div class="tf-product-info-badges"> <div class="badges text-uppercase">Best seller</div> <div class="product-status-content"> <i class="icon-lightning"></i> <p class="fw-6">Selling fast! 48 people have this in their carts.</p> </div> </div> <!-- <div class="tf-product-info-price">--> <!-- <div class="price">$18.00</div>--> <!--</div> --> <div class="tf-product-description"> <p>Our Bundle Box brings together creamy, crunchy, and snappy friends for a deliciously chaotic mix that's sure to satisfy your cravings</p> </div> <div class="variant-picker-item"> <div class="d-flex justify-content-between align-items-center"> <table class="item_table"> <thead> <tr> <th scope="col">ITEM NAME</th> <th scope="col">QTY</th> </tr> </thead> <tbody> <tr> <td>Bon Bon 12 Pieces</td> <td>1</td> </tr> <tr> <td>Crunchy Bar</td> <td>1</td> </tr> <tr> <td>Bark - 100G</td> <td>1</td> </tr> <tr> <td>Brittle - 100G</td> <td>1</td> </tr> </tbody> </table> </div> </div> <div class="tf-product-info-buy-button"> <h5><a class="link mb_15" href="#">Order Now</a></h5> <form class="form-contact" id="contactform" action="#" method="post"> <div class="d-flex gap-15 mb_15"> <fieldset class="w-100"> <input type="text" name="name" id="name" required placeholder="Name *" /> </fieldset> <fieldset class="w-100"> <input type="email" name="email" id="email" required placeholder="Email *" /> </fieldset> </div> <div class="d-flex gap-15 mb_15"> <fieldset class="w-100"> <input type="tel" name="phone" id="phone" required placeholder="Phone *" /> </fieldset> <fieldset class="w-100"> <input type="text" name="address" id="address" required placeholder="Address *" /> </fieldset> </div> <div class="mb_15"> <textarea placeholder="Message" name="message" id="message" required cols="30" rows="10"></textarea> </div> <div class="send-wrap"> <button type="submit" class="tf-btn w-100 radius-3 btn-fill animate-hover-btn justify-content-center">Send Enquiry</button> </div> </form> </div> <div> <a href="#" class="tf-btn fw-6 btn-line">View full details<i class="icon icon-arrow1-top-left"></i></a> </div> </div> </div> </div> </div> </div> </div> <!-- /modal quick_view1 --> <!-- Javascript --> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/swiper-bundle.min.js"></script> <script type="text/javascript" src="js/carousel.js"></script> <script type="text/javascript" src="js/bootstrap-select.min.js"></script> <script type="text/javascript" src="js/lazysize.min.js"></script> <script type="text/javascript" src="js/count-down.js"></script> <script type="text/javascript" src="js/wow.min.js"></script> <script type="text/javascript" src="js/multiple-modal.js"></script> <script type="text/javascript" src="js/main.js"></script> <script> // Select all divs with the class 'video-container' const videoContainers = document.querySelectorAll('.video-container'); // Array of video sources const videoSources = ['images/products/real1.mp4', 'images/products/real2.mp4', 'images/products/real3.mp4', 'images/products/real4.mp4']; // Loop through the video sources and corresponding div elements videoSources.forEach((src, index) => { if (index < videoContainers.length) { // Create a video element const videoElement = document.createElement('video'); // Set video attributes videoElement.src = src; // Path to your video videoElement.width = 540; videoElement.height = 310; videoElement.autoplay = true; // Autoplay the video videoElement.muted = true; // Mute the video (required for autoplay in most browsers) videoElement.loop = true; // Loop the video // Append the video element to the current container videoContainers[index].appendChild(videoElement); } }); </script> <!-- Book Appointment form submission starts --> <script> let appointmentDetails = { nameValue: "", emailValue: "", phoneValue: "", // locationValue: "", // doctorValue: "", addressValue: "", messageDesc: "", // isagreeValue: "" } console.log("appointmentDetails", appointmentDetails) const nameChanged = (event) => { appointmentDetails.nameValue = event.target.value console.log("appointmentDetails", appointmentDetails) } const emailChanged = (event) => { appointmentDetails.emailValue = event.target.value console.log("appointmentDetails", appointmentDetails) } const phoneChanged = (event) => { appointmentDetails.phoneValue = event.target.value console.log("appointmentDetails", appointmentDetails) } const messageChanged = (event) => { appointmentDetails.messageDesc = event.target.value console.log("appointmentDetails", appointmentDetails) } const addressChanged = (event) => { appointmentDetails.addressValue = event.target.value console.log("appointmentDetails", appointmentDetails) } document.getElementById("nameId").addEventListener('keyup', nameChanged) document.getElementById("emailId").addEventListener('keyup', emailChanged) document.getElementById("phoneId").addEventListener('keyup', phoneChanged) //document.getElementById("locationId").addEventListener('change', locationChanged) //document.getElementById("doctorsId").addEventListener('change', doctorChanged) document.getElementById("addressId").addEventListener('change', addressChanged) document.getElementById("messageId").addEventListener('keyup', messageChanged) //document.getElementById("isagreeId").addEventListener('change', isagreeChanged) const submitPatientForm = (event) => { event.preventDefault(); console.log("Patient form submitted") console.log("appointmentDetails", appointmentDetails) const { nameValue, emailValue, phoneValue, addressValue, messageDesc } = appointmentDetails if (nameValue != "", emailValue != "", phoneValue != "", messageDesc != "", addressValue != "") { console.log("Entered IF") const url = `https://script.google.com/macros/s/AKfycbyadWopNwONvs8ZU93Go8vgw63c3qK5tE6Sfi5PXKY52lbnOyRuerGfPPxyWVre96q-/exec?name=${nameValue}&email=${emailValue}&phone=${phoneValue}&address=${addressValue}&message=${messageDesc}` const sheetOptions = { method: "GET", }; fetch(url, sheetOptions) then(function (response) { console.log("Data Pushed") }) let appointmentDetails = { nameValue: "", emailValue: "", phoneValue: "", // locationValue: "", // doctorValue: "", addressValue: "", messageDesc: "", // isagreeValue: "" } } } </script> <!-- <script src=" https://automations.brexa.ai/widget.js" data-orgname="ksbakers" data-orgid="3ead1f2d-63de-427f-b63e-6b05d413dcb1" data-chatbotid="66e7fb49deb6808fa38b30ed" data-appId=66e7fb49deb6808fa38b30f0 data-showWelcomeMessage=false data-showEnquiry=false data-showScheduleAppointment=false type="application/javascript"></script> --> </body> </html>