ok

Mini Shell

Direktori : /home2/selectio/public_html/ramali.in/
Upload File :
Current File : /home2/selectio/public_html/ramali.in/footer1.php


<style>
    .product-sticky-content.fixed{
        display: none;
    }
</style>

 <footer class="footer footer-dark appear-animate" style="padding: 0px;">
            <div class="container">
                <div class="footer-top">
                    <div class="row">
                        <div class="col-lg-4 col-sm-6">
                            <div class="widget widget-about">
                                <a href="index.php" class="logo-footer">
                                    <img src="images/logo/ramali_logo.png" alt="logo-footer" width="145"
                                        height="45" />
                                </a>
                                <div class="widget-body">
                                    <p class="widget-about-title">Got Question? Call us 24/7</p>
                                    <a href="tel:18005707777" class="widget-about-call">+91 9842759883</a>
                                    <!--<p class="widget-about-desc">Register now to get updates on pronot get up icons
                                        & coupons ster now toon.
                                    </p>-->

                                    <div class="social-icons social-icons-colored">
                                        <a href="#" class="social-icon social-facebook w-icon-facebook"></a>
                                        <a href="#" class="social-icon social-twitter w-icon-twitter"></a>
                                        <a href="#" class="social-icon social-instagram w-icon-instagram"></a>
                                        <a href="#" class="social-icon social-youtube w-icon-youtube"></a>
                                        <a href="#" class="social-icon social-pinterest w-icon-pinterest"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="widget">
                                <h3 class="widget-title">Company</h3>
                                <ul class="widget-body">
                                    <li><a href="#">About Us</a></li>
                                    <li><a href="#">Team Member</a></li>
                                    <li><a href="#">Career</a></li>
                                    <li><a href="#">Contact Us</a></li>
                                    <li><a href="#">Affilate</a></li>
                                    <li><a href="#">Order History</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="widget">
                                <h4 class="widget-title">My Account</h4>
                                <ul class="widget-body">
                                    <li><a href="#">Track My Order</a></li>
                                    <li><a href="#">View Cart</a></li>
                                    <li><a href="#">Sign In</a></li>
                                    <li><a href="#">Help</a></li>
                                    <li><a href="#">My Wishlist</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="widget">
                                <h4 class="widget-title">Customer Service</h4>
                                <ul class="widget-body">
                                    <li><a href="#">Payment Methods</a></li>
                                    <li><a href="#">Money-back guarantee!</a></li>
                                    <li><a href="#">Product Returns</a></li>
                                    <li><a href="#">Support Center</a></li>
                                    <li><a href="#">Shipping</a></li>
                                    <li><a href="#">Term and Conditions</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-bottom">
                    <div class="footer-left">
                        <p class="copyright" style="color: white;">Copyright © 2023 Ramali Textiles. All Rights Reserved.</p>
                    </div>
                    <div class="footer-right">
                        <span class="payment-label mr-lg-8" style="color: white;">Developed by <a href="https://firstmatrix.in/" class="developed">Firstmatrix Solutions.</a></span>
                        <!--<figure class="payment">
                            <img src="assets/images/payment.png" alt="payment" width="159" height="25" />
                        </figure>-->
                    </div>
                </div>
            </div>
        </footer>

<!-- Start of Sticky Footer -->
    <div class="sticky-footer sticky-content fix-bottom">
        <a href="#" class="sticky-link active">
            <i class="w-icon-home"></i>
            <p>Home</p>
        </a>
        <a href="#" class="sticky-link">
            <i class="w-icon-category"></i>
            <p>Shop</p>
        </a>
        <a href="#" class="sticky-link">
            <i class="w-icon-account"></i>
            <p>Account</p>
        </a>
        <div class="cart-dropdown dir-up">
            <a href="#" class="sticky-link">
                <i class="w-icon-cart"></i>
                <p>Cart</p>
            </a>
            <div class="dropdown-box">
                <div class="products">
                    <div class="product product-cart">
                        <div class="product-detail">
                            <h3 class="product-name">
                                <a href="#">Beige knitted elas<br>tic
                                    runner shoes</a>
                            </h3>
                            <div class="price-box">
                                <span class="product-quantity">1</span>
                                <span class="product-price">$25.68</span>
                            </div>
                        </div>
                        <figure class="product-media">
                            <a href="#">
                                <img src="assets/images/cart/product-1.jpg" alt="product" height="84" width="94" />
                            </a>
                        </figure>
                        <button class="btn btn-link btn-close" aria-label="button">
                            <i class="fas fa-times"></i>
                        </button>
                    </div>

                    <div class="product product-cart">
                        <div class="product-detail">
                            <h3 class="product-name">
                                <a href="#">Blue utility pina<br>fore
                                    denim dress</a>
                            </h3>
                            <div class="price-box">
                                <span class="product-quantity">1</span>
                                <span class="product-price">$32.99</span>
                            </div>
                        </div>
                        <figure class="product-media">
                            <a href="#">
                                <img src="assets/images/cart/product-2.jpg" alt="product" width="84" height="94" />
                            </a>
                        </figure>
                        <button class="btn btn-link btn-close" aria-label="button">
                            <i class="fas fa-times"></i>
                        </button>
                    </div>
                </div>

                <div class="cart-total">
                    <label>Subtotal:</label>
                    <span class="price">$58.67</span>
                </div>

                <div class="cart-action">
                    <a href="#" class="btn btn-dark btn-outline btn-rounded">View Cart</a>
                    <a href="#" class="btn btn-primary  btn-rounded">Checkout</a>
                </div>
            </div>
            <!-- End of Dropdown Box -->
        </div>

        <div class="header-search hs-toggle dir-up">
            <a href="#" class="search-toggle sticky-link">
                <i class="w-icon-search"></i>
                <p>Search</p>
            </a>
            <form action="#" class="input-wrapper">
                <input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search"
                    required />
                <button class="btn btn-search" type="submit">
                    <i class="w-icon-search"></i>
                </button>
            </form>
        </div>
    </div>

    <!-- Start of Scroll Top -->
    <a id="scroll-top" class="scroll-top" href="#top" title="Top" role="button"> <i class="w-icon-angle-up"></i> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"> <circle id="progress-indicator" fill="transparent" stroke="#000000" stroke-miterlimit="10" cx="35" cy="35" r="34" style="stroke-dasharray: 16.4198, 400;"></circle> </svg> </a>
    <!-- End of Scroll Top -->

    <!-- Start of Mobile Menu -->
    <div class="mobile-menu-wrapper">
        <div class="mobile-menu-overlay"></div>
        <!-- End of .mobile-menu-overlay -->

        <a href="#" class="mobile-menu-close"><i class="close-icon"></i></a>
        <!-- End of .mobile-menu-close -->

        <div class="mobile-menu-container scrollable">
            <form action="#" method="get" class="input-wrapper">
                <input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search"
                    required />
                <button class="btn btn-search" type="submit">
                    <i class="w-icon-search"></i>
                </button>
            </form>
            <!-- End of Search Form -->
            <div class="tab">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a href="#main-menu" class="nav-link active">Main Menu</a>
                    </li>
                    <li class="nav-item">
                        <a href="#categories" class="nav-link">Categories</a>
                    </li>
                </ul>
            </div>
            <div class="tab-content">
                <div class="tab-pane active" id="main-menu">
                    <ul class="mobile-menu">
                        <li>
                                        <a href="#">Tops</a>

                                        <!-- Start of Megamenu -->
                                         <ul>
                                            <li><a href="#">Short Tops</a></li>
                                            <li><a href="#">Long Tops</a></li>
                                        </ul>
                                        <!-- End of Megamenu -->
                                    </li>
                                    <li>
                                        <a href="#">Chuditar</a>
                                        <ul>
                                            <li><a href="#">Kanika</a></li>
                                            <li><a href="#">Bansali</a></li>
                                            <li><a href="#">Navagar</a></li>
                                            <li><a href="#">Paraak</a></li>
                                            <li><a href="#">Pranjal</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">Leggins</a>
                                        <ul>
                                            <li><a href="#">2 Way Legins</a></li>
                                            <li><a href="#">4 Way Legins</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">Duppatta</a>
                                        <ul>
                                            <li><a href="#">Chiffon</a></li>
                                            <li><a href="#">Cotton</a></li>
                                            <li><a href="#">Fancy</a></li>
                                            <li><a href="#">Morbal</a></li>
                                            <li><a href="#">Star</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">Night Shoot</a>
                                        <ul>
                                            <li><a href="#">Cotton Shoot</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">Inner</a>
                                        <ul>
                                            <li><a href="#">Ladies Inners</a></li>
                                            <li><a href="#">Boys Inners</a></li>
                                            <li><a href="#">Patiyala</a></li>
                                            <li><a href="#">Nighty Simmis</a></li>
                                            <li><a href="#">Angle Leggins</a></li>
                                            <li><a href="#">Laganga</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">Nighty</a>
                                        <ul>
                                            <li><a href="#">Jothi</a></li>
                                            <li><a href="#">Mala</a></li>
                                            <li><a href="#">Majunu</a></li>
                                            <li><a href="#">Kalaimani</a></li>
                                            <li><a href="#">Pranjal</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">Blouse</a>
                                        <ul>
                                            <li><a href="#">Kalam Kari</a></li>
                                            <li><a href="#">Full Uayiel</a></li>
                                        </ul>
                                    </li>
                    </ul>
                </div>
                <div class="tab-pane" id="categories">
                    <ul class="mobile-menu">
                         <li>
                                            <a href="#">
                                                <i class="fa fa-bullhorn"></i>Tops
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-list"></i>Chuditar
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-university"></i>Leggins
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-info-circle"></i>Duppatta
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-map-marker"></i>Night Shoot
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="bi bi-gear-wide"></i>Inner
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="bi bi-gift"></i>Nighty
                                            </a>
                                        </li>
                                        
                                        <li>
                                            <a href="#"
                                                class="font-weight-bold text-uppercase ls-25">
                                                View All Categories<i class="w-icon-angle-right"></i>
                                            </a>
                                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End of Mobile Menu -->

    <!-- Root element of PhotoSwipe. Must have class pswp -->
    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

        <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). -->
        <div class="pswp__bg"></div>

        <!-- Slides wrapper with overflow:hidden. -->
        <div class="pswp__scroll-wrap">

            <!-- Container that holds slides.
			PhotoSwipe keeps only 3 of them in the DOM to save memory.
			Don't modify these 3 pswp__item elements, data is added later on. -->
            <div class="pswp__container">
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
            </div>

            <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
            <div class="pswp__ui pswp__ui--hidden">

                <div class="pswp__top-bar">

                    <!--  Controls are self-explanatory. Order can be changed. -->

                    <div class="pswp__counter"></div>

                    <button class="pswp__button pswp__button--close" aria-label="Close (Esc)"></button>
                    <button class="pswp__button pswp__button--zoom" aria-label="Zoom in/out"></button>

                    <div class="pswp__preloader">
                        <div class="loading-spin"></div>
                    </div>
                </div>

                <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                    <div class="pswp__share-tooltip"></div>
                </div>

                <button class="pswp__button--arrow--left" aria-label="Previous (arrow left)"></button>
                <button class="pswp__button--arrow--right" aria-label="Next (arrow right)"></button>

                <div class="pswp__caption">
                    <div class="pswp__caption__center"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- End of PhotoSwipe -->

    <!-- Start of Quick View -->
    <div class="product product-single product-popup">
        <div class="row gutter-lg">
            <div class="col-md-6 mb-4 mb-md-0">
                <div class="product-gallery product-gallery-sticky">
                    <div class="swiper-container product-single-swiper swiper-theme nav-inner">
                        <div class="swiper-wrapper row cols-1 gutter-no">
                            <div class="swiper-slide">
                                <figure class="product-image">
                                    <img src="images/main-products/image20.jpeg"
                                        data-zoom-image="images/main-products/image20.jpeg"
                                        alt="Water Boil Black Utensil" width="800" height="900">
                                </figure>
                            </div>
                            <div class="swiper-slide">
                                <figure class="product-image">
                                    <img src="images/main-products/image19.jpeg"
                                        data-zoom-image="images/main-products/image19.jpeg"
                                        alt="Water Boil Black Utensil" width="800" height="900">
                                </figure>
                            </div>
                            <div class="swiper-slide">
                                <figure class="product-image">
                                    <img src="images/main-products/image18.jpeg"
                                        data-zoom-image="images/main-products/image18.jpeg"
                                        alt="Water Boil Black Utensil" width="800" height="900">
                                </figure>
                            </div>
                            <div class="swiper-slide">
                                <figure class="product-image">
                                    <img src="images/main-products/image17.jpeg"
                                        data-zoom-image="images/main-products/image17.jpeg"
                                        alt="Water Boil Black Utensil" width="800" height="900">
                                </figure>
                            </div>
                        </div>
                        <button class="swiper-button-next"></button>
                        <button class="swiper-button-prev"></button>
                    </div>
                    <div class="product-thumbs-wrap swiper-container" data-swiper-options="{
                        'navigation': {
                            'nextEl': '.swiper-button-next',
                            'prevEl': '.swiper-button-prev'
                        }
                    }">
                        <div class="product-thumbs swiper-wrapper row cols-4 gutter-sm">
                            <div class="product-thumb swiper-slide">
                                <img src="images/main-products/image20.jpeg" alt="Product Thumb" width="103"
                                    height="116">
                            </div>
                            <div class="product-thumb swiper-slide">
                                <img src="images/main-products/image19.jpeg" alt="Product Thumb" width="103"
                                    height="116">
                            </div>
                            <div class="product-thumb swiper-slide">
                                <img src="images/main-products/image18.jpeg" alt="Product Thumb" width="103"
                                    height="116">
                            </div>
                            <div class="product-thumb swiper-slide">
                                <img src="images/main-products/image17.jpeg" alt="Product Thumb" width="103"
                                    height="116">
                            </div>
                        </div>
                        <button class="swiper-button-next"></button>
                        <button class="swiper-button-prev"></button>
                    </div>
                </div>
            </div>
            <div class="col-md-6 overflow-hidden p-relative">
                <div class="product-details scrollable pl-0">
                    <h1 class="product-title">Kasturi vol.02 Brand & <br>
                        <span>readymade chudidar</span>
                    </h1>

                    <hr class="product-divider">

                <table style="width: 60%;">
                                            <tr>
                                                <td style="width: 30%;">
                                                    <h4>Price</h4>
                                                </td>
                                                <td>
                                                    <div class="product-price" style="font-size: 20px;">
                                                        <ins class="new-price">₹ 4,650.00</ins>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6>Availability</h6>
                                                </td>
                                                <td>
                                                    <h6>Available</h6>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6>Product Code</h6>
                                                </td>
                                                <td>
                                                    <h6>
                                                        Kasturi vol.02 Brand readymade chudidar With lining Cotton mix Catlog 2
                                                    </h6>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6>Catelog pieces</h6>
                                                </td>
                                                <td>
                                                    <h6>12</h6>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6>Full Catelog Price</h6>
                                                </td>
                                                <td><h6>₹4,500.00 </h6></td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6>Price Per piece</h6>
                                                </td>
                                                <td>
                                                    <h6>₹375.00</h6>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6>MOQ</h6>
                                                </td>
                                                <td>
                                                    <h6>Full Catalog</h6>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6>Sizes</h6>
                                                </td>
                                                <td>
                                                    <div class="product-form product-variation-form product-size-swatch">
                                                        <div class="flex-wrap d-flex align-items-center product-variations">
                                                            <a href="#" class="size">Small</a>
                                                            <a href="#" class="size">Medium</a>
                                                            <a href="#" class="size">Large</a>
                                                            <a href="#" class="size">Extra Large</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6>Shipping Chargers</h6>
                                                </td>
                                                <td>
                                                    <h6> ₹150.00 Tamilnadu shipping charges </h6>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6>Shipping Time</h6>
                                                </td>
                                                <td>
                                                    <h6>2-3 Days</h6>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6>Dispatch</h6>
                                                </td>
                                                <td>
                                                    <h6>Ready To Dispatch</h6>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6>Brand</h6>
                                                </td>
                                                <td>
                                                    <h6>Navkar</h6>
                                                </td>
                                            </tr>
                                        </table>

                                        <div class="fix-bottom product-sticky-content sticky-content">
                                            <div class="product-form container" style="    margin-top: 3%;">
                                                <div class="product-qty-form">
                                                    <div class="input-group">
                                                        <input class="quantity form-control" type="number" min="1"
                                                            max="10000000">
                                                        <button class="quantity-plus w-icon-plus"></button>
                                                        <button class="quantity-minus w-icon-minus"></button>
                                                    </div>
                                                </div>
                                                <button class="btn btn-dark btn-rounded">Add To Cart</button>
                                            </div>
                                        </div>

                    <!--<div class="social-links-wrapper">
                        <div class="social-links">
                            <div class="social-icons social-no-color border-thin">
                                <a href="#" class="social-icon social-facebook w-icon-facebook"></a>
                                <a href="#" class="social-icon social-twitter w-icon-twitter"></a>
                                <a href="#" class="social-icon social-pinterest fab fa-pinterest-p"></a>
                                <a href="#" class="social-icon social-whatsapp fab fa-whatsapp"></a>
                                <a href="#" class="social-icon social-youtube fab fa-linkedin-in"></a>
                            </div>
                        </div>
                        <span class="divider d-xs-show"></span>
                    </div>-->
                </div>
            </div>
        </div>
    </div>
    <!-- End of Quick view -->

    <!-- Plugin JS File -->
    <script src="assets/vendor/jquery/jquery.min.js"></script>
    <script src="assets/vendor/sticky/sticky.js"></script>
    <script src="assets/vendor/jquery.plugin/jquery.plugin.min.js"></script>
    <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
    <script src="assets/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
    <script src="assets/vendor/zoom/jquery.zoom.js"></script>
    <script src="assets/vendor/photoswipe/photoswipe.js"></script>
    <script src="assets/vendor/photoswipe/photoswipe-ui-default.js"></script>

    <!-- Swiper JS -->
    <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>

    <!-- Main JS File -->
    <script src="assets/js/main.min.js"></script>

</html>
<?php include "assets-header-js.php"; ?>

Zerion Mini Shell 1.0