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.01 TB

🔧 Quick Actions

✏️ Editing: animation_item.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 rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Abril+Fatface" />

<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="../identity_card_and_accessories/css/idcard.css">
    <link rel="stylesheet" type="text/css" href="../identity_card_and_accessories/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="index.php"><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>

<script>
    function Show_Customer(){
        if(document.getElementById('buy_form').style.display == 'block'){
            document.getElementById('buy_form').style.display = 'none';
        }else{
            document.getElementById('buy_form').style.display = 'block';
            document.getElementById('buy_now').style.display = 'none';
            document.getElementById('buy_button').style.display = 'none';
        }
    }
    function Back(){
        if(document.getElementById('buy_now').style.display == 'block'){
            document.getElementById('buy_now').style.display = 'none';
        }else{
            document.getElementById('buy_now').style.display = 'block';
            document.getElementById('buy_form').style.display = 'none';
            document.getElementById('buy_button').style.display = 'block';
        }
    }
</script>

<section id="buy">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 buy-whole">
                <form action="../sql/order.php" method="POST" enctype="multipart/form-data">
                    <div class="row buy-area">
                    <?php
                        $id = $_GET['id'];
                        $sql = "SELECT * FROM product WHERE id = '$id'";
                        $table = mysqli_query($conn,$sql);
                        if(mysqli_num_rows($table) > 0){
                            $row = mysqli_fetch_array($table);
                            $id = $row['id'];
                    ?>
                    <div class="col-12 col-md-1" id="desk-img">
                        <div class="sideimage" onmouseover="ShowImg()">
                            <img src="creativeinkadmin/sql/product_image/<?php echo $row['pimage']; ?>" height="65px" width="65px">
                        </div>
                         <?php
                            if($row['pimage1'] == '0' || empty($row['pimage1'])){
                            echo "";
                            }else{
                        ?>
                            <div class="sideimage" onmouseover="ShowImg1()">
                                <img src="creativeinkadmin/sql/product_image/<?php echo $row['pimage1']; ?>" height="65px" width="65px">
                            </div>
                        <?php
                            }
                        ?>

<?php
                            if($row['pimage2'] == '0' || empty($row['pimage2'])){
                            echo "";
                            }else{
                        ?>
                            <div class="sideimage" onmouseover="ShowImg2()">
                                <img src="creativeinkadmin/sql/product_image/<?php echo $row['pimage2']; ?>" height="65px" width="65px">
                            </div>
                        <?php
                            }
                        ?>

<?php
                            if($row['pimage3'] == '0' || empty($row['pimage3'])){
                            echo "";
                            }else{
                        ?>
                            <div class="sideimage" onmouseover="ShowImg3()">
                                <img src="creativeinkadmin/sql/product_image/<?php echo $row['pimage3']; ?>" height="65px" width="65px">
                            </div>
                        <?php
                            }
                        ?>
                        
                         <?php
                            if($row['pimage4'] == '0' || empty($row['pimage4'])){
                            echo "";
                            }else{
                        ?>
                            <div class="sideimage" onmouseover="ShowImg4()">
                                <img src="creativeinkadmin/sql/product_image/<?php echo $row['pimage4']; ?>" height="65px" width="65px">
                            </div>
                        <?php
                            }
                        ?>
                    </div>
                    <div class="col-12 col-md-4">
                        <div class="buy-pic" id="first">
                            <img src="creativeinkadmin/sql/product_image/<?php echo $row['pimage']; ?>" alt="id card" height="100%" width="100%">
                        </div>
                        <div class="buy-pic" id="sec">
                            <img src="creativeinkadmin/sql/product_image/<?php echo $row['pimage1']; ?>" alt="id card" height="100%" width="100%">
                        </div>
                        <div class="buy-pic" id="third">
                            <img src="creativeinkadmin/sql/product_image/<?php echo $row['pimage2']; ?>" alt="id card" height="100%" width="100%">
                        </div>
                        <div class="buy-pic" id="forth">
                            <img src="creativeinkadmin/sql/product_image/<?php echo $row['pimage3']; ?>" alt="id card" height="100%" width="100%">
                        </div>
                        <div class="buy-pic" id="fifth">
                            <img src="creativeinkadmin/sql/product_image/<?php echo $row['pimage4']; ?>" alt="id card" height="100%" width="100%">
                        </div>
                        <div class="btn m-0 p-0 pt-5" id="buy_button">
                            
                            
                            <a href="tel:+9875353677">Buy Now</a>
                            <a href="javascript:void()" style="background-color:#D71313!important;">Add To Cart</a>
                        </div>
                    </div>
                    <div class="col-12 col-md-7" id="buy_now">
                        <div id="title-area" class="pt-2">
                            <?php
                            $id = $_GET['id'];
                            $sql1 = "SELECT * FROM product WHERE id = '$id'";
                            $table1 = mysqli_query($conn,$sql1);
                            if(mysqli_num_rows($table1) > 0){
                                    $row1 = mysqli_fetch_array($table1);
                                    $id = $row['id'];
                            ?>
                                <span><a href="https://creativeink.in/">Home</a> <i class="fas fa-angle-right"></i> <span><a href="animation_and_designing.php"><?php echo $row1['categori']; ?></a></span> <i class="fas fa-angle-right"></i> <a href="javascript:void(0)"><?php echo $row1['pname']; ?></a></span>
                                <span class="float-right pt-2 pr-3"><a href="javascript:void(0)">Share</a> <i class="fas fa-share"></i> </span>
                                <div id="share">
                                    <a href="https://www.facebook.com"><i class="fab fa-facebook-f"></i></a>
                                    <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
                                    <a href="https://www.twitter.com"><i class="fab fa-twitter"></i></a>
                                    <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
                                </div>
                            <?php
                                }
                        ?>
                        </div>
                        <div class="buy-desc">
                            <h2 class="pt-2" style=" letter-spacing:0.3px; font-family: Abril Fatface!important;"><?php echo $row['pname']; ?></h2>
                            <span style="font-size:11px; background-color:#388e3c; color:#fff; padding:3px 5px; border-radius:3px;">4.1<i class="fas fa-star ml-1" style="font-size:9px;"></i></span>
                            <span style="font-size:14px; color:#5C5470; padding-left:8px; font-family: inter,sans-serif!important;">84 Rating & 3 Reviews</span>
                            <h3 class="mt-3" style="margin-left:-5px; font-family: inter,sans-serif!important;"><img src="../Icon/rupee.png" alt="..." height="35px" width="35px"> <span class="text-dark" style="margin-left:-15px;"><?php echo $row['sprice']; ?></span>.00  <span style="text-decoration:line-through; color:#5C5470; font-size:15px;"><img src="../Icon/rupee.png" alt="..." height="17px" width="17px"> <span style="margin-left:-5px; color:#5C5470;"><?php echo $row['mrp']; ?>.00</span></span></h3>
                            <div class="pdetails">
                                <h6 class=" pl-1" style="font-family: inter,sans-serif!important;"><b>Product Details</b></h6>
                            </div>
                            
                            <div id="para" class="mt-2">
                                     <?php
                                        if(!empty($row['firstfeature'])){
                                    ?>
                                        <img src="fimg/icons.png" alt="fimg" height="16px" width="16px"><span class="mt-2" style="font-family: inter,sans-serif!important; margin-left:5px; margin-top:6px;"><?php echo $row['firstfeature']; ?></span><br>
                                    <?php
                                        }
                                    ?>
                                    <?php
                                        if(!empty($row['secondfeature'])){
                                    ?>
                                        <img src="fimg/icons.png" alt="fimg" height="16px" width="16px"><span class="mt-2" style="font-family: inter,sans-serif!important; margin-left:5px; margin-top:6px;"><?php echo $row['secondfeature']; ?></span><br>
                                    <?php
                                        }
                                    ?>
                                    <?php
                                        if(!empty($row['thirdfeature'])){
                                    ?>
                                        <img src="fimg/icons.png" alt="fimg" height="16px" width="16px"><span class="mt-2" style="font-family: inter,sans-serif!important; margin-left:5px;"><?php echo $row['thirdfeature']; ?></span><br>
                                    <?php
                                        }
                                    ?>
                                    <?php
                                        if(!empty($row['forthfeature'])){
                                    ?>
                                        <img src="fimg/icons.png" alt="fimg" height="16px" width="16px"><span class="mt-2" style="font-family: inter,sans-serif!important; margin-left:5px;"><?php echo $row['forthfeature']; ?></span><br>
                                    <?php
                                        }
                                    ?>
                                     <?php
                                        if(!empty($row['fifthfeature'])){
                                    ?>
                                        <img src="fimg/icons.png" alt="fimg" height="16px" width="16px"><span class="mt-2" style="font-family: inter,sans-serif!important; margin-left:5px;"><?php echo $row['fifthfeature']; ?></span><br>
                                    <?php
                                        }
                                    ?>
                            </div>
                        </div>

<div class="mt-3">
                            <div class="pdetails">
                                <h6 class="pt-1 pl-1" style="font-family: inter,sans-serif!important;"><b>Overview</b></h6>
                            </div>
                            
                            <p class="text-justify pt-2 pl-4 pr-3" style="font-family: inter,sans-serif!important; font-size:14px!important;">
                                <?php echo $row['shortdesc']; ?>
                            </p>
                        </div>
                    <?php
                        }else{
                    ?>
                        <span class="text-danger">Out Of Stock</span>
                    <?php
                        }
                        
                    ?>
                   
                    </div>
                    
                    <div class="col-12 col-md-5" id="buy_form">
                        <div class="customer_details">
                            <div class="row">
                                <div class="col-12 col-md-4">
                                    <h6>Customer Details</h6>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 col-md-6 m-0 p-0">
                                    <table class="table table-responsive">
                                        <tr>
                                            <td>Customer Name <span style="color:red;">*</span></td>
                                        </tr>
                                        <tr>
                                            <td><input type="text" name="cname" class="form-control" placeholder="Enter Customer Name" required></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-12 col-md-6 m-0 p-0">
                                    <table class="table table-responsive">
                                        <tr>
                                            <td>Mobile Number <span style="color:red;">*</span></td>
                                        </tr>
                                        <tr>
                                            <td><input type="text" name="mobile" class="form-control" placeholder="Enter Mobile Number" required></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-12 col-md-6 m-0 p-0">
                                    <table class="table table-responsive">
                                        <tr>
                                            <td>Alternative Mobile Number</td>
                                        </tr>
                                        <tr>
                                            <td><input type="text" name="altmobile" class="form-control" placeholder="Enter Alt. Mobile Number"></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-12 col-md-6 m-0 p-0">
                                    <table class="table table-responsive">
                                        <tr>
                                            <td>Email Id</td>
                                        </tr>
                                        <tr>
                                            <td><input type="email" name="mail" class="form-control" placeholder="Enter Email Id"></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 m-0 p-0">
                                    <table class="table table-responsive">
                                            <tr>
                                                <td>Full Address <span style="color:red;">*</span></td>
                                            </tr>
                                            <tr>
                                                <td><textarea name="add" class="form-control" required></textarea></td>
                                            </tr>
                                    </table>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-12 col-md-6 m-0 p-0">
                                    <table class="table table-responsive">
                                        <tr>
                                            <td>Landmark <span style="color:red;">*</span></td>
                                        </tr>
                                        <tr>
                                            <td><input type="text" name="land" class="form-control" placeholder="Enter Landmark" required></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-12 col-md-6 m-0 p-0">
                                    <table class="table table-responsive">
                                        <tr>
                                            <td>District <span style="color:red;">*</span></td>
                                        </tr>
                                        <tr>
                                            <td><input type="text" name="dist" class="form-control" placeholder="Enter District" required></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-12 col-md-6 m-0 p-0">
                                    <table class="table table-responsive">
                                        <tr>
                                            <td>State <span style="color:red;">*</span></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <select name="state" class="form-control" required>
                                                    <option disabled selected value>--Select State--</option>
                                                    <option value="Andhra Pradesh">Andhra Pradesh</option>
                                                    <option value="Arunachal Pradesh">Arunachal Pradesh</option>
                                                    <option value="Assam">Assam</option>
                                                    <option value="Bihar">Bihar</option>
                                                    <option value="Chhattisgarh">Chhattisgarh</option>
                                                    <option value="Goa">Goa</option>
                                                    <option value="Gujarat">Gujarat</option>
                                                    <option value="Haryana">Haryana</option>
                                                    <option value="Himachal Pradesh">Himachal Pradesh</option>
                                                    <option value="Jharkhand">Jharkhand</option>
                                                    <option value="Karnataka">Karnataka</option>
                                                    <option value="Kerala">Kerala</option>
                                                    <option value="Madhya Pradesh">Madhya Pradesh</option>
                                                    <option value="Maharashtra">Maharashtra</option>
                                                    <option value="Manipur">Manipur</option>
                                                    <option value="Meghalaya">Meghalaya</option>
                                                    <option value="Mizoram">Mizoram</option>
                                                    <option value="Nagaland">Nagaland</option>
                                                    <option value="Odisha">Odisha</option>
                                                    <option value="Punjab">Punjab</option>
                                                    <option value="Rajasthan">Rajasthan</option>
                                                    <option value="Sikkim">Sikkim</option>
                                                    <option value="Tamil Nadu">Tamil Nadu</option>
                                                    <option value="Telangana">Telangana</option>
                                                    <option value="Tripura">Tripura</option>
                                                    <option value="Uttar Pradesh">Uttar Pradesh</option>
                                                    <option value="West Bengal">West Bengal</option>
                                                </select>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-12 col-md-6 m-0 p-0">
                                    <table class="table table-responsive">
                                        <tr>
                                            <td>Pin Code <span style="color:red;">*</span></td>
                                        </tr>
                                        <tr>
                                            <td><input type="text" name="pin" class="form-control" placeholder="Enter Pin"></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="submit-btn">
                                        <table>
                                            <tr>
                                                <td><a href="javaScript:void(0)" onclick="Back()" class="btn1">PREVIOUS</a></td>
                                                <td><input type="submit" name="order" value="Place Order" class="btn"></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</section>

<section>
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <style>
.footer-area{
    height: auto;
    background-color: #151D3B!important;
    margin-top: -50px!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-color:#c32aa3;
    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 mt-5">
            <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;">
						    West Prantik, Shantinagar, Behind ESI Hospital, 
                             
						</span><br>
						<span style="padding-left: 16px;">
						    Bally, Howrah-711227
						</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="100%" 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. 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: 130px; border-radius: 0px; font-family: 'Roboto Slab', serif;"></td>
                                        <td><button class="btn btn-primary" 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"><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"><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: animation_item.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation