Ele57885fddfgdfgfghgقفغفغفقhfg555434536

kohjhjhصثقصثقصثقgdfgdg Ele57885fddfgdfgfghgقفغفغفقhfg555434536

<!doctype html>
<html class="no-js" lang="en">

<body class="  cdz-homepage   ">
    <div class="loading-mask" data-role="loader">
        <div class="loader d-flex align-items-center justify-content-center" style="height: 100%">
            <svg xmlns="http://www.w3.org/2000/svg" width="130px" height="130px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-ellipsis" style="background: none;">
				<circle cx="84" cy="50" r="0.00960636" fill="#e9e9e9">
					<animate attributeName="r" values="10;0;0;0;0" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1" calcMode="spline" dur="1.2s" repeatCount="indefinite" begin="0s" />
					<animate attributeName="cx" values="84;84;84;84;84" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1" calcMode="spline" dur="1.2s" repeatCount="indefinite" begin="0s" />
				</circle>
				<circle cx="83.9673" cy="50" r="10" fill="#848484">
					<animate attributeName="r" values="0;10;10;10;0" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1" calcMode="spline" dur="1.2s" repeatCount="indefinite" begin="-0.6s" />
					<animate attributeName="cx" values="16;16;50;84;84" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1" calcMode="spline" dur="1.2s" repeatCount="indefinite" begin="-0.6s" />
				</circle>
				<circle cx="49.9673" cy="50" r="10" fill="#515151">
					<animate attributeName="r" values="0;10;10;10;0" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1" calcMode="spline" dur="1.2s" repeatCount="indefinite" begin="-0.3s" />
					<animate attributeName="cx" values="16;16;50;84;84" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1" calcMode="spline" dur="1.2s" repeatCount="indefinite" begin="-0.3s" />
				</circle>
				<circle cx="16" cy="50" r="9.99039" fill="#333333">
					<animate attributeName="r" values="0;10;10;10;0" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1" calcMode="spline" dur="1.2s" repeatCount="indefinite" begin="0s" />
					<animate attributeName="cx" values="16;16;50;84;84" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1" calcMode="spline" dur="1.2s" repeatCount="indefinite" begin="0s" />
				</circle>
				<circle cx="16" cy="50" r="0" fill="#e9e9e9">
					<animate attributeName="r" values="0;0;10;10;10" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1" calcMode="spline" dur="1.2s" repeatCount="indefinite" begin="0s" />
					<animate attributeName="cx" values="16;16;16;50;84" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1" calcMode="spline" dur="1.2s" repeatCount="indefinite" begin="0s" />
				</circle>
			</svg>
        </div>
    </div>
    <div id="PageContainer" class="">
        <div id="shopify-section-header-style08" class="shopify-section">
  <?php include("header.php"); ?>
            <div class="container mb-vertcial-menu-container-wrapper">
                <div id="mobi_vertcial-menu-container" class="mb-vertcial-menu-container"></div>
            </div>
        </div>
        <div id="shopify-section-cdz-megamenu" class="shopify-section">
            <div data-section-id="cdz-megamenu" data-section-type="cdz-megamenu" id="cdzmegamenu-section-cdz-megamenu" data-hide='menu-hidden'>
                <nav data-mmenu-id="cdzmegamenu01" class="cdz-navigation supports-js " data-action="navigation" data-cdzprewidget='{"codazon.buildCdzMegaMenu" : {"type" : "horizontal", "animation" : "transform", "dropdownStyle" : "auto", "breakpoint" : 1025, "identifier" : "cdzmegamenu01"}}'>
                    <div class="cdz-menu cdz-desk-menu  cdz-horizontal-menu   cdz-transform ">
                        <style type="text/css">
                            .page-header .sticky-menu.active .your_account {
                                display: none;
                            }

@media only screen and (min-width: 1025px) {
                                .navbardeskstop {
                                    position: fixed !important;
                                    margin-left: 100% !important;
                                    width: 181px;
                                }
                                .groupmenu {
                                    text-align: center !important;
                                }
                                  .page-header .sticky-menu.active .logo__image-wrapper {
                                display: none;
                            }
                            }

.groupmenu {
                                text-align: left;
                            }

.catagory {
                                background-color: white !important;
                                color: #999999 !important;
                                padding: 0px !important;
                                font: 400 12px/1.55em PT Sans, Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif !important;
                            }

.catagory:hover {
                                color: #19b2f5 !important;
                            }

.groupdrop-title {
                                text-align: left;
                            }

.groupdrop-link {
                                text-align: initial;
                            }

.mainnav {
                                width: 100%;
                            }

#navsignupinimage {
                                float: left;
                                width: 50px;
                                height: 100%;
                                border-radius: 50%;
                                display: block;
                            }

.header-account {
                                padding: 20px 12px;
                                background: #fff;
                                border-radius: 12px;
                                display: flex;
                                box-shadow: 0 4px 36px -7px rgb(0 0 0 / 12%);
                            }

#login_error1 label,
                            #login_error2 label {
                                color: #fff;
                                background-color: #dc3545;
                                border-color: #dc3545;
                                border: 1px solid;
                                padding: 7px 15px;
                                border-radius: 8px;
                                text-align: center;
                                width: 100%;
                            }
                        </style>
                        <?php include("sidebar.php"); ?>                
                           </div>
                </nav>
            </div>
        </div>
        <div id="shopify-section-cdz-megamenu-vertical" class="shopify-section">
            <div data-section-id="cdz-megamenu-vertical" data-section-type="cdz-megamenu" id="cdzmegamenu-section-cdz-megamenu-vertical" data-hide='menu-hidden'>
            </div>
        </div>
        <main class="main-content" role="main">
            <div id="shopify-section-collection-template" class="shopify-section">
                <div id="CollectionSection" data-section-id="collection-template" data-section-type="collection-template">
                    <div class="container">
                        <div class="row">
                            <div class="col-12">
                                <div class="section-header section-header--breadcrumb">
                                    <nav class="breadcrumbs" role="navigation" aria-label="breadcrumbs">
                                        <a href="" title="Home">Home</a>
                                        <span aria-hidden="true" class="breadcrumb__sep">&rsaquo;</span>
                                        <span>Products</span>
                                    </nav>
                                </div>
                            </div>
                         
                            <style type="text/css">
                                @media only screen and (max-width: 426px) {
                                    #collection-filter .product-items[data-column=grid-4] .product-miniature {
                                        width: calc(200% / 4 - 20px);
                                    }
                                }

.product-miniature {
                                    margin-bottom: 20px
                                }
                            </style>

<?php 
                                  include("admin/config.php");

$id = $_GET['slug'];
                                    $sql = "SELECT * FROM `service` WHERE type = '$id'";
                                    $res = mysqli_query($db,$sql);
                                      while ($row = mysqli_fetch_array($res)) {
 ?>

<div class="product-miniature" data-id="215128">
                                                <div class="product-item  text-center ">
                                                    <div class="product-item-top">
                                                        <div class="photo product-item-photo"><a href="service-details.php?id=<?php echo $row['id']; ?>" class="product-image-container"><span class="product-image-wrapper" style="padding-bottom:100.0%;"><img class="product-image-photo responsive-image__image lazyload main-img" src="" data-src="admin/upload/<?php echo $row['image']; ?>" alt="Gbr 429"><img class="product-image-photo responsive-image__image lazyload hovered-img" src="" data-src="admin/upload/<?php echo $row['image']; ?>" alt="Gbr 429"></span></a></div>
                                                        
                                                    </div>
                                                    <div class="product-item-bottom">
                                                        <div class="product name product-item-name"><a class="product-item-link" href="service-details.php?id=<?php echo $row['id']; ?>"><?php echo $row['name']; ?></a></div>
                                                     
                                                        <div class="product description product-item-description">
                                                            <div class="product-description rte" itemprop="description">
                                                                        <a href="service-details.php?id=<?php echo $row['id']; ?>">
                                                                          <button type="button" class="btn btn-primary">VIEW MORE</button>
                                                                        </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

<?php } ?>

</ul>
                                    </div>
                                    <div class=" no_pro"><img src="service-details.php?id=<?php echo $row['id']; ?>" style="display:none;"></div>
                                    <div class="load_more"><button class="btn mb-4 btn-success">Load More </button></div>
                                </div>
                            </div>

</div>
                    </div>
                </div>
            </div>
            <script>
                // Override default values of shop.strings for each template.
                // Alternate product templates can change values of
                //
                theme.productStrings = {
                    sortBy: 'title-ascending'
                }
            </script>
        </main>
        <style>
            #error {
                width: 100%;
            }

#error label {
                background: #fff;
                padding: 5px;
                width: 100%;
                text-align: center;
                border-radius: 4px;
                color: #f00;
            }

#error p {
                background: #fff;
                padding: 5px;
                width: 100%;
                text-align: center;
                border-radius: 4px;
                color: #f00;
            }
        </style>
        
        <div id="shopify-section-footer-style04" class="shopify-section">
                      <?php include("footer.php"); ?>

</div>
    </div>
 
    <div class="cdz-sidebar scrollbar md-sidenav-left" data-sidebarid="left">
        <div class="utilies-sections" data-role="utilies-sections"></div>
    </div>
    <div class="cdz-sidebar scrollbar md-sidenav-right" data-sidebarid="right">
        <div class="utilies-sections" data-role="utilies-sections"></div>
    </div>
    <div data-role="cdz-close-sidebar">
        <div class="cdz-close-sidebar"> <img src="https://www.jewelflix.com/assets/images/cancleicon.png" style="width: 19px;float: right;margin-right: 29px;margin-top: 20px;" alt=""></div>
    </div>
    <div data-role="cdz-popup-section" class="cdz-popup popup-optionAddCart" id="popup-optionAddCart" data-cdzwidget='{"codazon.cdzPopUp" : {"overrideOthers" : "false", "section" : "optionAddCart"}}'></div>
    <div class="cdz-popup-area" id="cdz-popup-area">
        <div class="cdz-popup-area-inner" id="cdz-popup-area-inner">
            <div class="cdz-backface" data-role="cdz-close-cdzpopup" data-item="all"></div>
        </div>
    </div>
    <script src="https://res.cloudinary.com/tansh/raw/upload/v1631167576/websites/desktop/assets/js/currencies.js" type="text/javascript"></script>
    <script src="https://res.cloudinary.com/tansh/raw/upload/v1631167576/websites/desktop/assets/js/jquery.currencies.minb15e.js" type="text/javascript"></script>
    <script>
        Currency.format = 'money_format';
        var shopCurrency = 'USD';
        /* Sometimes merchants change their shop currency, let's tell our JavaScript file */
        Currency.moneyFormats[shopCurrency].money_with_currency_format = "${{amount}} USD";
        Currency.moneyFormats[shopCurrency].money_format = "${{amount}}";
        /* Default currency */
        var defaultCurrency = 'USD';
    </script>
    <script src="https://res.cloudinary.com/tansh/raw/upload/v1631167576/websites/desktop/assets/js/api.jquery-e94e010e92e659b566dbc436fdfe5242764380e00398907a14955ba301a4749f.js" type="text/javascript"></script>
    <script src="https://res.cloudinary.com/tansh/raw/upload/v1631167576/websites/desktop/assets/js/theme_min.mina8e4.js?v=15206502981328586758" type="text/javascript"></script>
    <script>
        $("#newsletter_form").submit(function(e) {
            e.preventDefault();
            $("#newsletter_form button").prop('disabled', true);
            $.ajax({
                url: "/newsletter/add",
                type: "POST",
                data: $(this).serialize(),
                success: function(response) {
                    var result = JSON.parse(response);
                    if (result['status']) {
                        $('#error').html('<p>' + result['message'] + '</p>');
                        $("#newsletter_form input").val('');
                    } else {
                        $("#newsletter_form button").prop('disabled', false);
                        $('#error').html('<label>' + result['message'] + '</label>');
                    }
                }
            });
        });
    </script>
    <form id="product_form" class="hidden">
        <input type="hidden" name="cat_id" value="13290" />
    </form>
    <script>
        var items = [],
            itp = 40,
            f = true,
            html = '',
            page = 1;
        // get_products();

</html>