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/stationery_letterheads_stamps

Free Space:

3.15 TB

🔧 Quick Actions

✏️ Editing: stationary.php

<?php
    include '../creativeinkadmin/sql/config.php';
?>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Creativeink.in</title>
	
	<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
	
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
	
	<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
	
	
	
	<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200&family=Roboto+Slab:wght@200;300;400&display=swap" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
	
	<link rel="stylesheet" type="text/css" href="css/card.css">
	<link rel="stylesheet" type="text/css" href="css/style-demo.css">
	<link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
    <link href="https://fonts.googleapis.com/css2?family=Antic+Slab&family=Roboto:wght@300&display=swap" rel="stylesheet">
    
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="css_new/main.css" rel="stylesheet">
    
        
        <link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">
        <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.js"></script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
	
	

	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">

	<link rel="stylesheet" type="text/css" href="fonts/fontawesome-5.0.8/css/fontawesome-all.min.css">

	<link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">

	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
	
	<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">

	<link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">

	<link rel="stylesheet" type="text/css" href="css/util.min.css">
	
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<link rel="stylesheet" type="text/css" href="css/slider.css">
	<link rel="stylesheet" type="text/css" href="../css/card.css">
    <link rel="stylesheet" type="text/css" href="../css/style-demo.css">
    <link rel="stylesheet" type="text/css" href="css/idcard.css">
    <link rel="stylesheet" type="text/css" href="css/idcardbuy.css">

.bbb_viewed {
     padding-top: 51px;
     padding-bottom: 60px;
     /*background: #eff6fa*/
 }

.bbb_main_container{
    background-color: #fff;
    padding: 11px;
    height:500px;
 }

/*.bbb_viewed_title_container {*/
 /*    border-bottom: solid 1px #dadada;*/
 /*}*/

.bbb_viewed_title {
    margin-bottom: 16px;
    margin-top: 8px;
 }

.bbb_viewed_nav_container {
     position: absolute;
     right: -5px;
     bottom: 14px
 }

.bbb_viewed_nav {
     display: inline-block;
     cursor: pointer
 }

.bbb_viewed_nav i {
     color: #dadada;
     font-size: 18px;
     padding: 5px;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

.bbb_viewed_nav:hover i {
     color: #606264
 }

.bbb_viewed_prev {
     margin-right: 15px
 }

.bbb_viewed_slider_container {
     /*padding-top: 13px;*/
     height:360px!important;
     border-radius:5px;
     /*box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px*/
     
 }

.bbb_viewed_item {
     width: 100%;
     height:370px!important;
     /*box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;*/
     background: #FFFFFF;
     border-radius: 2px;
     /*padding-top: 25px;*/
     /*padding-bottom: 25px;*/
     /*padding-left: 30px;*/
     padding-right: 30px
     
 }

.bbb_viewed_image {
        width: 300px;
        height: 250px;
 }

.bbb_viewed_image img {
     display: block;
     max-width: 100%;
     margin-left:30px;
     padding-right:60px!important;
     /*margin-top:-90px*/
 }

.bbb_viewed_content {
     width: 100%;
     /*margin-top: 25px*/
 }

.bbb_viewed_price {
     font-size: 16px;
     color: #000000;
     font-weight: 500
 }

.bbb_viewed_item.discount .bbb_viewed_price {
     color: #df3b3b
 }

.bbb_viewed_price span {
     position: relative;
     font-size: 12px;
     font-weight: 400;
     color: rgba(0, 0, 0, 0.6);
     margin-left: 8px
 }

.bbb_viewed_price span::after {
     display: block;
     position: absolute;
     top: 6px;
     left: -2px;
     width: calc(100% + 4px);
     height: 1px;
     background: #8d8d8d;
     content: ''
 }

.bbb_viewed_name {
     margin-top: 3px
 }

.bbb_viewed_name a {
     font-size: 14px;
     color: #000000;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

.bbb_viewed_name a:hover {
     color: #0e8ce4
 }

.item_marks {
     position: absolute;
     top: 18px;
     left: 18px
 }

.item_mark {
     display: none;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     color: #FFFFFF;
     font-size: 10px;
     font-weight: 500;
     line-height: 36px;
     text-align: center
 }

.item_discount { 
     background: #df3b3b;
     margin-right: 5px
 }

.item_new {
     background: #0e8ce4
 }

.bbb_viewed_item.discount .item_discount {
     display: inline-block
 }

.bbb_viewed_item.is_new .item_new {
     display: inline-block
 }
</style>

if($('.bbb_viewed_slider').length)
        {
            var viewedSlider = $('.bbb_viewed_slider');

viewedSlider.owlCarousel(
            {
                loop:true,
                margin:30,
                autoplay:true,
                autoplayTimeout:6000,
                nav:false,
                dots:false,
                responsive:
                {
                    0:{items:1},
                    575:{items:2},
                    768:{items:3},
                    991:{items:4},
                    1199:{items:6}
                }
            });

if($('.bbb_viewed_prev').length)
            {
                var prev = $('.bbb_viewed_prev');
                prev.on('click', function()
                {
                    viewedSlider.trigger('prev.owl.carousel');
                });
            }

if($('.bbb_viewed_next').length)
            {
                var next = $('.bbb_viewed_next');
                next.on('click', function()
                {
                    viewedSlider.trigger('next.owl.carousel');
                });
            }
        }

});
</script>
<style>
    .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:270px;
  overflow: hidden;
    border-radius: 5px;
}
.zoom-img  img {
 height: 270px;
 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;

}
@media(max-width:600px){
    .top_main{
        padding-right: 10px!important;
        padding-left: 10px;
    }
}
.card-new{
    height: 450px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    border-radius: 8px;
    border-top:1px solid #EEF2FF;
    background-color:#fff;
}

.flipy {
  -webkit-perspective: 800;
   width: 100%;
   height: 250px;
    position: relative;
}
.flipy .card:hover {
  -webkit-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.flipy .card {
  width: 100%;
  height: 250px;
  border:none!important;
  display: block!important;
  margin:auto!important;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
}
.flipy .card .face {
  width: 100%;
  height: 100%;
  display: block!important;
  margin:auto!important;
  position: absolute;
  overflow: hidden;
  -webkit-backface-visibility: hidden ;
  z-index: 2;
    font-family: Georgia;
    font-size: 3em;
    text-align: center;
    line-height: 200px;
}
.flipy .card .front {
  position: absolute;
  z-index: 1;
    /*background: #f8f8f8;*/
    color: white;
    cursor: pointer;
}
.flipy .card .back {
    -webkit-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    background: blue;
    /*background: #f8f8f8;*/
    color: black;
    cursor: pointer;
}
/*vertical-flip*/
.flipx {
    -webkit-perspective: 800;
    width: 100%;
    height: 210px;
    position: relative;
}
.flipx .card:hover {
  -webkit-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.flipx .card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
}
.flipx .card .face {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    -webkit-backface-visibility: hidden ;
    z-index: 2;
    font-family: Georgia;
    font-size: 3em;
    text-align: center;
    line-height: 200px;
}
.flipx .card .front {
  position: absolute;
  z-index: 1;
    /*background: #f8f8f8;*/
    color: white;
    cursor: pointer;
}
.flipx .card .back {
    -webkit-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    background: blue;
    /*background: #f8f8f8;*/
    color: black;
    cursor: pointer;
}

.card-contant-anchor a{
    text-decoration: none;
    color: #313131;
     font-family: 'Roboto Slab', serif;
     font-size: 17px;
}
.card-contant-anchor i{
    color: #FCE22A;
    font-size: 10px;
}
.rupes-area p{
    font-weight: 500;
}
.rupes-area span{
    text-decoration: line-through;
}

#btn-sub{
    background-color: #F2F2F2;
    font-size: 15px;
    letter-spacing: 0.5px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 500px;
    padding-top: 8px;
   
}
#btn-sub:hover{
    background-color: #99A8B2;
    color: #fff;
}

</style>
<script>
		// crousel end
	$(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 id="__jsx-6f0150fd0ec02ca0">
            .menu_L1 ul li:last-child a {
                border-right: 0
            }
        </style>
        <style id="__jsx-a8025985ed6bdb9a">
            .mobile_nav a,.mobile_nav .topmenu a,.mobile_nav .Header_block__Jcnzr a {
                /*color: #464038*/
            }

.mobile_nav li a {
                color: #dbd4c6;
                font-weight: 600
            }

.open {
                display: block
            }

.title {
                font-weight: bold;
                font-size: 14px
            }

.active {
                background-color: #e4ded4;
                color: #cf4520
            }

.submenu-closed {
                margin: 0;
                padding: 0;
                display: none
            }

.sec-level-mobile-menu,.bottom-mobile-menu {
                font-family: FedraSansStd-book,sans-serif!important;
                font-size: 16px!important;
                background-color: #f0eae0!important;
                color: #464038!important;
                border: none;
                text-decoration: none
            }

.mobile_nav li .bottom-mobile-menu a {
                font-weight: bold
            }

.third-level-mobile-menu {
                font-family: FedraSansStd-book,sans-serif!important;
                font-size: 16px!important;
                font-weight: 500!important;
                color: #464038!important;
                background-color: #faf5ed!important
            }

.bottom-mobile-menu {
                background-color: #f5f1e9;
                height: 60px
            }

.programfinder a {
                color: #dbd4c6
            }
        </style>
        <style id="__jsx-3b109fd9446c6456">
            #countryDropdown ul {
                width: 86px;
                margin-right: 0;
                margin-left: 0
            }

#countryDropdown li a {
                color: #cc4b21
            }

#countryDropdown li a:hover div {
                background: none
            }
        </style>
        <style id="__jsx-66599cb3621f0783">
            .card-image {
                -webkit-clip-path: polygon(0 0,100%0,100%90%,0%100%);
                clip-path: polygon(0 0,100%0,100%90%,0%100%)
            }

.isha-card-podcast-title {
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical
            }

.isha-rp-desc {
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical
            }
        </style>
        <style id="__jsx-d53f37b07334d1a3">
            ::-webkit-input-placeholder {
                color: #a1a1a1
            }

:-moz-placeholder {
                color: #a1a1a1
            }

::-moz-placeholder {
                color: #a1a1a1
            }

:-ms-input-placeholder {
                color: #a1a1a1
            }

::-ms-input-placeholder {
                color: #a1a1a1
            }

::placeholder {
                color: #a1a1a1
            }
        </style>
        <style id="__jsx-a4a9dd107d96759c">
            .slick-dots li {
                opacity: .25
            }

.slick-dots li.slick-active {
                opacity: 1
            }

.slick-track {
                margin: 0!important
            }
        </style>
        <style id="__jsx-fac408a12dbaf8f8">
            .footer {
                clear: both
            }

.contactblock p {
                font-size: 14px!important
            }
        </style>
        <style id="__jsx-844abc9d1abf04ea">
            .popup-widget {
                float: left;
                text-align: left;
                color: #fff;
                font-size: 16px
            }

.popup-widget-span {
                font-size: 18px
            }

.popup-widget-bold {
                font-size: 18px
            }
        </style>
    </head>

<link href="css_new/style.css" rel="stylesheet">
</head>
<body>
	<section>
		<div class="container-fluid">
		<div class="row">
			<div class="col-md-12 col-sm-12 top_header">
				<div>
					<div class="container-fluid">
					    <div class="row">
					        <div class="col-12 col-md-4">
					            
					            <span style="font-size:15px; letter-spacing:0.5px;">Welcome to Creativeink.in. Thanks for visit my site.</span>
					        </div>
					        <div class="col-12 col-md-4 phone">
					            <a href="tel:+91-9875353677"><i class="fas fa-mobile-alt pr-1"></i> +91-9875353677</a>
					            <a href="mail@creativeink.in"><i class="fas fa-envelope pr-1"></i> mail@creativeink.in</a>
					        </div>
					        
					        <div class="col-12 col-md-4 top_right top_header_bottom1">
					            <a href="javascript:void(0)" class="float-right ml-3"><i class="fas fa-shopping-cart"></i> Item(s) <i id="drop" class="fas fa-angle-down float-right"></i></a>
					            <a href="javascript:void(0)" class="float-right"><i class="fas fa-user"></i> Register</a>
					            <a href="javascript:void(0)" class="float-right mr-3"><i class="fas fa-sign-in-alt"></i> Login</a>
					        </div>
					    </div>
					</div>
				</div>
			</div>
		</div>
		<div class="row mt-3" id="desktop">
			<div class="col-md-3 col-sm-12">
				<div class="logo-area pl-4 pr-4">
					<a href="https://creativeink.in/"><img src="../img/Untitled-1.png" alt="..." class="img-fluid"></a>
				</div>
			</div>
			<div class="col-md-7 col-sm-12">
				<form>
					<div class="search">
	      				<select class="form-control w-100" name="search">
					       <option disabled="" selected="" value="">--Select Category or Product--</option>
							<option value="Identity Card & Accessories">Identity Card & Accessories</option>
							<option value="Stationery, Letterheads & Stamps">Stationery, Letterheads & Stamps</option>
							<option value="Banner, Signs & Posters">Banner, Signs & Posters</option>
							<option value="Badges & Medals">Badges & Medals</option>
							<option value="Flyers, Folder & Marketing Materials">Flyers, Folder & Marketing Materials</option>
							<option value="Clothing & Bags">Clothing & Bags</option>
							<option value="Mugs, Albums & Gifts">Mugs, Albums & Gifts</option>
							<option value="Animation and Designing">Animation and Designing</option>
							<option disabled="" selected="" value="">--Select Sub Category--</option>
							<option value="Pasting ID Cards Single Side (Horizontal/Vertical)">Pasting ID Cards Single Side (Horizontal/Vertical)</option>
							<option value="Pasting ID Cards Both Side (Horizontal/Vertical)">Pasting ID Cards Both Side (Horizontal/Vertical)</option>
							<option value="Executive Card (Horizontal/Vertical)">Executive Card (Horizontal/Vertical)</option>
							<option value="Aluminium Card Holder (Coloured)">Aluminium Card Holder (Coloured)</option>
							<option value="Insert Card Holder (Transulent/Coloured)">Insert Card Holder (Transulent/Coloured)</option>
							<option value="Transparent Holder">Transparent Holder</option>
							<option value="Visitor Card">Visitor Card</option>
							<option value="Escort Card">Escort Card</option>
							<option value="RFID Cards">RFID Cards</option>
							<option value="Multicoloured Lanyard (12mm, 16mm, 20mm)">Multicoloured Lanyard (12mm, 16mm, 20mm)</option>
							<option value="Yoyo / Retractable">Yoyo / Retractable</option>
							<option value="Keyholder/ Wristband">Keyholder/ Wristband</option>
							<option value="Attachment (Dog Hook, Fish Hook)">Attachment (Dog Hook, Fish Hook)</option>
																
							<option value="Diaries">Diaries</option>
							<option value="Letterhead">Letterhead</option>
							<option value="Business Card">Business Card</option>
							<option value="Plastic Business Card">Plastic Business Card</option>
							<option value="Envelope">Envelope</option>
							<option value="Brochure">Brochure</option>
							<option value="Flyer / Leaflet">Flyer / Leaflet</option>
							<option value="Invitation Cards (Wedding & other Occasion)">Invitation Cards (Wedding & other Occasion) </option>
							<option value="Forms">Forms</option>
							<option value="Custom Sticker">Custom Sticker</option>
							<option value="Poster">Poster</option>
							<option value="Bookmarks">Bookmarks</option>
							<option value="Packaging Labels">Packaging Labels</option>
																
							<option value="Plastic Badges (Doming)">Plastic Badges (Doming)</option>
							<option value="Magnetic Badge">Magnetic Badge</option>
							<option value="Custom Lapel Pin">Custom Lapel Pin</option>
							<option value="Brass Badge">Brass Badge </option>
							<option value="Round Metal Badges">Round Metal Badges</option>
							<option value="Metal Business Card">Metal Business Card</option>
							<option value="Button Badges">Button Badges</option>
							<option value="Ready Sticker Medals">Ready Sticker Medals</option>
							<option value="Custom Die Medals">Custom Die Medals</option>
							<option value="Coloured Medals Medals">Coloured Medals Medals</option>
																
							<option value="Mousepad">Mousepad</option>
							<option value="Tie">Tie</option>
							<option value="Belts (Cotton)">Belts (Cotton)</option>
							<option value="Belts (Multicoloured)">Belts (Multicoloured)</option>
							<option value="Bags (Customized)">Bags (Customized)</option>
							<option value="Sashes">Sashes</option>
							<option value="Flags">Flags</option>
							<option value="Monograms">Monograms</option>
							<option value="Certificate Folder">Certificate Folder</option>
																
							<option value="Mugs">Mugs</option>
							<option value="Stone">Stone</option>
							<option value="KeyChain">KeyChain</option>
							<option value="Photoframes">Photoframes</option>
																
							<option value="Clothing & Bags">Clothing & Bags</option>
							<option value="Mousepad">Mousepad</option>
							<option value="Coaster">Coaster</option>
							<option value="Caricature">Caricature</option>
					       </select>
    	      				<button type="submit" class="searchButton" style="margin-top:8px;">
    	        			    <i class="fa fa-search"></i>
    	     				</button>
   					</div>
				</form>
			</div>
		</div>
	</section>

<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 id="title-card" style="padding:10px!important; font-size: 13px;">
    <span><a href="https://creativeink.in/">Home</a> / Stationery Letterheads Stamps</span>
</section>

<style>
.sec_card_six{
    height:auto;
    /*background-color:#eee;*/
}
.sec_card_six .card-f{
    height:auto!important;
    background-color:#fff;
   box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.sec_card_six .card-f img{
    margin-top:8px;
    height:230px!important;
    width:100%;
     transition: transform 0.15s;
}
.sec_card_six .card-f a{
    text-decoration:none;
}
.sec_card_six .card-f p{
    color:#000;
    font-size:14px;
    text-align:center;
}
.sec_card_six .card-f h6{
    color:#000;
    margin-top:-15px;
    text-align:center;
}

.sec_card_six .card-f:hover img {
  transform: scale(1.1);
   height:210px!important;
    width:100%;
  
}
.sec_card_six .card-f i{
    color:#FFB000;
    font-size:13px;
    margin-top:-30px!important;
}
    
</style>
<section>
    <div class="container-fluid pl-5 pr-5">
        <div class="row sec_card_six ">
              <?php
                        include '../creativeinkadmin/sql/config.php';
                        $sql = "SELECT * FROM category WHERE category = 'Stationery, Letterheads & Stamps'";
                        $table = mysqli_query($conn,$sql);
                        $i = 1;

if(mysqli_num_rows($table) > 0){
                            while($row = mysqli_fetch_array($table)){
                                $id = $row['id'];
                                 $sql1 = mysqli_query($conn, "SELECT * FROM product WHERE c_id = '$id'") or mysqli_error($conn);
                                        if(mysqli_num_rows($sql1) > 0){
                                            while($row1 = mysqli_fetch_array($sql1)){
                         ?>        
                         
                        <div class="col-12 col-md-2 card-f mt-3">
                           <a href="stationary_item.php?id=<?php echo $row1['id']; ?>">
                                <img src="../creativeinkadmin/sql/product_image/<?php echo $row1['pimage']; ?>"  alt="id card" class="img-fluid">
                                    <p class="pt-2"><?php echo $row1['pname']; ?></p>
                                    <h6><span>Rs. <?php echo $row1['sprice'] ?></span> <span style="text-decoration:line-through; color:gray; padding-left: 10px;">Rs. <?php echo $row1['mrp']; ?></span></h6>
                            </a>
                        </div>
                    <?php
                        $i++;
                            }
                           }
                          }
                        }else{
                            echo "";
                        }
                    ?>
        </div>
    </div>
</section>

<section>
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <style>
.footer-area{
    height: auto;
    background-color: #151D3B!important;
}
.footer_border_lin{
    border-top: 5px solid #2192FF;
    border-bottom:0.1px solid #fff;
    padding-bottom: 20px!important;
}
.footer_border_lin h5{
    font-family: 'Roboto Slab', serif;
    font-size: 21px;
    color: #fff;
}
.map-area p{
    margin-top: -19px!important;
    margin-left: 20px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}
.map-area i{
    color: #2192FF;
}
.map-area span{
    color: #fff;
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
}
.phone-area i{
    color: #2192FF;
    padding-right: 3px;
}
.phone-area a{
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Roboto Slab', serif;
} 
.email-area i{
    font-size: 14px;
    color: #2192FF;
    padding-right: 3px;
    /*font-family: 'Roboto Slab', serif;*/
}
.email-area a{
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: #fff;
}

.dow_area img{
    border-radius: 7px;
}
.boolet-area a{
    color: #2192FF;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
}
.boolet-area a li{
    padding-top: 11px;
}
 #img{
    border-radius: 50px;
    height: 100px;
    border:1px solid gray;
}
.social-media .fa-facebook{
    color:#fff;
    background-color:#3b5998;
    border-radius:50%;
    padding:9px;
}
.social-media .fa-youtube{
    color:#fff;
    background-color:#ff0000;
    border-radius:50%;
    padding:9.5px 8px;
}
.social-media .fa-linkedin{
    background-color:#0a66c2;
    border-radius:50%;
    padding:9.5px 10px;
    color:#fff;
}
.social-media .fa-instagram{
    color:#fff;
    background-image: linear-gradient(to right, #8A2387 , #E94057,#F27121);
    border-radius:50%;
    padding:9.5px 10px;
}
.social-media a i{
    margin-left:5px;
}
</style>

<footer>
    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200&family=Roboto+Slab:wght@200;300;400&display=swap" rel="stylesheet">
    <div class="row mt-4">
        <div class="container-fluid footer-area">
            <div class="container-fluid">
                <div class="row footer_border_lin mt-5">
                    <div class="col-12 col-md-3 col-xl-3 col-lg-3 mt-3">
                        <h5>Contact Address</h5>
                    <div class="map-area">
						<i class="fa fa-map-marker"></i>
						<span style="font-weight:500;">
						    398/1, Grand Trunk Road, Bally, Shop No.9, Howrah, 
                             
						</span><br>
						<span style="padding-left: 16px;">
						   West Bengal - 711201 
						</span>
					</div>
                    <div class="phone-area mt-3">
                        <i class="fa fa-mobile"></i>
                        <a href="tel:+9875353677">+91-9875353677</a><br>
                        
                        
                    </div>
                    <div class="email-area">
                        <i class="fa fa-envelope"></i>
                        <a href="mailto:mail@creativeink.in">mail@creativeink.in</a>
                    </div>
                    <div class="dow_area mt-2">
                        <a href="#"><img src="../fimg/download.jpg" class="img-fluid"></a>
                    </div>
                    </div>  
                    <div class="col-12 col-md-2 col-xl-2 col-lg-2 mt-3">
                        <h5>Youtube </h5>
                    <div>
						<a href="https://www.youtube.com/channel/UCIxx7ny-89W3awutRAPcBcQ" target="_blank"><img src="../fimg/youtube.png" width="90%" height="100px"></a>
					</div>
                    
                    
                    </div>

<div class="col-12 col-md-2 col-xl-2 col-lg-2 boolet-area mt-3">
                        <h5>Support And Help</h5>
                        <div>
                            <ul>
                                <a href="#"><li>Blog</li></a>
                                <a href="#"><li>Frequently Asked Questions</li></a>
                                <a href="#"><li>Privacy Policy</li></a>
                                <a href="#"><li>Terms And Condition</li></a>
                                <a href="#"><li>Sitemap</li></a>
                            </ul>
                        </div>
                    </div>
                    <div class="col-12 col-md-3 col-xl-3 col-lg-3 boolet-area mt-3">
						<h5>Newsletter</h5>
						<p class="text-justify text-white" style="font-size: 13px; font-family: 'Roboto Slab', serif;">Keep up-to-date with our awesome products and news. <br>Enter your e-mail and subscribe to our newsletter.</p>
						<div>
							<form>
								<table>
									<tr>
										<td><input type="email" name="mail" placeholder="Email Address" class="form-control" style="width: 136px; border-radius: 0px; font-family: 'Roboto Slab', serif;"></td>
										<td><button class="btn btn-warning" style="border-radius: 0px; font-family: 'Roboto Slab', serif;">GO!</button></td>
									</tr>
								</table>
							</form>
						</div>

<div class="social-media">
							<p class="text-white" style="font-size: 18px; padding-top: 20px; font-family: 'Roboto Slab', serif;">Follow Us</p>
							<a href="https://www.facebook.com"><i class="fab fa-facebook" style="margin-left:0px;"></i></a>
							<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
							<a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
							<a href="https://www.youtube.com/channel/UCIxx7ny-89W3awutRAPcBcQ"><i class="fab fa-youtube"></i></a>
						</div>
					</div>

<div class="col-12 col-md-2 col-xl-2 col-lg-2 boolet-area mt-3">
                        <h5>Payments</h5>

<div class="mt-2">
                            <p class="text-white" style="font-family: 'Roboto Slab', serif;">We Accept</p>
                            <a href="#"><img src="../img/Payment.png" height="200px" width="100%"></a>
                        </div>
                    </div>
                </div>

<div class="row">
                    <div class="col-12 pt-2">
                        <p class="text-center text-white" style="font-family: 'Roboto Slab', serif; font-size:13px;">&copy Design & Developed by creativeink<a href="tel:+9875353677"style="color:#FFD93D;"><i class="fas fa-mobile pl-2"></i> +91-9875353677</a></p>
                    </div>
                </div>
            </div>      
        </div>
    </div>
</footer>
</div>

</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: stationary.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation