
                <!-- Footer -->
                <footer class="page-footer variant4 fullboxed">
                    <div class="footer-top bg">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-6">
                                    <h3><span class="custom-color">About</span> Company</h3>
                                    <div class="news-item">
                                        <div class="news-text">
                                            <p>Bronko Dine brings elegance to your table with a wide range of thoughtfully designed dinnerware and serveware. Our collections are crafted to elevate everyday dining and special occasions alike, combining aesthetics with unmatched utility.</p>
                                            <p><a href="about-us" class="readmore">Read more</a></p>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <h3><span class="custom-color">News </span> Letter</h3>
                                    <p>Subscribe to our newsletter and know first about all the latest products. Be always trendy.</p>
                                    <!-- newsletter -->
                                    <div class="newsletter variant3">
                                        <div>
                                            <!-- input-group -->
                                            <form action="#">
                                                <div class="input-group">
                                                    <input type="text" class="form-control" />
                                                    <span class="input-group-btn">
                                                        <button class="btn btn-default" type="submit"><i class="icon icon-close-envelope"></i></button>
                                                    </span>
                                                </div>
                                            </form>
                                            <!-- /input-group -->
                                        </div>
                                    </div>
                                    <!-- /newsletter -->
                                </div>
                            
                            <div class="col-lg-12">
								<div class="border-footer"></div>
							</div>
							</div>
                        </div>
                    </div>
                    <div class="footer-middle bg">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-4 col-lg-4">
                                    <div class="footer-block collapsed-mobile">
                                        <div class="footer-logo">
                                            <a href="index"><img src="images/bronko-dine-footer-logo.svg" alt="bronko-dine-logo" /></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2 col-lg-2">
                                    <div class="footer-block collapsed-mobile">
                                        <div class="title">
                                            <h4>NAVIGATION</h4>
                                            <div class="toggle-arrow"></div>
                                        </div>
                                        <div class="collapsed-content">
                                            <ul class="marker-list">
                                                <li><a href="#">About Us</a></li>
                                                <li><a href="#">Products</a></li>
                                                <li><a href="#">Collections</a></li>
                                                <li><a href="#">Careers</a></li>
                                                <li><a href="#">Downloads</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2 col-lg-2">
                                    <div class="footer-block collapsed-mobile">
                                        <div class="title">
                                            <h4>USEFULL LINKS</h4>
                                            <div class="toggle-arrow"></div>
                                        </div>
                                        <div class="collapsed-content">
                                            <ul class="marker-list">
                                                <li><a href="#">Corporate Presentation</a></li>
                                                <li><a href="#">Custom Branding</a></li>
                                                <li><a href="#">Catalogues</a></li>
                                                <li><a href="#">Inspiration Gallery</a></li>
                                                <li><a href="#">Contact Us</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-lg-4">
                                    <div class="footer-block collapsed-mobile">
                                        <div class="title">
                                            <h4>CONTACT US</h4>
                                            <div class="toggle-arrow"></div>
                                        </div>
                                        <div class="collapsed-content">
                                            <ul class="simple-list">
                                                <li><i class="icon icon-phone"></i> +91-9482070000</li>
                                                <li><i class="icon icon-close-envelope"></i><a href="mailto:sales@bronkodine.com">sales@bronkodine.com</a></li>
                                                <li><i class="icon icon-clock"></i>8:00 - 19:00, Monday - Saturday</li>
                                            </ul>
                                            <div class="footer-social">
                                                <a href="#"><i class="icon icon-facebook-logo icon-circled"></i></a> 
												<a href="#"><i class="icon icon-twitter-logo icon-circled"></i></a>
                                                <a href="#"><i class="icon icon-skype-logo icon-circled"></i></a> 
												<a href="#"><i class="icon icon-linkedin icon-circled"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="footer-bot">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-12 col-lg-12">
                                    <div class="footer-copyright text-center">2025 © Copyright Bronko Dine. All Rights Reserved. | Designed & Developed by <a href="https://vooktech.com/" target="_blank">Vook Tech India Pvt. Ltd.</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
                <!-- /Footer -->
                <a class="back-to-top back-to-top-mobile" href="#"> <i class="icon icon-angle-up"></i> To Top </a>
            </div>
            <!-- /Page -->
        </div>
        <!-- ProductStack -->
        <div class="productStack disable hide_on_scroll">
            <a href="#" class="toggleStack"><i class="icon icon-cart"></i> (6) items</a>
            <div class="productstack-content">
                <div class="products-list-wrapper">
                    <ul class="products-list">
                        <li>
                            <a href="product.html" title="Product Name Long Name"><img class="product-image-photo" src="images/products/product-10.jpg" alt="" /></a>
                            <span class="item-qty">3</span>
                            <div class="actions">
                                <a href="#" class="action edit" title="Edit item"><i class="icon icon-pencil"></i></a>
                                <a class="action delete" href="#" title="Delete item"><i class="icon icon-trash-alt"></i></a>
                                <div class="edit-qty">
                                    <input type="number" value="3" />
                                    <button type="button" class="btn">Apply</button>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="product.html" title="Product Name Long Name"><img class="product-image-photo" src="images/products/product-11.jpg" alt="" /></a>
                            <span class="item-qty">3</span>
                            <div class="actions">
                                <a class="action edit" href="#" title="Edit item"><i class="icon icon-pencil"></i></a>
                                <a class="action delete" href="#" title="Delete item"><i class="icon icon-trash-alt"></i></a>
                                <div class="edit-qty">
                                    <input type="number" value="3" />
                                    <button type="button" class="btn">Apply</button>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="product.html" title="Product Name Long Name"><img class="product-image-photo" src="images/products/product-12.jpg" alt="" /></a>
                            <span class="item-qty">3</span>
                            <div class="actions">
                                <a class="action edit" href="#" title="Edit item"><i class="icon icon-pencil"></i></a>
                                <a class="action delete" href="#" title="Delete item"><i class="icon icon-trash-alt"></i></a>
                                <div class="edit-qty">
                                    <input type="number" value="3" />
                                    <button type="button" class="btn">Apply</button>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="product.html" title="Product Name Long Name"><img class="product-image-photo" src="images/products/product-13.jpg" alt="" /></a>
                            <span class="item-qty">3</span>
                            <div class="actions">
                                <a class="action edit" href="#" title="Edit item"><i class="icon icon-pencil"></i></a>
                                <a class="action delete" href="#" title="Delete item"><i class="icon icon-trash-alt"></i></a>
                                <div class="edit-qty">
                                    <input type="number" value="3" />
                                    <button type="button" class="btn">Apply</button>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="product.html" title="Product Name Long Name"><img class="product-image-photo" src="images/products/product-14.jpg" alt="" /></a>
                            <span class="item-qty">3</span>
                            <div class="actions">
                                <a class="action edit" href="#" title="Edit item"><i class="icon icon-pencil"></i></a>
                                <a class="action delete" href="#" title="Delete item"><i class="icon icon-trash-alt"></i></a>
                                <div class="edit-qty">
                                    <input type="number" value="3" />
                                    <button type="button" class="btn">Apply</button>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="product.html" title="Product Name Long Name"><img class="product-image-photo" src="images/products/product-15.jpg" alt="" /></a>
                            <span class="item-qty">3</span>
                            <div class="actions">
                                <a class="action edit" href="#" title="Edit item"><i class="icon icon-pencil"></i></a>
                                <a class="action delete" href="#" title="Delete item"><i class="icon icon-trash-alt"></i></a>
                                <div class="edit-qty">
                                    <input type="number" value="3" />
                                    <button type="button" class="btn">Apply</button>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="action-cart">
                    <button type="button" class="btn" title="Checkout"><span>Checkout</span></button>
                    <button type="button" class="btn" title="Go to Cart"><span>Go to Cart</span></button>
                </div>
                <div class="total-cart">
                    <div class="items-total">Items <span class="count">6</span></div>
                    <div class="subtotal">Subtotal <span class="price">2.150</span></div>
                </div>
            </div>
        </div>
        <!-- /ProductStack -->
        <!-- Modal Quick View -->
        <div class="modal quick-view zoom" id="quickView">
            <div class="modal-dialog">
                <div class="modalLoader-wrapper">
                    <div class="modalLoader bg-striped"></div>
                </div>
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">&#10006;</button>
                </div>
                <div class="modal-content">
                    <iframe></iframe>
                </div>
            </div>
        </div>
        <!-- /Modal Quick View -->

        <!-- jQuery Scripts  -->
        <script src="js/vendor/jquery/jquery.js"></script>
        <script src="js/vendor/bootstrap/bootstrap.min.js"></script>
        <script src="js/vendor/swiper/swiper.min.js"></script>
        <script src="js/vendor/slick/slick.min.js"></script>
        <script src="js/vendor/parallax/parallax.js"></script>
        <script src="js/vendor/isotope/isotope.pkgd.min.js"></script>
        <script src="js/vendor/magnificpopup/dist/jquery.magnific-popup.js"></script>
        <script src="js/vendor/countdown/jquery.countdown.min.js"></script>
        <script src="js/vendor/nouislider/nouislider.min.js"></script>
        <script src="js/vendor/ez-plus/jquery.ez-plus.js"></script>
        <script src="js/vendor/tocca/tocca.min.js"></script>
        <script src="js/vendor/bootstrap-tabcollapse/bootstrap-tabcollapse.js"></script>
        <script src="js/vendor/scrollLock/jquery-scrollLock.min.js"></script>
        <script src="js/vendor/darktooltip/dist/jquery.darktooltip.js"></script>
        <script src="js/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
        <script src="js/vendor/instafeed/instafeed.min.js"></script>
        <script src="js/megamenu.min.js"></script>
        <script src="js/tools.min.js"></script>
        <script src="js/app.js"></script>
		<!-- jQuery form validation -->
        <script src="js/vendor/form/jquery.form.js"></script>
        <script src="js/vendor/form/jquery.validate.min.js"></script>
        <script>
            // Contact page form
            $(function () {
                $("#contactform").validate({
                    rules: {
                        name: {
                            required: true,
                            minlength: 3,
                        },
                        message: {
                            required: true,
                            minlength: 15,
                        },
                        email: {
                            required: true,
                            email: true,
                        },
                    },
                    messages: {
                        name: {
                            required: "Please enter your name",
                            minlength: "Your name must consist of at least 3 characters",
                        },
                        message: {
                            required: "Please enter your message",
                            minlength: "Your message must consist of at least 15 characters",
                        },
                        email: {
                            required: "Please enter your email",
                        },
                    },
                    submitHandler: function (form) {
                        $(form).ajaxSubmit({
                            type: "POST",
                            data: $(form).serialize(),
                            url: "contact.php",
                            success: function () {
                                $("#contactFormSuccess").fadeIn();
                                $("#contactFormError").fadeOut();
                                $("#contactform").trigger("reset");
                            },
                            error: function () {
                                $("#contactFormSuccess").fadeOut();
                                $("#contactFormError").fadeIn();
                            },
                        });
                    },
                });
            });
        </script>