Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.40.1.lve.el8.x86_64

PHP Version:

8.2.27

User:

u506365997

Directory:

/home/u506365997/public_html/oldsite

Free Space:

3.15 TB

🔧 Quick Actions

✏️ Editing: index01-11-2023mainbackup.php

<?php
    include 'header.php';
    include 'creativeinkadmin/sql/config.php';
?>

<section>
	<div class="container-fluid mt-3">
		<div class="row">
			<div class="col-12">
				<div class="menu-area">
				    <?php
					   include 'include/menu-04-11-2022.php';
				    ?>
				</div>
			</div>
		</div>
	</div>
</section>

<section>
	<div class="container-fluid m-0 p-0">
            <?php
               $banner = mysqli_query($conn, "SELECT * FROM banner ORDER BY id LIMIT 1") or mysqli_error($conn);
               if(mysqli_num_rows($banner) > 0){
                   $row = mysqli_fetch_array($banner);
            ?>
                <div class="swan-bounded-content swan-px-0 swan-mb-6 swan-mb-6-sm swan-mb-8-md">
    <div data-fidoprefetchhint="EAGER" data-section="Content:Hero" data-position="0" class="swan-standard-hero swan-standard-hero-text-transparent-background swan-standard-hero-full-width-image swan-bgc-black swan-remove-link-styles">
        <div class="swan-standard-hero-text-container swan-dark-mode">
        <div class="swan-standard-hero-text">
    <div class="swan-standard-hero-text-inner">
    <h3 class="swan-standard-hero-heading text-white"><?php echo  $row['bheading']; ?></h3>
    <div class="swan-standard-hero-description">
    <div>
<p><?php echo $row['quantity']; ?></p>
    </div>
</div>
<div style="gap:var(--swan-spacing-standard-undefined)" class="standard-hero-cta false swan-display-flex">
    <a href="/business-cards" data-section="Content:Hero" data-position="0" data-translation="businessCards" class="swan-button swan-button-skin-primary">Shop Now</a>
    </div>
<p class="swan-standard-hero-footnote"></p>
    <div>
<p><strong><?php echo $row['description']; ?></strong>
     </p>
 </div>
<p></p>
</div>
</div>
</div>
<div class="swan-standard-hero-image-container">
    <div class="swan-standard-hero-image">
     <picture>
    <source media="(max-width: 767px)" data-testid="heroImage-test" srcset="creativeinkadmin/sql/banner/<?php echo $row['image']; ?>">
    <source data-testid="heroImage-test-full" srcset="creativeinkadmin/sql/banner/<?php echo $row['image']; ?>" media="(min-width: 767px)" sizes="
                  (min-width: 1540px) 1368px, 
                  (min-width: 1040px) calc(83.33vw + 101px), 
                  calc(102.22vw - 39px)">
    <img alt="Visiting Cards" src="creativeinkadmin/sql/banner/<?php echo $row['image']; ?>" loading="eager" class="swan-fluid-image">
                                        </picture>
                                    </div>
                                    <script type="text/javascript">
                                        (function() {
                                            performance.mark("first-meaningful-paint");
                                        }
                                        )();
                                    </script>
                                </div>
                                <script type="text/javascript">
                                    (function() {
                                        performance.mark("first-meaningful-paint");
                                    }
                                    )();
                                </script>
                            </div>
                        </div>  
            <?php
               }
            ?>
        </div>
	
</section>

<section class="whole-leaf">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="left-leaf">
                    <div class="left-heading">
                        <h5>Shop By Categories</h5>
                    </div>
                    <div class="right-heading">
                        <div class="heading-icon">
                            <i onclick="ShowCate1()" class="fas fa-arrow-alt-circle-left"></i>
                            <i onclick="ShowCate()" class="fas fa-arrow-alt-circle-right"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-3 mar">
            <div class="col-12 col-md-3 col-lg-3" id="desktop-cate">
                <div class="best-seller">
                    <div class="row">
                        <div class="col-12 col-md-3"></div>
                        <div class="col-12 col-md-9">
                        <a class="text-decoration-none" href="http://creativeink.in/creativeink_demo/identity_card_and_assoceries/identity_card.php">
                            <div class="top-card">
                                <img src="img/id_card.jpeg" alt="" height="250px" width="100%">
                                
                               <p class="text-justify pl-2 pr-2 pt-4 pb-5" style="color:#313131;font-family: Georgia; font-size:15px;">
                                        ID card accessories are the key to making your ID cards easy to use. Available in a wide range of styles including lanyards, 
                                        
                                </p>
                                <div style="more">
                                    <span  style="color:#313131;font-size:14px; position: absolute; bottom: 0; margin-top:20px; margin-top:30px; " class="pr-2 ">More Item</span>
                                    
                                    <span style="color:#313131; font-size:14px; position: absolute; bottom: 0;  right: 0;" class="float-right" ><i class="fas fa-share-alt mr-4"></i></span>
                                </div>
                            </div>
                        </a>
                    </div>
                    </div>
                </div>
            </div>
            
            <div class="col-12 col-md-9 col-lg-9" id="categori1">
                <div class="row top-categori">
                    <div class="col-12 col-md-3">
                        <a class="text-decoration-none" href="http://creativeink.in/creativeink_demo/identity_card_and_assoceries/identity_card.php">
                            <div class="top-card">
                                <img src="img/stationary_new.jpg" alt="" height="250px" width="100%">
                                
                                
                                <p class="text-justify pt-4 pb-5" style="font-size:14px">
                                        Letterhead & stamp that help your company create a smart & sophisticated image. This letterhead & Stamps 
                                        
                                        
                                </p>
                                <div style="more">
                                    <span  style="color:#313131; margin-left:10px; font-size:14px; position: absolute; bottom: 0;margin-top:20px; 
                                    left: 5;" class="pr-2">More Item</span>
                                    
                                    <span style="color:#313131; font-size:14px; position: absolute; bottom: 0;   right: 0;" class="float-right" ><i class="fas fa-share-alt mr-4"></i></span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-12 col-md-3">
                        <a class="text-decoration-none" href="http://creativeink.in/creativeink_demo/stationery_letterheads_stamps/stationary.php">
                            <div class="top-card">
                                <img src="img/photo_2023-09-18_23-07-01.jpg" alt="" height="250px" width="100%">
                               
                                <p class="text-justify pt-4 pb-5">
                                        Promotional Printed Banner & Posters that are made by us are widely appreciated by our clients for their varied features. 
                                        
                                </p>
                                
                                 <div>
                                     <span  style="color:#313131; margin-left:10px; font-size:14px; position: absolute; bottom: 0;  left: 5;" class="pr-2">More Item</span>
                                    <span style="color:#313131; font-size:14px; position: absolute; bottom: 0;  right: 0;" class="float-right" ><i class="fas fa-share-alt mr-4"></i></span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-12 col-md-3">
                        <div class="top-card">
                            <a class="text-decoration-none" href="http://creativeink.in/creativeink_demo/banner_signs_posters.php">
                            <div class="top-card">
                                <img src="img/mementos.jpg" alt="" height="250px" width="100%">
                               
                                <p class="text-justify pt-4 pb-5">
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
                                </p>
                                
                                 <div>
                                    <span  style="color:#313131; margin-left:10px; font-size:14px; position: absolute; bottom: 0;  left: 5;" class="pr-2">More Item</span>
                                    <span style="color:#313131; font-size:14px; position: absolute; bottom: 0;  right: 0;" class="float-right" ><i class="fas fa-share-alt mr-4"></i></span>
                                 </div>
                             </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-12 col-md-3">
                        <div class="top-card">
                            <a class="text-decoration-none" href="">
                            <div class="top-card">
                                <img src="img/photo_2023-09-18_23-06-43.jpg" alt="" height="250px" width="100%">
                               
                                <p class="text-justify pb-5 pt-4">
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
                                </p>
                                
                                 <div>
                                     <span  style="color:#313131; margin-left:10px; font-size:14px; position: absolute; bottom: 0;  left: 5;" class="pr-2">More Item</span>
                                    <span style="color:#313131; font-size:14px; position: absolute; bottom: 0;  right: 0;" class="float-right" ><i class="fas fa-share-alt mr-4"></i></span>
                                </div>
                            </div>
                           </a>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-12 col-md-9 col-lg-9" id="categori2">
                 <div class="row top-categori">
                    <div class="col-12 col-md-3">
                        <a class="text-decoration-none" href="http://creativeink.in/creativeink_demo/flyers_folder_marketing_materials.php">
                            <div class="top-card">
                                <img src="img/stationary.jpeg" alt="" height="250px" width="100%">
                               
                                <p class="text-justify pt-4 pb-5">
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
                                </p>
                                <div>
                                    <span  style="color:#313131; margin-left:10px; font-size:14px; position: absolute; bottom: 0;  left: 5;" class="pr-2">More Item</span>
                                    <span style="color:#313131; font-size:14px; position: absolute; bottom: 0;  right: 0;" class="float-right" ><i class="fas fa-share-alt mr-4"></i></span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-12 col-md-3">
                        <a class="text-decoration-none" href="http://creativeink.in/creativeink_demo/Clothing_Bags/clothing_bags.php">
                            <div class="top-card">
                                <img src="img/banner.jpeg" alt="" height="250px" width="100%">
                               
                                <p class="text-justify pb-5 pt-4">
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
                                </p>
                                
                                 <div>
                                     <span  style="color:#313131; margin-left:10px; font-size:14px; position: absolute; bottom: 0;  left: 5;" class="pr-2">More Item</span>
                                    <span style="color:#313131; font-size:14px; position: absolute; bottom: 0;  right: 0;" class="float-right" ><i class="fas fa-share-alt mr-4"></i></span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-12 col-md-3">
                        <div class="top-card">
                            <a class="text-decoration-none" href="http://creativeink.in/creativeink_demo/Mugs_Albums_Gifts/mugs_album.php">
                            <div class="top-card">
                                <img src="img/stationary.jpeg" alt="" height="250px" width="100%">
                               
                                <p class="text-justify pt-4 pb-5">
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
                                </p>
                                
                                 <div>
                                    <span  style="color:#313131; margin-left:10px; font-size:14px; position: absolute; bottom: 0;  left: 5;" class="pr-2">More Item</span>
                                    <span style="color:#313131; font-size:14px; position: absolute; bottom: 0;  right: 0;" class="float-right" ><i class="fas fa-share-alt mr-4"></i></span>
                                 </div>
                             </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-12 col-md-3">
                        <div class="top-card">
                            <a class="text-decoration-none" href="http://creativeink.in/creativeink_demo/animation_and_designing.php">
                            <div class="top-card">
                                <img src="img/banner.jpeg" alt="" height="250px" width="100%">
                                
                                <p class="text-justify pb-5 pt-4">
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
                                </p>
                                
                                 <div>
                                     <span  style="color:#313131; margin-left:10px; font-size:14px; position: absolute; bottom: 0;  left: 5;" class="pr-2">More Item</span>
                                    <span style="color:#313131; font-size:14px; position: absolute; bottom: 0;  right: 0;" class="float-right" ><i class="fas fa-share-alt mr-4"></i></span>
                                </div>
                            </div>
                           </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section>
     
    <div class="container-fluid pt-5">
        <div class="row">
            <div class="col-md-6 left-rakhi">
                <div class="rakhi-title">
                    <span>Make Raksha Bandhan special</span>
                    <h3>Personalized <br> Rakhis</h3>
                    <p>Start at Rs 250</p>
                    <a href="">
                        <button>Shop Now</button>
                    </a>
                </div>
            </div>
            <div class="col-md-6 right-rakhi">
                <div class="rakhi-title">
                    <span>Stand out as a professional</span>
                    <h3>Signs & Posters</h3>
                    <p>Start at Rs 150</p>
                    <a href="">
                        <button>Shop Now</button>
                    </a>
                </div>
            </div>
        </div>
    </div>
    
</section>
<section>
    <script>
        $(document).ready(function() {
        
            $('.article-container').mouseover(function() {
        
                $(this).find('.article-img-holder').css('transform', 'scale(1.2)');
            });
        
            $('.article-container').mouseout(function() {
        
                $(this).find('.article-img-holder').css('transform', 'scale(1)');
            });
        });

</script>
    
    <style>
        .card-area-main{
    height: 600px;
  /*  background-color: red;*/
}

.top_main{
    padding-left: 80px;
    padding-right: 80px;
}
.article-container {
   border-radius: 5px;
    height: 530px;
    overflow: hidden;
    position: relative;
}

.article-img-holder {
    width: 100%;
    height: 100%;
    background: url(./img/chawko.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .9s ease-in;
}

.flate-area{
    color: #FFE6F7;
    text-shadow: 1px 1px 1px #000000;
    font-size: 23px;
    position: absolute;
    margin-top: -400px!important;
    margin-left: 35px;
    text-decoration: none;
    font-family: sarif;
}
#btn{
   /*margin-top: -220px!important;*/
    margin-left: 35px;
    background-color: #FFC93C;
    font-family: sarif;

}

.article-title-link {
    color: #FFE6F7;
    text-shadow: 1px 1px 1px #000000;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
     margin-top: -350px!important;
    text-decoration: none;
    margin-left: 35px;
}
.article-title-link:hover {
    color: #ffffff;
    text-decoration: none;

}

.zoom-img{
  background-color: #F2F2F2;
  height:250px;
  overflow: hidden;
    border-radius: 5px;
}
.zoom-img  img {
 height: 250px;
 float: right;
  transition: all .9s ease-in;
}

.zoom-img img:hover   {
  transform: scale(1.2);
}
.disc-area{
    color: #000;
    font-size: 18px;
    position: absolute;
    margin-top: 55px!important;
    margin-left: 60px;
    text-decoration: none;
    font-family: sarif;
}
.rate-card-area{
    color: #000!important;
    font-size: 25px;
    position: absolute;
    margin-top: 90px!important;
    margin-left: 60px;
    text-decoration: none!important;
    font-family: sarif;
}
#btn2{
  /* margin-top: 150px!important;*/
    margin-left: 55px;
   /* position: fixed;*/
    background-color: #FFC93C;
    font-family: sarif;

}

.rate-btn{
    margin-top:150px;
    position:absolute;
    margin-left:60px;
}
.btn-area{
    z-index: 100;
    position: fixed;
    bottom: 0;
    display:block;
}
@media(max-width:600px){
    .top_main{
        padding-right: 10px!important;
        padding-left: 10px;
    }
     .bbb_viewed{
            height:auto!important;
        }
}
    </style>
    

<div class="bbb_viewed" id="viewmain">
    <div class="container-fluid ">
        <div class="row">
            <div class="col-12">
               <div class="bbb_main_container ml-5 mr-5">
                <div class="bbb_viewed_title_container">
                    
                    <div class="col-12 latest-product pb-4 m-0 p-0" style="margin-left:-25px!important;">
                    <a href="javascript:void(0)">Trending Item</a>
                </div>
                    <div class="bbb_viewed_nav_container pb-2">
                        <div class="bbb_viewed_nav bbb_viewed_prev"><i class="fas fa-chevron-left"></i></div>
                        <div class="bbb_viewed_nav bbb_viewed_next"><i class="fas fa-chevron-right"></i></div>
                    </div>
                </div>
                <div class="bbb_viewed_slider_container mt-3">
                    <div class="owl-carousel owl-theme bbb_viewed_slider">
                       <div class="owl-item" >
                           <div class="card-new">
							<div class="flipy"> 
					        <div class="card " > 
					            <div class="face front" style="background-color: #fff!important; border-bottom: none!important;"> 
					               <img src="img/bulk_posters1-removebg-preview.png" height="170px" width="100%" style="background-color: #fff!important;border-bottom:none!important; border:none!important;">

</div> 
					            <div class="face back" style="background-color: #fff!important; border-bottom: none!important;"> 
					                <img src="img/bulk_posters1-removebg-preview.png" height="170px" alt="..." width="100%" style="background-color: #fff!important; border-bottom: none!important;">
					                 
					            </div> 
					        </div> 
					    </div> 	
					    <div class="card-contant-anchor pr-4 pl-4 ">
					    	<a href="#">Custom Letterheads</a><br>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<div class="rupes-area">
					    		<p>Rs. 250.00 <span>Rs. 290.00</span></p>
					    	</div>
					    	<div class="btn-area">
					    		<a href="tel:+9875353677" class="btn btn" id="btn-sub">Buy Now</a>
					    	</div>
					    </div>
						</div>
                        </div>
                        <div class="owl-item">
                            <div class="card-new">
							<div class="flipy"> 
					        <div class="card"> 
					            <div class="face front" style="background-color: #fff; border-bottom: none!important;"> 
					               <img src="img/IN_NVHPTiles_Stamps-removebg-preview.png" height="170px" width="100%" style="background-color: #fff;border-bottom:none!important; border:none!important;">

</div> 
					            <div class="face back" style="background-color: #fff; border-bottom: none!important;"> 
					                <img src="img/IN_NVHPTiles_Stamps-removebg-preview.png" height="170px" alt="..." width="100%" style="background-color: #fff; border-bottom: none!important;">
					                 
					            </div> 
					        </div> 
					    </div> 	
					    <div class="card-contant-anchor pr-3 pl-3">
					    	<a href="#">Self Inking Stamps – Round, Rectangle</a><br>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<div class="rupes-area">
					    		<p>Rs. 270.00 <span>Rs. 350.00</span></p>
					    	</div>
					    	<div class="btn-area">
					    		<a href="tel:+9875353677" class="btn btn" id="btn-sub">Buy Now</a>
					    	</div>
					    </div>
						</div>
                        </div>
                        <div class="owl-item">
                            <div class="card-new">
							<div class="flipy"> 
					        <div class="card"> 
					            <div class="face front" style="background-color: #fff; border-bottom: none!important;"> 
					               <img src="img/IN_Ferrero-removebg-preview.png" height="170px" width="100%" style="background-color: #fff;border-bottom:none!important; border:none!important;">

</div> 
					            <div class="face back" style="background-color: #fff; border-bottom: none!important;"> 
					                <img src="img/IN_Ferrero-removebg-preview.png" height="170px" alt="..." width="100%" style="background-color: #fff; border-bottom: none!important;">
					               
					            </div> 
					        </div> 
					    </div> 	
					    <div class="card-contant-anchor pr-4 pl-4">
					    	<a href="#">Gift Meterials</a><br>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<div class="rupes-area">
					    		<p>Rs. 200.00 <span>Rs. 250.00</span></p>
					    	</div>
					    	<div class="btn-area">
					    		<a href="tel:+9875353677" class="btn btn" id="btn-sub">Buy Now</a>
					    	</div>
					    </div>
						</div>
                        </div>
                        <div class="owl-item">
                            <div class="card-new">
							<div class="flipy"> 
					        <div class="card"> 
					            <div class="face front" style="background-color: #fff; border-bottom: none!important;"> 
					               <img src=" img/IN_Standard-removebg-preview.png" height="170px" width="100%" style="background-color: #fff;border-bottom:none!important; border:none!important;">
                                       
					            </div> 
					            <div class="face back" style="background-color: #fff; border-bottom: none!important;"> 
					                <img src=" img/IN_Standard-removebg-preview.png" height="170px" alt="..." width="100%" style="background-color: #fff; border-bottom: none!important;">
					                
					            </div> 
					        </div> 
					    </div> 	
					    <div class="card-contant-anchor pr-3 pl-3">
					    	<a href="#">Standard Visiting Cards</a><br>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<div class="rupes-area">
					    		<p> 100 ( Rs.180.00 ) <span>100 ( Rs. 290.00 )</span></p>
					    	</div>
					    	<div class="btn-area">
					    		<a href="tel:+9875353677" class="btn btn" id="btn-sub">Buy Now</a>
					    	</div>
					    </div>
						</div>
                        </div>
                        <div class="owl-item">
                            <div class="card-new">
							<div class="flipy"> 
					        <div class="card"> 
					            <div class="face front" style="background-color: #fff; border-bottom: none!important;"> 
					               <img src=" img/drink-removebg-preview.png" height="170px" width="100%" style="background-color: #fff;border-bottom:none!important; border:none!important;">
                                        
					            </div> 
					            <div class="face back" style="background-color: #fff; border-bottom: none!important;"> 
					                <img src=" img/drink-removebg-preview.png" height="170px" alt="..." width="100%" style="background-color: #fff; border-bottom: none!important;">
					                
					            </div> 
					        </div> 
					    </div> 	
					    <div class="card-contant-anchor pr-3 pl-3">
					    	<a href="#">Temperature Display Bottles 500ml</a><br>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<i class="fas fa-star"></i>
					    	<div class="rupes-area">
					    		<p>Rs. 700.00 <span>Rs. 1000.00</span></p>
					    	</div>
					    	<div class="btn-area">
					    		<a href="tel:+9875353677" class="btn btn" id="btn-sub">Buy Now</a>
					    	</div>
					    </div>
						</div>
                        </div>
                    </div>
                </div>
               </div> 
            </div>
        </div>
    </div>
</div>

<section>
    <style>
        #img-footer{
            display:block;
            margin:auto;
            margin-top:120px;
        }
        #img-footer1{
            display:block;
            margin:auto;
            margin-top:150px;
        }
    </style>
    <div class="container mt-5 mb-5">
        <div class="row">
            <div class="col-12 " >
                <div class="why-use-title">
                    <h3 class="text-center">WHY ORDER FROM CREATIVEINK</h3>
                </div>
            </div>
        </div>
        <div class="row why">
            <div class="col-12 col-md-3 why-card">
                <img id="img-footer" src="fimg/quality-service.png" height="100px" width="110px">
                <h5 class="text-center mt-4" style="letter-spacing:0.5px;"><b>Satisfaction Guaranteed</b></h5>
                <p class="text-center" style="font-size:14px; padding-top:10px!important;">
                    Creative-ink is one of the largest supplier of customise product. We have a range of product just for you.
                </p>
            </div>
            <div class="col-12 col-md-3 why-card" style="background-color:#B3E5BE;">
                  <img id="img-footer" src="fimg/fast-delivery.png" height="100px" width="110px">
                <h5 class="text-center mt-4"  style="letter-spacing:0.5px;"><b>Nationwide Delivery</b></h5>
                <p class="text-center" style="font-size:14px; padding-top:10px!important;">
                    Hassle-free delivery from your local town to National level. Everything at your doorstep.
                </p>
                
            </div>
            <div class="col-12 col-md-3 why-card" style="background-color:#FFAACF;">
                 <img id="img-footer1" src="fimg/rating.png" height="70px" width="80px">
                <h5 class="text-center mt-4" tyle="letter-spacing:0.5px;"><b>Google Review</b></h5>
                <p class="text-center" style="font-size:14px; padding-top:10px!important;">
                    Not only do reviews provide information about your company’s performance, but they also show future clients what their experience will look like.
                </p>
                
            </div>
            <div class="col-12 col-md-3 why-card" style="background-color:#D1FFF3;">
                 <img id="img-footer1" src="fimg/24-hours-support.png" height="80px" width="90px">
                <h5 class="text-center mt-3" style="letter-spacing:0.5px;"><b>24Hours Support</b></h5>
                <p class="text-center" style="font-size:14px; padding-top:10px!important;">
                    Our Team is always prepared to attend any kind of service at any time of the day. We promise our service availability on any day, time & situation.
                </p>
                
            </div>
        </div>
        
        <div class="row">
            <div class="row">
                <div class="css-0">
                            <style data-emotion="css 1pab73v">
                                .css-1pab73v {
                                    margin: 0 0 30px 0;
                                    padding: 86px 0;
                                    text-align: center;
                                    background: url('https://static.sadhguru.org/assets/images/home-outreach-texture.jpg') no-repeat;
                                    -webkit-clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);
                                    clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);
                                    -webkit-background-position: 0% -16%;
                                    background-position: 0% -16%;
                                    margin-top: -450px;
                                }
                        
                                @media screen and (min-width: 768px) {
                                    .css-1pab73v {
                                        padding:0 2.2% 75px;
                                        -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
                                        clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
                                    }
                                }
                        
                                @media screen and (min-width: 960px) {
                                    .css-1pab73v {
                                        padding:0 2.2% 135px;
                                        -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
                                        clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
                                    }
                                }
                            </style>
                            <div class="css-1pab73v">
                                <style data-emotion="css 1l4w6pd">
                                    .css-1l4w6pd {
                                        display: -webkit-box;
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-box-pack: center;
                                        -ms-flex-pack: center;
                                        -webkit-justify-content: center;
                                        justify-content: center;
                                    }
                                </style>
                                <div class="css-1l4w6pd">
                                    <style data-emotion="css 121visr">
                                        .css-121visr {
                                            /*background: url('./img/IN_NVHPTiles_Bags-01.webp')*/
                                            no-repeat;
                                            -webkit-background-size: cover;
                                            /*background-color: #cc4b21;*/
                                            background-size: cover;
                                            width: 32%;
                                            min-height: 521px;
                                            display: none;
                                            text-align: center;
                                            position: relative;
                                        }
                        
                                        @media screen and (min-width: 480px) {
                                            .css-121visr {
                                                display:none;
                                            }
                                        }
                        
                                        @media screen and (min-width: 768px) {
                                            .css-121visr {
                                                min-height:400px;
                                                display: -webkit-box;
                                                display: -webkit-flex;
                                                display: -ms-flexbox;
                                                display: flex;
                                            }
                                        }
                        
                                        @media screen and (min-width: 960px) {
                                            .css-121visr {
                                                min-height:521px;
                                                display: -webkit-box;
                                                display: -webkit-flex;
                                                display: -ms-flexbox;
                                                display: flex;
                                            }
                                        }
                                    </style>
                                  
                                    <div class="css-121visr">
                                        <style data-emotion="css 19xz230">
                                            .css-19xz230 {
                                                -webkit-align-self: flex-end;
                                                -ms-flex-item-align: flex-end;
                                                align-self: flex-end;
                                                width: 100%;
                                                position: absolute;
                                                bottom: 10%;
                                                left: 0px;
                                                text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
                                            }
                                        </style>
                                        <p class="chakra-text css-19xz230">
                                            
                                        
                                        </p>
                                    </div>
                                    <style data-emotion="css 1prpi28">
                                        .css-1prpi28 {
                                            /*background: url('./img/IN_NVHPTiles_Park-Avenue-Dress-Shirts_01.webp') */
                                            no-repeat;
                                            -webkit-background-size: cover;
                                            /*background-color: #000054;*/
                                            background-size: cover;
                                            width: 100%;
                                            min-height: 521px;
                                            display: -webkit-box;
                                            display: -webkit-flex;
                                            display: -ms-flexbox;
                                            display: flex;
                                            text-align: center;
                                            padding: 0 27px;
                                            position: relative;
                                            -webkit-box-pack: center;
                                            -ms-flex-pack: center;
                                            -webkit-justify-content: center;
                                            justify-content: center;
                                            margin-top: unset;
                                        }
                        
                                        @media screen and (min-width: 480px) {
                                            .css-1prpi28 {
                                                width:80%;
                                                min-height: 609px;
                                                margin-top: -50px;
                                            }
                                        }
                        
                                        @media screen and (min-width: 768px) {
                                            .css-1prpi28 {
                                                width:32%;
                                                min-height: 400px;
                                                margin-top: unset;
                                            }
                                        }
                        
                                        @media screen and (min-width: 960px) {
                                            .css-1prpi28 {
                                                min-height:521px;
                                            }
                                        }
                                    </style>
                                    <div class="css-1prpi28">
                                        <style data-emotion="css hoe9xz">
                                            .css-hoe9xz {
                                                -webkit-align-self: center;
                                                -ms-flex-item-align: center;
                                                align-self: center;
                                            }
                                        </style>
                                        <div class="css-hoe9xz">
                                            <style data-emotion="css 1ufdpq7">
                                                .css-1ufdpq7 {
                                                    font-size: 34px;
                                                    color: #28231e;
                                                    text-shadow: 0 0 17px #ffffff;
                                                    line-height: 0.8;
                                                }
                        
                                                @media screen and (min-width: 480px) {
                                                    .css-1ufdpq7 {
                                                        font-size:45px;
                                                    }
                                                }
                        
                                                @media screen and (min-width: 768px) {
                                                    .css-1ufdpq7 {
                                                        font-size:35px;
                                                    }
                                                }
                        
                                                @media screen and (min-width: 960px) {
                                                    .css-1ufdpq7 {
                                                        font-size:61px;
                                                    }
                                                }
                                            </style>
                                            
                                            <style data-emotion="css 1ku6u8p">
                                                .css-1ku6u8p {
                                                    font-size: 30px;
                                                    line-height: 1.4;
                                                }
                        
                                                @media screen and (min-width: 480px) {
                                                    .css-1ku6u8p {
                                                        font-size:24px;
                                                    }
                                                }
                        
                                                @media screen and (min-width: 768px) {
                                                    .css-1ku6u8p {
                                                        font-size:30px;
                                                    }
                                                }
                                            </style>
                                            
                                            <style data-emotion="css 13pb20j">
                                                .css-13pb20j {
                                                    transition-property: var(--chakra-transition-property-common);
                                                    transition-duration: var(--chakra-transition-duration-fast);
                                                    transition-timing-function: var(--chakra-transition-easing-ease-out);
                                                    cursor: pointer;
                                                    -webkit-text-decoration: none;
                                                    text-decoration: none;
                                                    outline: 2px solid transparent;
                                                    outline-offset: 2px;
                                                    color: #ffffff;
                                                    font-size: 13px;
                                                    border: var(--chakra-borders-none);
                                                    font-weight: 500;
                                                    padding: 6px 12px;
                                                    border-radius: 3px;
                                                    height: auto;
                                                    margin-top: 10px;
                                                    display: inline-block;
                                                    line-height: unset;
                                                    background: #cf4520;
                                                }
                        
                                                .css-13pb20j:hover,.css-13pb20j[data-hover] {
                                                    border: var(--chakra-borders-none);
                                                    background: #000054;
                                                }
                        
                                                .css-13pb20j:focus,.css-13pb20j[data-focus] {
                                                    box-shadow: var(--chakra-shadows-outline);
                                                }
                                            </style>
                                            
                                            <style data-emotion="css zr73zj">
                                                .css-zr73zj {
                                                    -webkit-align-self: flex-end;
                                                    -ms-flex-item-align: flex-end;
                                                    align-self: flex-end;
                                                    width: 100%;
                                                    position: absolute;
                                                    bottom: 10%;
                                                    left: 0px;
                                                    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
                                                    display: none;
                                                }
                        
                                                @media screen and (min-width: 768px) {
                                                    .css-zr73zj {
                                                        display:block;
                                                    }
                                                }
                                            </style>
                                            <p class="chakra-text css-zr73zj">
                                                
                                            </p>
                                        </div>
                                        
                                    </div>

<?php
    include 'sql/config.php';
    $popup = mysqli_query($conn, "SELECT * FROM popup WHERE status = 1") or mysqli_query($conn);
    if(mysqli_num_rows($popup) > 0){
        $row_popup = mysqli_fetch_array($popup);
?>
    <div class="modal fade" id="modal-video-02" tabindex="-1" role="dialog" aria-hidden="true" onmouseout="hide3()">
    <img src="images/azadi.png" style="display: block;margin-left: auto;margin-right: auto;  width: 50%;"></img>
	<div class="modal-dialog" role="document">
	   <div class="close-mo-video-02 trans-0-4" data-dismiss="modal" aria-label="Close">&times;</div>

<div class="wrap-video-mo-02">
	        <div class="video-mo-02">
	    		<div class="modal-content">
		            <div class="modal-body m-0 p-0">
		                <div id="cross" class="close-mo-video-02 trans-0-4" data-dismiss="modal" aria-label="Close" style="color: black;"><i class="far fa-window-close"></i>
	      				</div>
		                <img src="creativeinkadmin/sql/popup_image/<?php echo $row_popup['image']; ?>" alt="..." height="100%" width="100%">
	      			    
	      			</div>
	    		</div>
	  		</div>
		</div>
	</div>
</div>
<?php
    }
?>

<section>
	<div class="container-fluid">
		<div class="row">
			<div class="col-12">
				<?php
					include 'include/footer1.php';
				?>
			</div>
		</div>
	</div>
</section>

<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
  AOS.init({
  	delay: 100,
  	// offset: 200,
  	// easing: 'ease-in-quad',
  	duration: 900,
  });
</script>

<script>

$(window).on('load',function(){
		setTimeout(function() {
        $('#modal-video-02').modal('show');
        $('.video-mo-02').css('opacity','1');
    }, 1000);
    });	
// 	 $('[data-toggle="popover"]').popover();
	 $('[data-toggle="popover"]').popover({
            container: 'body'
        });

</script>

<script src="lib/easing/easing.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

<script src="mail/jqBootstrapValidation.min.js"></script>
    <script src="mail/contact.js"></script>

<script src="js/main.js"></script>

</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: index01-11-2023mainbackup.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation