Gecko [ thecigaretteboxes.com ]

Name	Size	Permission
admin	[ DIR ]	drwxr-xr-x
client_panel	[ DIR ]	drwxr-xr-x
emails	[ DIR ]	drwxr-xr-x
errors	[ DIR ]	drwxr-xr-x
exports	[ DIR ]	drwxr-xr-x
layouts	[ DIR ]	drwxr-xr-x
vendor	[ DIR ]	drwxr-xr-x
about_us.blade.php	828 B	-rw-r--r--
beat_my_quote.blade.php	11.37 KB	-rw-r--r--
blogs.blade.php	4.63 KB	-rw-r--r--
category_products.blade.php	49.93 KB	-rw-r--r--
contact_us.blade.php	9.4 KB	-rw-r--r--
custom_printed_boxes.blade.php	57.52 KB	-rw-r--r--
dashboard.blade.php	4.07 KB	-rw-r--r--
faqs.blade.php	3.86 KB	-rw-r--r--
imagesitemap.blade.php	1.89 KB	-rw-r--r--
index.blade.php	17.49 KB	-rw-r--r--
index_old.blade.php	9.71 KB	-rw-r--r--
latest_offers.blade.php	58.09 KB	-rw-r--r--
personalized_packaging_boxes.b...	6.48 KB	-rw-r--r--
portfolio.blade.php	2.29 KB	-rw-r--r--
post.blade.php	1.32 KB	-rw-r--r--
privacy_security.blade.php	829 B	-rw-r--r--
product_detail.blade.php	110.85 KB	-rw-r--r--
review.blade.php	9.18 KB	-rw-r--r--
search.blade.php	13.68 KB	-rw-r--r--
sitemap.blade.php	5.96 KB	-rw-r--r--
sitemapxml.blade.php	2.34 KB	-rw-r--r--
templates.blade.php	42.18 KB	-rw-r--r--
terms.blade.php	760 B	-rw-r--r--
thank_you.blade.php	1.12 KB	-rw-r--r--
welcome.blade.php	72.5 KB	-rw-r--r--

Code Editor : product_detail.blade.php

@extends('layouts.product_app')
@section('contents')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" rel="stylesheet" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet" />

@keyframes scroll {
            0% {transform: translateX(0);}
            100% {transform: translatex(-1000%)}
        }
        .content-full a{

color: #0a58ca;
        }
        .stection-two-heading{
            font-size: 26px;
            font-family: "Poppins Bold";
        }
        .text-span{
            font-size: 1.5rem;
            font-family: "Poppins Bold";
        }
        .text-span2{
            font-size: 18px;
            font-family: "Poppins Bold";
        }
        .span-heading{
            font-size: 26px !important;
            font-family: 'Poppins Bold';
        }
        textarea, input,
        input::placeholder {
            font: 10px/3 "Poppins Light";
        }

textarea::placeholder {
            font: 10px/3 "Poppins Light";
        }
        .mar-pay {
            margin-top: -1px;
        }
        .main_image {
            width: 100%;
            height: 100%;
        }
        .content-inner {
            max-height: 505px;
            overflow: hidden;
            transition: max-height 0.25s ease;
        }

.read-more {
            display: inline-block;
            margin-top: 10px;
            font-weight: bold;
            cursor: pointer;
            padding: 0px !important;
        }
        .title_box h2 {
            text-transform: uppercase !important;
            margin-top: 20px;
            margin-bottom: 5px;
            font-size: 18px !important;
            text-align: center;
            font-family: 'Poppins Medium';
        }
        .testimo{
            margin-top: 15px;

}
        .testimonials {
            min-height: 367px !important;
            padding-top: 12px;
            padding-bottom: 0px;
            display: flex;
            justify-content: center;
            height: 256px !important;
        }
        .py-5s {
            padding-top: 0.9rem!important;
        }
        .product-slider .owl-carousel .owl-next {
            display: inline-block;
            position: absolute;
            top: 43%;
            right: -100px;
        }
        .product-slider .owl-carousel .owl-prev {
            display: inline-block;
            position: absolute;
            top: 43%;
            left: -100px;
        }
        .content-inner {
            max-height: 505px;
            overflow: hidden;
            transition: max-height 0.25s ease;
        }

.read-more {
            display: inline-block;
            margin-top: 10px;
            font-weight: bold;
            cursor: pointer;
            padding: 0px !important;
        }
        h1{

font-size: 26px !important;
        }
        .poppins{
            font-family: 'Poppins Bold';
            vertical-align: middle;
        }
        .font-12{
            font-size: 12px  !important;
        }
        .font-14{
            font-size: 14px  !important;
        }
        .font-bold{
            font-family: "Poppins Bold" !important;
        }
        .user_profiles{

height: 50px !important;
            width: 49px !important;
            border-radius:50px !important;
        }
        .owl-dots{
            display: none;
        }

.payment{
            width: 65%;
        }

.owl-nav{
            display: none;
        }

hr:not([size]) {
            height: 2px;
            color: #00b67a;
            width: 169px;
            margin: 7px auto 8px;
            opacity: 1;
        }
        #spambot{
            font-size: 10px !important;
            margin-top: -5px;
        }
        .products-h2{
            font-size: 36px !important;
            font-family: "Poppins Bold";
        }
        .font-18{
            font-size: 18px !important;
            color: #fab900;
            font-weight: 700;
            white-space: break-spaces;
        }
        .font-20{
            font-size: 20px !important;
            font-family: 'Poppins Bold';
        }
        .pro_secp{
            background: #fafafa;
        }
        .padding-right-zero{
            padding-right: 0px !important;
        }

.short_form_bg{

background: url('{{asset('assets/images/Shape-1.jpg')}}');
            background-repeat: no-repeat;
            background-attachment: scroll;

background-size:cover;
            margin-top: -3px;
            background-size: cover;
            /* margin-top: -3px; */
            /* height: 544px; */
            background-position: center;
        }
        .card_title{

border-top-left-radius: 11px 13px;
            border-top-right-radius: 11px 13px;
        }

.boarder_radius{

border-top-left-radius: 11px 13px !important;
            border-top-right-radius: 11px 13px !important;
            border-bottom-right-radius: 11px 13px !important;
            border-bottom-left-radius: 11px 13px !important;
        }
        .product_detail p{
            font-size: 16px;
        }

.font-28{

font-size: 28px !important;

}

a {

color :black
        }

a:hover {
            color: black;
        }
        .perfect-content{

padding: 20px 0;
        }
        .testimonials {
            min-height: 367px;
            padding-top: 12px;
            padding-bottom: 0px;
            display: flex;
            justify-content: center;
        }
        .card-body {
            flex: 1 1 auto;
            padding: 0.8rem 1rem;
        }
        .py-3s{
            margin-top: 36px !important;
        }
        .bigimg{
            width: 647px !important;
            height: 630px !important;
            margin: 0px;
        }
        .tiless{padding: 0px;}
        @media all and (max-width:1920px) {
            .col-md-4s{
                width: 100% !important;
            }
            .py-3s {
                margin-top: -34px !important;
            }
            .testimonials {
                min-height: 418px !important;
                padding-top: 12px;
                padding-bottom: 0px;
                display: flex;
                justify-content: center;
                height: 256px !important;
            }
            textarea{
                min-height: 150px !important;
            }
        }
        @media all and (max-width:1560px) {
            .product-slider .owl-carousel .owl-next {
                display: inline-block;
                position: absolute;
                top: 43%;
                right: -50px;
            }
            .product-slider .owl-carousel .owl-prev {
                display: inline-block;
                position: absolute;
                top: 43%;
                left: -50px;
            }
        }
        .product-sec{
            min-height: 420px;
        }
        @media all and (max-width:1680px) {
            .bigimg {
                width: 647px;
                height: 551px !important;
            }

.col-md-4s{
                width: 100% !important;
            }
            textarea{
                min-height: 70px!important;
                height: 86px;
            }

.product_detail p {
                font-family: "Poppins medium";
                font-size: 12px;
            }
            .mb-5s{
                margin-top: -20px;
            }
            .font-14{

font-size: 13px !important;
                padding-top: 4px;
            }
            .py-3s {
                margin-top: -36px !important;
            }
            .py-5s {
                padding-top: 0.5rem!important;
            }
            .main_image {
                width: 100%;
                height: 89%;
            }
            .os_bold{
                font-size: 14px !important;
            }
            .testimo{
                margin-top: 13px;
                margin-bottom: 4px;
            }
            .testimonials {
                min-height: 341px !important;
                padding-top: 12px;
                padding-bottom: 0px;
                display: flex;
                justify-content: center;
                height: 256px !important;
            }

}
        @media (max-width:1366px) {
            .product-slider {
                min-height: 333px !important;
            }
            .py-5s {
                padding-top: 2.1rem!important;
            }
            .payment {
                width: 65%;
                margin-top:4px;
            }

.products {
                min-height: 333px !important;
            }
            .product-slider .owl-carousel .owl-next {
                display: inline-block;
                position: absolute;
                top: 43%;
                right: -50px;
            }
            .product-slider .owl-carousel .owl-prev {
                display: inline-block;
                position: absolute;
                top: 43%;
                left: -50px;
            }

.main_image {
                width: 100%;
                height: 90% !important;
            }

h1 {
                font-size: 20px !important;
            }

.get-quote span {
                color: red;
                margin-top: 0px!important;
                font-size: 17px;
                font-family: 'Poppins Bold';
            }

.os_bold {
                font-size: 12px !important;
            }

.py-3s {
                margin-top: -26px !important;
            }
            .font-14 {
                font-size: 11px !important;
            }
            .fontsize16 {
                font-size: 13px!important;
                color: #000;
            }
            .col-md-4s{
                width: 100% !important;
            }
            .img-trust{
                max-width: 61% !important;
            }

.testimonials {
                min-height: 256px !important;
                padding-top: 12px;
                padding-bottom: 0px;
                display: flex;
                justify-content: center;
                height: 252px !important;
            }
            .mar-pay {
                margin-top: -07px;
            }
            .product_detail p {
                font-family: "Poppins medium";
                font-size: 12px;
            }
            .py-3s{

padding: 0px !important;
            }

.btn.btn-warning.btn-quote {
                color: #2b2b2b;
                background-color: #fab900;
                border: none;
                padding: 10px 33px;
                margin-top: 7px;
                font-weight: 700;
                font-size: 14px;
            }

.mb-5s {
                margin-bottom: 0px !important;
                margin-top: -45px;
            }

.bigimg {
                width: 562px !important;
                height: 478px !important;
            }
        }
        @media all and (max-width:1250px) {
            .product-slider {
                min-height: 333px !important;
            }
            .products {
                min-height: 333px !important;
            }
            .product-sec{
                min-height: 380px;
            }
            .product-slider .owl-carousel .owl-next {
                display: inline-block;
                position: absolute;
                top: 43%;
                right: -10px;
            }
            .product-slider .owl-carousel .owl-prev {
                display: inline-block;
                position: absolute;
                top: 43%;
                left: -10px;
            }
        }
        @media all and (max-width:950px) {
        }        @media all and (max-width:950px) {
            .product-slider {
                min-height: 333px !important;
            }
            .products {
                min-height: 333px !important;
            }
            .product-slider .owl-carousel .owl-next {
                display: inline-block;
                position: absolute;
                top: 43%;
                right: 0px;
            }
            .product-slider .owl-carousel .owl-prev {
                display: inline-block;
                position: absolute;
                top: 38%;
                left: 0px;
            }
        }
        .owl-carousel .owl-item img{
            height: 100%;
        }
        @media  (max-width:768px) {

.main_image {
                width: 93%;
                height: 100%;
            }
            .bigimg {
                width: 562px !important;
                height: 478px !important;
            }
            .short_form_bg .col-md-8 {
                flex: 0 0 auto;
                width: 100%;
            }
            .short_form_bg .col-md-4 {
                flex: 0 0 auto;
                width: 62% !important;
                margin: 0 auto;
            }
            .short_form_bg {

background-repeat: no-repeat;
                background-attachment: scroll;

background-position: center center !important;
                background-size: cover !important;

height: auto !important;
                background-size: cover;
                /* margin-top: -3px; */
                /* height: 544px; */
                background-position: center;
            }

.bigimg {
                width: 100% !important;
                height: auto !important;
            }

.main_image {
                width: 101%;
                height: 100%;
            }
        }

@media all and (max-width:575px) {
            .product-slider {
                min-height: 420px !important;
            }
            .products_container{
                padding: 92px 0;
            }
            .single-img {
                margin-top: 24px;
                width: 100%;
            }
        }

.bigimg {
            width: 647px;
            height: 645px;
        }
        .testi {
            padding: 72px;
            padding-bottom: 0px;
        }
        .table-title{

padding-left: 20px;
        }
        .col-3{
            border-right: 1px solid #fab900;
            margin-right: 33px;

}
        .perfect-content{
            font-family: "Poppins Medium";
        }
        @media (max-width: 820px) {
            .bigimg {
                width: 695px !important;
                height: 670px !important;
            }

.main_image {
                width: 100%;

}

}
        @media (max-width: 575px) {
            .bigimg{

width: 363px !important;
                height: 334px !important;
            }
            .main_image {
                idth: 96%;
                height: 350px;
            }
            .strss{
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .testi {
                padding: 4%;
                padding-bottom: 0px;
            }
        }
        @media (max-width: 1280px) {

.bigimg {
                width: 556px;
                height: 481px;
            }
            .py-3s {
                margin-top: -17px !important;
            }
            .main_image {
                width: 100%;
                height: 90%;
            }
            .h1{
                font-size: 23px !important;
            }
            .img-trust {
                max-width: 66%;
                height: auto;
            }
            .fontsize16 {
                font-size: 12px!important;
                color: #000;
            }
            .os_bold{
                font-size: 12px !important;
            }

.testimonials {
                min-height: 168px !important;
                padding-top: 12px;
                padding-bottom: 0px;
                display: flex;
                justify-content: center;
                height: 240px !important;
            }
            .get-quote span {
                color: red;
                margin-top: 0px!important;
                font-size: 17px;
                font-family: 'Poppins Bold';
            }
            .font-14 {
                font-size: 11px !important;
            }

.py-5s {
                padding-top: 0.5rem!important;

}

.payment {
                width: 65%;
                margin-top: -13px;
            }
            .col-md-4s{
                width: 100%;
            }
            .product_detail p {
                font-size: 14px;
            }
            textarea{
                min-height: 95px !important;
                height: 95px !important;
            }
            #get_quote .pb-3{
                padding-bottom: 0.4rem!important;
            }
            .mb-5s {
                margin-top: -33px;
                margin-bottom: 0px !important;
            }
            .mar-pay {
                margin-top: -16px;
            }

.btn.btn-warning.btn-quote {
                color: #2b2b2b;
                background-color: #fab900;
                border: none;
                padding: 5px 29px;
                margin-top: 7px;
                font-weight: 700;
                font-size: 15px;
            }
            .col-md-4s {
                width: 100% !important;
                margin-top: -22px;
            }
        }
        .form-select-sm {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
            padding-left: 0.5rem;
            font-size: 0.75rem !important;
        }

.form-select {
            display: block;
            width: 100%;
            padding: 0.375rem 2.25rem 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #ced4da;
            background-color: #fff;
            background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
            background-repeat: no-repeat;
            background-position: right 0.75rem center;
            background-size: 16px 12px;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }
        @media (max-width: 1024px) {
            hr:not([size]) {
                height: 2px;
                color: #00b67a;
                width: 132px;
                margin: 7px auto 8px;
                opacity: 1;
            }
            textarea {
                min-height: 80px!important;
                height: 80px !important;
            }
            .px-3s{
                margin-left: 26px !important;
            }
            .product_detail p {
                font-size: 12px;
            }
            .os_bold {
                font-size: 10px !important;
            }
            .py-3s {
                margin-top: -4px !important;
            }
            .marg-btn{
                margin-top: -27px;
            }
            .bigimg {
                width: 100% !important;
                height: auto !important;
            }
            .mb-5s {
                margin-top: -44px;
                margin-bottom: 0px !important;
                margin-left: 244px;
            }
            .fontsize22 {
                font-family: auto;
                font-size: 18px !important;
                padding-right: 10px;
                color: #c2c2c238;
                padding-left: 4px;
            }
            .get-quote span {
                color: red;
                margin-top: 0px!important;
                font-size: 14px;
                font-family: 'Poppins Bold';
            }
            .font-14 {
                font-size: 9px !important;
            }
            .short_form_bg {
                background: url('{{asset('assets/images/Shape-1.png')}}');                background-repeat: no-repeat;
                background-attachment: scroll;
                background-size: cover;
                margin-top: -3px;
                background-size: cover;
                /* margin-top: -3px; */
                /* height: 544px; */
                background-position: center;
            }
        }
        @media (max-width: 768px) {
            .mar-top {
                margin-top: 50px;
            }
            .py-3s {
                margin-top:-6px !important;
            }
            .font-14 {
                font-size: 15px !important;
            }
            .get-quote span {
                color: red;
                margin-top: 0px!important;
                font-size: 23px;
                font-family: 'Poppins Bold';
            }
            .bigimg {
                width: 100% !important;
                height: auto !important;
            }
            #spambot {
                font-size: 12px !important;
                margin-top: -5px;
            }
            .single-img {
                margin-top: 73px;
            }
            .col-md-4s {
                flex: 0 0 auto;
                width:100%;
            }
            .font-28 {
                font-size: 20px !important;
            }

textarea.form-control-sm {
                height: 50px !important;
            }
        }

@media (max-width: 575px) {

.product_detail .container{
                padding: 0px !important;
            }
            .bigimg {
                width: 100% !important;
                height: auto  !important;
            }
            .product_detail .col-12{
                padding: 0px !important;
            }
            .single-img {
                margin-top: 0px;
            }
            .product_detail .col-5{

width: 100% !important;
            }
            .product_detail .row{
                padding: 0px !important;
                margin: 0px !important;
            }.product_detail .tiless{
                 padding: 0px !important;
             }
            .fontsize16 {
                font-size: 23px!important;
                color: #000;
            }
            .px-3s {
                margin-left: -2px !important;
            }
            .fontsize22 {
                font-family: auto;
                font-size: 28px !important;
                padding-right: 10px;
                color: #c2c2c238;
                padding-left: 4px;
            }
            .services {
                background: #ffffff;
                padding: 0px;
                padding-top: 50px;
            }
            .f-services {
                padding: 0px;
                padding-top: 50px;
            }

#footerm {
                display: none !important;
            }

.os_bold {
                font-size: 15px !important;
            }
            .card-body{
                text-align: center;
            }
            .centers{
                margin: 0 auto;
                max-width: 20% !important;
                height: auto;
                margin-left: 170px;
            }

.form-first .col-md-2 {
                width: 25%;
            }
            .btn-warning{
                width: 28%;
                float: right;
            }
            .services .col-xl-3{

width: 50% !important;
            }.f-services .col-xl-3{

width: 50% !important;
             }
            span{
                font-size: 12px !important;
            }
            .centers {

}
        }

.bd-best {
            height: calc(307px + 3rem);
            padding: 0.5rem 0;
            overflow: hidden;
            position: relative;
        }
        @media (min-width: 320px){
            .header {
                font-family: "Poppins Medium";
                height: 61px !important;
                vertical-align: middle;
                padding: 7px;
                background-color: #4b4b4b!important;
            }
        }
        .bd-best-list {
            align-items: stretch;
            animation-duration: 50s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            display: flex;
            left: 0;
            position: absolute;
            top: 1rem;
            -webkit-animation-name: bdBestCarousel;
            animation-name: bdBestCarousel;
        }

.bd-best-item {
            flex-grow: 0;
            flex-shrink: 0;
            margin-right: 16px;
            transition-duration: 85ms;
            transition-property: box-shadow,transform;
text-align:    center;
        }

.bd-best-item:hover {
            box-shadow: 0 1em 1em rgba(0,0,0,.1);
            transform: translateY(-.1em);
        }
        .bd-best-list:hover {
            -webkit-animation-play-state: paused;
            animation-play-state: paused;
        }

@keyframes bdBestCarousel{
            100%{
                transform: translateX(calc(-155% + 3120px));
            }
        }

.input-placeholder {
            position: relative;
        }
        .input-placeholder input {
            padding: 2px;
        }
        .input-placeholder input:valid + .placeholder {
            display: none;
        }
        .input-placeholder input:valid + .placeholders {
            display: none;
        }
        .placeholder {
            position: absolute;
            pointer-events: none;
            top: 3px;
            bottom: 2px;
            left: 6px;
            margin: auto;
            color: #ccc;
            font-size: 12px;
            font: 10px/3 "Poppins Light";
        }

.placeholders {
            position: absolute;
            pointer-events: none;
            top: -2px;
            bottom: 2px;
            left: 6px;
            margin: auto;
            color: #ccc;
            font-size: 12px;
            font: 10px/3 "Poppins Light";
        }
        .placeholders span {
            color: red;
        }.placeholder span {
            color: red;
        }
        @media (min-width: 3700px) {

.bd-best {
                min-height: 400px;
            }

.bd-best-item {
                width: 200px;
                height: 100px;
            }
            .bd-best-list {
                animation-duration: 80s;
            }
            .kl_img{
                width: 300px;
                height: 300px;
            }

}

</style>

<?php

if(isset($_GET['gclid'])){
        $gclid=$_GET['gclid'];

}else{
        $gclid='';

}

?>
    <?php

if(isset($_GET['MSCLKID'])){
        $MSCLKID=$_GET['MSCLKID'];

}else{
        $MSCLKID='';

}

</div>

<div class="col-12  col-lg-6">
                    <div class="row zoom-eff bigimg img-fluid">
                        <div class="tiless" data-scale="1.6" >
                            <img class="main_image"   src="{{ asset('assets/products-gallery/'.$products->product_gallery[0]->image) }}" title="{{$products->product_gallery[0]->img_title}}" alt="{{  $products->product_gallery[0]->alt}}" aria-label="{{$products->product_gallery[0]->img_title}}"

width="100" height="100" >
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-12">
                            <div class="row productss ">

<div class="owl-carousel">
                                    @foreach($products->product_gallery as $k=>$gallery)
                                        <div class="item single-img" style="">

<img class="slider_images" loading="lazy" src="{{ asset('assets/products-gallery/'.$gallery->image) }}" title="{{$gallery->img_title}}" alt="{{ $gallery->alt}}"  aria-label="{{ $gallery->img_title}}"
                                                 width="100" height="100" >

</div>
                                    @endforeach
                                </div>
                            </div>

</div>
                    </div>
                </div>

<div class="col-12 col-lg-6 mar-top">
                    <div class="row px-3 pb-3">
                        <h1 class="h1 text-start w-100 " >{{ $products->product_name }}</h1>

<span class="strs">{!! $products->product_description !!}</span>

</div>
                    <div class="row px-3">
                        <div class="col-5 col-md-5">
                            <div class="card">
                                <a href="https://www.trustpilot.com/review/oxopackaging.com">  <div class="card-body">
                                        <img src="{{asset('assets/images/Trustpilot_Logo_(2022).svg.png')}}" width="128"  height="31" alt="oxopackaging" class="img-fluid pb-2 img-trust ">
                                        <br>
                                        <img src="{{asset('assets/images/stars-5 copy.png')}}" alt="oxopackaging" width="124"  height="24" class="img-fluid img-trust"> <span class="px-2 py-2 fontsize22 text-dark poppins">4.9</span>
                                        <p class="my-2 mb-0 os_bold">Reviews 275  •  Excellent</p>
                                    </div>
                                </a>
                            </div>

<div class="owl-carousel owl-theme">
                                            @foreach($testimonials as $testimonial)
                                                <a href="{{$testimonial->link}}">
                                                    <div class="item">
                                                        <div class="row pb-2">
                                                            <div class="col-2">
                                                                @if($testimonial->image)

<img class="rounded user_profiles "  loading="lazy" alt="user" title="user" src="{{ asset('assets/testimonials/'.$testimonial->image) }}">
                                                                @else
                                                                    <div style="     width: 50px;
        width: 54px;
    height: 52px;
    background: #fab900;
    border-radius: 50%;
    padding: 11px;
    font-size: 17px !important;
    font-family: 'Poppins Bold';
    color: black;
    padding-top: 14px;">  <?php $zd=explode(' ',$testimonial->client_name)?> {{ strtoupper(mb_substr($zd[0], 0, 1))  }} @if(!empty($zd[1])){{ strtoupper(mb_substr($zd[1], 0, 1) ) }}@endif</div>
                                                                @endif
                                                            </div>
                                                            <div class="col-10 d-flex align-items-end">
                                                                <div class="d-block px-3  px-3s" style="
    margin-left: 9px;
">
                                                                    <span class="fontsize16">{{ $testimonial->client_name }}</span>
                                                                    <br>
                                                                    <span class="font-12 strss" style="color: #000000">{{ $testimonial->designation }}</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <hr>
                                                        <img src="{{asset('assets/images/stars-5.png')}}" class="w-50 pb-2 img-fluid centers" alt="oxopackaging">
                                                        <div class="comments">
                                                            <p class="os_bold str" ><?php
                                                                $comments = strip_tags(substr( $testimonial->comments, 0, 150));
                                                                echo $comments.'...';
                                                                ?>
                                                            </p>

<p class="my-0">Date of experience:</p>
                                                            <p class="font-12">  {{date('F-d-Y',strtotime($testimonial->date))}}</p>
                                                        </div>

</div>
                                                </a>
                                            @endforeach
                                        </div>
                                    </div>      </div>

</div>
                            <div class="py-4 py-5s">
                                <a href="javascript:;" id="lets_chat"  aria-label="lets_chat">
                                    <img  src="{{asset('assets/images/-e-Free.png')}}" alt="oxopackaging" class=" displaynoned img-fluid" width="233px" height="72px">
                                </a>
                            </div>
                        </div>

<div class="col-md-12 get-quote">
                                    <div class="row">
                                        <div class="col-8">
                                            <span class="">
                                                GET CUSTOM QUOTE
                                            </span>
                                        </div>
                                        <div class="col-4">
                                            <p class="font-14"> ID {{$products->id}}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if(!empty(session('error')))
                                <div class="alert alert-danger">
                                    {{ session('error') }}
                                </div>
                            @endif
                            <form id="get_quote" action="{{ route('product_get_quote') }}" method="post">
                                @csrf
                                <input type="hidden" value="{{ url()->current() }}" name="current_url">
                                <input type="hidden" name="product_id" value="{{ $products->id  }}">

</div>
                                        </div>

</div>

<div class="form-group">
                                            <select name="color" id="color" class="form-control form-select form-select-sm ">
                                                <option value="">Color</option>
                                                <option value="1 Color">1 Color</option>
                                                <option value="2 Color">2 Color</option>
                                                <option value="3 Color">3 Color</option>
                                                <option value="4 Color">4 Color</option>
                                                <option value="4/1 Color">4/1 Color</option>
                                                <option value="4/2 Color">4/2 Color</option>
                                                <option value="4/3 Color">4/3 Color</option>
                                                <option value="4/4 Color">4/4 Color</option>
                                            </select>
                                        </div>
                                    </div>

<input class="form-control form-control-sm  required" required   name="quantity" value="{{ old('quantity') }}" id="quantity">
                                            <div class="placeholder">
                                                <span>*</span>Quantity

</div>
                                    </div>
                                    </div>

<div class="placeholder">
                                                <span>*</span>Phone
                                            </div>

</div>
                                    </div>

<input class="form-control form-control-sm required" name="contact_email"     value="{{ old('contact_email') }}" id="email">
                                            <input type="hidden" name="qtype" value="<?php if($gclid){ echo 'Paid'  .'( Google )' ;}elseif($MSCLKID){ echo 'Paid' .'( Bing )' ;} ?>">
                                            <input type="hidden" required  name="<?php if($gclid){ echo 'gclid';} ?><?php if($MSCLKID){ echo 'MSCLKID'  ;} ?>" class="form-control search_input_top" placeholder="Search" value="<?php if($gclid){ echo $gclid  ;} ?><?php if($MSCLKID){ echo $MSCLKID  ;} ?>">
                                            <div class="placeholder">
                                                <span>*</span>Email
                                            </div>
                                        </div>
                                    </div>

<textarea class="form-control form-control-sm" rows="5" name="message" id="message" placeholder="Describe  here...">{{ old('message') }}</textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">

<div class="col-md-12">
                                                <div class="row">
                                                    <div class="col-md-2 padding-right-zero">
                                                        <input id="num1" class="sum form-control form-control-sm " type="text" name="num1" value="<?php echo rand(1,4) ?>" readonly="readonly" />
                                                    </div>
                                                    <div class="col-md-1 py-2 text-center">
                                                        <span class="text-center">+</span>
                                                    </div>
                                                    <div class="col-md-2 text-center padding-right-zero">
                                                        <input id="num2" class="sum form-control form-control-sm col-2" type="text" name="num2" value="<?php echo rand(5,9) ?>" readonly="readonly" />
                                                    </div>
                                                    <div class="col-md-1 py-2 text-center">
                                                        <span class="text-center">=</span>
                                                    </div>
                                                    <div class="col-md-2 padding-right-zero">
                                                        <input id="captcha" class="captcha form-control form-control-sm col-2" type="text" name="captcha" maxlength="2" /><br>
                                                    </div>
                                                    <div class="col-md-4 col-md-4s py-2 " >
                                                        <span id="spambot">(Are you human?)</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row py-3 pt-0    mb-5s">
                                    <div class="form-group d-flex justify-content-end">
                                        <button type="submit" id="btn"  class="btn btn-warning btn-quote ">Submit</button>
                                    </div>
                                </div>
                            </form>
                            <div class="row py-3 py-3s">

<p class=" font-14 font-bold mar-pay" >Payment Methods</p>
                                <img class="img-fluid payment" alt="oxopackaging"  src="{{asset('assets/images/layer-189.webp')}}" width="210px" height="25px">
                            </div>

</div>

</div>
                </div>

</div>
        </div>

</div>
    <section id="testimonialsa" class="testimonialsa displaynonem section-bg testimonialsa">

<div class=" py-5 px-3 pb-3 ">
                            <div class="col-md-3 col-md-3ss">
                                <span class="testimonialsa-span">GET CUSTOM QUOTE</span>
                            </div>
                            <div class="col-md-9  mt-2  displaynoned">
                                <i class="fas fa-truck"></i> <span class="freship">Free Shipping</span>
                            </div>

</div>
                    </div>
                </div>
                <div class="row form-first">

<div class="col-md-12">
                        <div class="row">
                            <div class="col-md-9">
                                @if(!empty(session('error')))
                                    <div class="alert alert-danger">
                                        {{ session('error') }}
                                    </div>
                                @endif
                                <form id="get_quotes" action="{{ route('product_get_quote') }}" method="post">
                                    @csrf
                                    <input type="hidden" value="{{ url()->current() }}" name="current_url">
                                    <input type="hidden" name="product_id" value="{{ $products->id  }}">
                                    <div class="row g-3 align-items-center py-3" style="

padding-top: 0px !important;
">
                                        <div class="col-auto displaynoned">
                                            <label class="col-form-label">Size:</label>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group input-placeholder">
                                            <input name="product_length" id="product_length" value="" class="form-control form-control-sm required" required>
                                            <div class="placeholders">
                                                <span>*</span>L
                                            </div>
                                            </div>

</div>
                                        <div class="col-md-3">
                                            <div class="form-group input-placeholder">
                                            <input name="product_width" id="product_width" value="" class="form-control form-control-sm required" required>
                                            <div class="placeholders">
                                                <span>*</span>W
                                            </div>
                                        </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group input-placeholder">
                                            <input name="product_depth" id="product_depth" value="" class="form-control form-control-sm required" required>

<div class="row g-3 align-items-center py-2">
                                        <div class="col-auto displaynoned">
                                            <label class="col-form-label">Qty:</label>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group input-placeholder">
                                            <input type="text" name="quantity" class="form-control form-control-sm " required value=""  min="1" max="100000">
                                                <div class="placeholders">
                                                    <span>*</span>Quantity
                                                </div>
                                            </div>

</div>

<div class="form-group">
                                                <select name="color" class="form-control form-select  form-select-sm">
                                                    <option value="">Select Color</option>
                                                    <option value="1 Color">1 Color</option>
                                                    <option value="2 Color">2 Color</option>
                                                    <option value="3 Color">3 Color</option>
                                                    <option value="4 Color">4 Color</option>
                                                    <option value="4/1 Color">4/1 Color</option>
                                                    <option value="4/2 Color">4/2 Color</option>
                                                    <option value="4/3 Color">4/3 Color</option>
                                                    <option value="4/4 Color">4/4 Color</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-lg-4s">
                                            <div class="form-group input-placeholder">
                                            <input class="form-control form-control-sm required" placeholder="Product Name" name="product_name" id="name">
                                            <input type="hidden" name="qtype" value="<?php if($gclid){ echo 'Paid'  .'( Google )' ;}elseif($MSCLKID){ echo 'Paid' .'( Bing )' ;} ?>">
                                            <input type="hidden" required  name="<?php if($gclid){ echo 'gclid';} ?><?php if($MSCLKID){ echo 'MSCLKID'  ;} ?>" class="form-control search_input_top" placeholder="Search" value="<?php if($gclid){ echo $gclid  ;} ?><?php if($MSCLKID){ echo $MSCLKID  ;} ?>">

</div>
                                        </div>
                                        <div class="col-lg-4 col-lg-4s">
                                            <div class="form-group input-placeholder">
                                            <input class="form-control form-control-sm required" required  name="contact_name" id="name">
                                            <div class="placeholders">
                                                <span>*</span>Name
                                            </div>
                                            </div>

</div>
                                    </div>
                                    <div class="row g-3 align-items-center py-2">

<div class="col-lg-3 col-lg-3s">
                                            <div class="form-group input-placeholder">
                                            <input class="form-control form-control-sm required" required="" name="contact_phone" id="phone"  type="text">
                                                <div class="placeholders">
                                                    <span>*</span>Phone No
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-lg-4s">
                                            <div class="form-group input-placeholder">
                                            <input class="form-control form-control-sm required" required="" name="contact_email" id="email" >
                                        <div class="placeholders">
                                            <span>*</span>Email Address
                                        </div>
                                        </div>
                                    </div>

</div>
                                    <div class="row g-3 align-items-center py-2">

<div class="col-auto displaynoned">
                                            <label class="col-form-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                        </div>
                                        <div class="col-lg-10">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <input id="num1s" placeholder="num1" class="sum col-2  form-control form-control-sm" type="text" name="num1" value="<?php echo rand(1,4) ?>" readonly="readonly" />
                                                </div>
                                                <div class="col-md-1  py-2">
                                                    <span>+</span>
                                                </div>
                                                <div class="col-md-3">
                                                    <input id="num2s" placeholder="num2" class="sum col-2 form-control form-control-sm" type="text" name="num2" value="<?php echo rand(5,9) ?>" readonly="readonly" />

</div>
                                                <div class="col-md-1 py-2">
                                                    <span>=</span>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group input-placeholder">
                                                    <input id="captchas" required class="captchas col-2 form-control form-control-sm" type="text" name="captcha" maxlength="2" /><br>

</div>

</div>
                                            <span id="spambots">(Are you human, or spambot?)</span>
                                        </div>

</div>

<div class="col-auto displaynoned">
                                            <label class="col-form-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                        </div>
                                        <button type="submit" id="btns" class="btn btn-roundeds btn-warning">Submit</button>
                                    </div>
                            </div>
                            </form>
                        </div>

<div class="col-md-3 form-first bg displaynoned">
                            <div class="text-center py-4 text-white">
                                <span class="shop-span">Shop with Confidence</span>
                                <span class="text-center py-1" style="font-size: 17px;color:#ffbd00;font-family: Poppins Medium ">Money <br>
                                        Back Guarantee</span>
                            </div>

</div>
                </div>

</div>
        </div>
        </div>

</section>
    <div class="container">
        <div class="products_details products-h2 displaynoned">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-7">
                        <span class="products-h2">@if($products->section_one_heading){{$products->section_one_heading}}@else {{"Paramount Quality Packaging Materials"}}@endif </span>
                        <p class="px-0">@if($products->section_one_text){{$products->section_one_text}}@else {{"We use high-quality and flexible materials to make your custom packaging boxes. Custom boxes manufactured with sturdy raw materials having higher tensile strength provide optimal safety to your products. These packaging raw materials are also eco-friendly and long-lasting. That is what makes them the preferred choice of our customers."}}@endif</p>

<span class="font-14">More Than +5000 Satisfied Clients Worldwide</span>

</div>

<span class="font-18">What We Give  </span>
                        <div class="clearfix"></div>
                        <span class="font-20 mb-4">Create Custom Boxes Quick and Easy</span>
                        <div class="col-md-12 mb-3">
                            <div class="row">
                                <div class="col-md-4">
                                    <img class="img-fluid " src="{{asset('assets/images/img-1.png')}}" width="59" height="59" alt="oxopackaging" >
                                    <div class="clearfix"></div>
                                    <span class="font-20"> Design </span>
                                    <p class="px-0">Get your custom boxes made in the required size, shape, and style.</p>
                                </div>
                                <div class="col-md-4">
                                    <img class="img-fluid" src="{{asset('assets/images/img-2.png')}}"  width="59" height="59"  alt="oxopackaging" >
                                    <div class="clearfix"></div>
                                    <span class="font-20"> Print </span>
                                    <p class="px-0">Upload your artwork and get it superbly printed the way you want.</p>

</div>
                                <div class="col-md-4">
                                    <img class="img-fluid " src="{{asset('assets/images/img-3.png')}}"  width="59" height="59"  alt="oxopackaging" >
                                    <div class="clearfix"></div>
                                    <span class="font-20">Get it done</span>
                                    <p class="px-0">Order any quantity, enjoy a wholesale price, pay no extra for die plates.</p>
                                </div>

</div>

</div>
                    <div class="col-md-5">
                        <img class="img-fluid h-100 w-100" src="{{asset('assets/images/'.$products->product_one_image)}}" alt="{{$products->product_one_alt	}}" >

</div>
                </div>

</div>

</div>
    </div>

<?php /*
    <section class="products bg_pro">
        <div class="container py-4">
            <h1 class="text-center home_page_h1">One place to get your custom packaging</h1>
            <p class="text-center h6 text-color">OXO Packaging offers a variety of custom packaging solutions and project assistance <br> with pricing and service you'll love.</p>
        </div>
        <div class="container ">
            <div class="row">

<div class="col-lg-2 col-md-4 col-sm-4 col-4 col-6">
                    <div class="text-center">
                        <div class="fbox-icon">
                            <i class="i-alt i-light noborder"><img src="{{ asset('assets/images/no.webp') }}" loading="lazy" width="99" height="99" alt=""></i>
                        </div>
                        <h3 class="point-name pt-2 text-uppercase">No die & <br>Plate Charges</h3>
                    </div>
                </div>

<div class="col-lg-2 col-md-4 col-sm-4 col-4 col-6">
                    <div class="text-center">
                        <div class="fbox-icon">
                            <a href="#"><i class="i-alt i-light noborder"><img src="{{ asset('assets/images/high.webp') }}"  loading="lazy"width="99" height="99" alt=""></i></a>
                        </div>
                        <h3 class="point-name pt-2 text-uppercase">Quick <br> Turnaround<br>Time

</h3>
                    </div>
                </div>

<div class="col-lg-2 col-md-4 col-sm-4 col-4 col-6">
                    <div class="text-center">
                        <div class="fbox-icon">
                            <a href="#"><i class="i-alt i-light noborder"><img src="{{ asset('assets/images/15-business.webp') }}" loading="lazy" width="99" height="99" alt=""></i></a>
                        </div>
                        <h3 class="point-name pt-2 text-uppercase">Free &amp; <br>Shipping</h3>
                    </div>
                </div>

<div class="col-lg-2 col-md-4 col-sm-4 col-4 col-6">
                    <div class="text-center">
                        <div class="fbox-icon">
                            <a href="#"><i class="i-alt i-light noborder"><img src="{{ asset('assets/images/starting.webp') }}" loading="lazy" width="99" height="99" alt=""></i></a>
                        </div>
                        <h3 class="point-name  pt-2 text-uppercase ">Starting From <br> 50 Boxes</h3>
                    </div>
                </div>

<div class="col-lg-2 col-md-4 col-sm-4 col-4 col-6">
                    <div class="text-center">
                        <div class="fbox-icon">
                            <a href="#"><i class="i-alt i-light noborder"><img src="{{ asset('assets/images/custom.webp') }}" loading="lazy" width="99" height="99" alt=""></i></a>
                        </div>
                        <h3 class="point-name pt-2 text-uppercase">Customize Size <br> & Style</h3>
                    </div>
                </div>

<div class="col-lg-2 col-md-4 col-sm-4 col-4 col-6">
                    <div class="text-center">
                        <div class="fbox-icon">
                            <a href="#"><i class="i-alt i-light noborder"><img src="{{ asset('assets/images/ellipse.webp') }}" loading="lazy" width="99" height="99" alt=""></i></a>
                        </div>
                        <h3 class="point-name pt-2 text-uppercase ">Free Graphic <br> designing</h3>
                    </div>
                </div>

</div>
        </div>
    </section>

*/?>
    <section class="pro_secp">
        <div class="container">
            <div class="py-5 ">
                <span class="clr-orange">Product Specification</span>
                <br>
                <table class="w-100">
                    <tbody>
                    <tr>
                        <td class="col-3">
                            <p><strong>Box Style</strong></p>
                        </td>
                        <td class="table-title">
                            <p><?php echo $products->product_box_style;?></p>
                        </td>
                    </tr>

<tr>
                        <td class="col-3">
                            <p><strong>Dimension (L + W + H)</strong></p>
                        </td>
                        <td class="table-title">
                            <p><?php echo $products->product_dimension;?></p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-3">
                            <p><strong>Quantities</strong></p>
                        </td>
                        <td class="table-title">
                            <p>
                            No Minimum Order Required
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-3">
                            <p><strong>Paper Stock</strong></p>
                        </td>
                        <td class="table-title">
                            <p>
                            10pt to 28pt (60lb to 400lb) Eco-Friendly
                                Kraft, E-flute Corrugated, Bux Board, Cardstock
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-3">
                            <p><strong>Printing</strong></p>
                        </td>
                        <td class="table-title">
                            <p><?php echo $products->product_printing;?></p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-3">
                            <p><strong>Finishing</strong></p>
                        </td>
                        <td class="table-title">
                            <p>
                            Gloss Lamination, Matte Lamination, Gloss AQ,
                                Gloss UV, Matte UV, Spot UV, Embossing, Foiling
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-3">
                            <p><strong>Included Options</strong></p>
                        </td>
                        <td class="table-title">
                            <p><?php echo $products->product_included_options;?></p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-3">
                            <p><strong>Additional Options</strong></p>
                        </td>
                        <td class="table-title">
                            <p><?php echo $products->product_additional_options;?><strong></strong></p>
                        </td>
                    </tr>

<tr>
                        <td class="col-3">
                            <p><strong>Proof</strong></p>
                        </td>
                        <td class="table-title">
                            <p>
                            Flat View, 3D Mock-up, Physical Sampling (On
                                request)
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-3">
                            <p><strong>Turnaround</strong></p>
                        </td>
                        <td class="table-title">
                            <p><?php echo $products->product_turnaround;?></p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-3">
                            <p><strong>Shipping</strong></p>
                        </td>
                        <td class="table-title">
                            <p><?php echo $products->product_shipping;?></p>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </section>
    <div class="clearfix"></div>
    <section class="short_form_bg displaynoned" id="testimonials" >
        <div class="container">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-8">
                        <div class="py-5 pb-0 my-2">
                            <span class="stection-two-heading"> @if($products->section_two_heading){{$products->section_two_heading}}@else {{$products->product_name}}@endif </span>
                        </div>
                        <p class="px-0">@if($products->section_two_text){{$products->section_two_text}}@else {{"To send you a quote, we need your order details. And for that, all we ask from you is to fill out the form.  And once you're happy with the quote, we proceed with the production of your custom boxes."}}@endif
                        </p>
                        <img class="img-fluid "  src="{{asset('assets/images/'.$products->product_two_image)}}"  alt="{{$products->product_two_alt	}}">

</div>

<div class="col-md-4 py-5 pb-0 my-2" style="
    margin-top: -132px !important;
    position: revert;">
                        <div class="card boarder_radius"  style="box-shadow: rgb(0 0 0 / 17%) 0px 0px 6px 0px inset, rgb(0 0 0 / 15%) 7px -12px 7px 0px inset, rgb(0 0 0 / 10%) 0px 0px 40px 0px inset, rgb(0 0 0 / 6%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 4px 2px, rgb(0 0 0 / 9%) 1px 1px 4px, rgb(0 0 0 / 9%) 0px 0px 8px, rgb(0 0 0 / 9%) 1px -2px 0px 0px;" >
                            <h5 class="card-title card_title  py-3 px-3 pb-0"><span class=" font-28" style="color: red ;font-family: 'Poppins Bold'">Instant Quote</span>
                                <p style="
    color: black;
    font-size: 12px;
">Fill this form if you are not sure about the dimensions.</p>
                            </h5>

@if(!empty(session('error')))
                                    <div class="alert alert-danger">
                                        {{ session('error') }}
                                    </div>
                                @endif
                                <form id="iget_quotes" action="{{ route('instant_get_quote') }}" method="post">
                                    @csrf
                                    <input type="hidden" value="{{ url()->current() }}" name="current_url">
                                    <input type="hidden" name="product_id" value="{{ $products->id  }}">

</div>

<div class="placeholder">
                                                    <span>*</span>Quantity
                                                </div>
                                                </div>
                                            </div>

</div>

<input class="form-control form-control-sm  required" required name="contact_phone"   value="{{ old('contact_phone') }}"  id="phone" type="text">
                                                <div class="placeholder">
                                                    <span>*</span> Phone
                                                </div>
                                            </div>
                                        </div>

<input class="form-control form-control-sm required" name="contact_email"    value="{{ old('contact_email') }}" id="email">
                                                <input type="hidden" name="qtype" value="<?php if($gclid){ echo 'Paid'  .'( Google )' ;}elseif($MSCLKID){ echo 'Paid' .'( Bing )' ;} ?>">
                                                <input type="hidden" required  name="<?php if($gclid){ echo 'gclid';} ?><?php if($MSCLKID){ echo 'MSCLKID'  ;} ?>" class="form-control search_input_top" placeholder="Search" value="<?php if($gclid){ echo $gclid  ;} ?><?php if($MSCLKID){ echo $MSCLKID  ;} ?>">
                                                <div class="placeholder">
                                                    <span>*</span> Email
                                                </div>
                                            </div>
                                        </div>

<textarea class="form-control form-control-sm" rows="5" name="message" id="message" placeholder="Describe  here...">{{ old('message') }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">

<div class="col-md-12">
                                                    <div class="row">
                                                        <div class="col-md-2">
                                                            <input id="inum1s" class="sum form-control form-control-sm " type="text" name="num1" value="<?php echo rand(1,4) ?>" readonly="readonly" />
                                                        </div>
                                                        <div class="col-md-1 py-2 text-center">
                                                            <span class="text-center">+</span>
                                                        </div>
                                                        <div class="col-md-2 text-center">
                                                            <input id="inum2s" class="sum form-control form-control-sm col-2" type="text" name="num2" value="<?php echo rand(5,9) ?>" readonly="readonly" />
                                                        </div>
                                                        <div class="col-md-1 py-2 text-center">
                                                            <span class="text-center">=</span>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group input-placeholder">
                                                            <input id="icaptchas" class="icaptchas form-control form-control-sm col-2" required type="text" name="captcha" maxlength="2" /><br>
                                                            <div class="placeholder">
                                                                <span>*</span>Ans
                                                            </div>
                                                            </div>

</div>
                                                        <div class="col-md-4 col-md-4s  py-2 " style="margin-top: -7px">
                                                            <span id="ispambots">(Are you human, or spambot?)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row py-3">
                                        <div class="form-group d-flex justify-content-end">
                                            <button type="submit" class="btn btn-warning btn-quote ">Submit</button>
                                        </div>
                                    </div>
                                </form>

</div>
                        </div>
                    </div>

</div>
            </div>
        </div>
    </section>

<span class="span-heading pb-3">Stock Type &amp; Thickness</span>
            </div>

<div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="member ">
                                <img loading="lazy" width="292" height="235" src="{{asset('assets/images/cardstock.webp')}}" class="img-fluid" alt="">
                                <div class="member-info">
                                    <div class="member-info-content py-4">
                                        <span class="text-span">Cardboard</span> <br>
                                        <span>We use cardboard material with the least environmental impact and minimizes waste generation.</span>
                                    </div>

</div>
                            </div>
                        </div> 
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="member ">
                                <img loading="lazy" width="292" height="235" src="{{asset('assets/images/kraft.webp ')}}" class="img-fluid" alt="">
                                <div class="member-info">
                                    <div class="member-info-content py-4">
                                        <span class="text-span">Kraft</span> <br>
                                        <span>Kraft paper is a strong, durable and reliable material that is widely used across many different industries.</span>
                                    </div>

</div>
                            </div>
                        </div> 
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="member ">
                                <img loading="lazy" width="292" height="235" src="{{asset('assets/images/rigid.webp')}}" class="img-fluid" alt="">
                                <div class="member-info">
                                    <div class="member-info-content py-4">
                                        <span class="text-span">Rigid</span> <br>
                                        <span>Rigid is highly protective, affordable and recyclable material. These boxes provide maximum protection.</span>
                                    </div>

</div>
                            </div>
                        </div> 
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="member ">
                                <img loading="lazy" width="292" height="235" src="{{asset('assets/images/corrugated.webp')}}" class="img-fluid" alt="">
                                <div class="member-info">
                                    <div class="member-info-content py-4">
                                        <span class="text-span">Corrugated</span> <br>
                                        <span>Corrugated material is easy to customize, cost effective and sustainable. It is also great for branding
purposes.</span>
                                    </div>

</div>
                            </div>
                        </div>

</div>
                </div>
            </div>

</div>
    </section>

<span class="stection-two-heading">Finishing Assortment</span>
            </div>

<img loading="lazy" width="306" height="155" src="{{asset('assets/images/02.webp')}}" class="img-fluid" alt="">
                        <div class="member-info">
                            <div class="member-info-content py-3 text-center pb-3">
                                <span class="text-span2">Foil Stamping</span> <br>
                                <span>Decorate a wide range of your product packaging with our foil stamping.</span>

</div>
                        </div>
                    </div>

<img loading="lazy" width="306" height="155" src="{{asset('assets/images/07.webp')}}" class="img-fluid" alt="">
                        <div class="member-info">
                            <div class="member-info-content  py-3 text-center pb-3">
                                <span class="text-span2">Spot UV</span> <br>
                                <span>Our high-gloss UV coating gives light and shine to cure the printed material's varnish.</span>
                            </div>

</div>
                    </div>

<img loading="lazy" width="306" height="155" src="{{asset('assets/images/gloss.webp')}}" class="img-fluid" alt="">
                        <div class="member-info">
                            <div class="member-info-content  py-3 text-center pb-3">
                                <span class="text-span2">Gloss</span> <br>
                                <span>Our glossy finishing gives your packaging an extra layer of shine.</span>
                            </div>

</div>
                    </div>

<img loading="lazy" width="306" height="155" src="{{asset('assets/images/03.webp')}}" class="img-fluid" alt="">
                        <div class="member-info">
                            <div class="member-info-content  py-3 text-center pb-3">
                                <span class="text-span2">Holographic Foiling</span> <br>
                                <span>Holographic foil diffracts light and reveals the colors of the rainbow at various angles.</span>
                            </div>

</div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="member ">
                            <img loading="lazy" width="306" height="155" src="{{asset('assets/images/01.webp')}}" class="img-fluid" alt="">
                            <div class="member-info">
                                <div class="member-info-content  py-3 text-center pb-1">
                                    <span class="text-span2">Embossing</span> <br>
                                    <span>With our embossing technique, we transfer the finest details of your product on packaging.</span>
                                </div>

</div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6">

<img loading="lazy" width="306" height="155" src="{{asset('assets/images/08.webp')}}" class="img-fluid" alt="">
                        <div class="member-info">
                            <div class="member-info-content  py-3 text-center pb-1">
                                <span class="text-span2">Debossing</span><br>
                                <span>We use debossing technique to add unique graphics into your packaging.</span>

</div>
                        </div>
                    </div>

<div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="member ">
                            <img loading="lazy" width="306" height="155" src="{{asset('assets/images/matte.webp')}}" class="img-fluid" alt="">
                            <div class="member-info">
                                <div class="member-info-content  py-3 text-center pb-1">
                                    <span class="text-span2">Matte</span><br>
                                    <span>With our matte finish, fingerprints and smudges will now be less visible on the packaging.</span>
                                </div>

</div>
                        </div>
                    </div>

<div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="member ">
                            <img loading="lazy" width="306" height="155" src="{{asset('assets/images/04.webp')}}" class="img-fluid" alt="">
                            <div class="member-info">
                                <div class="member-info-content  py-3 text-center pb-3">
                                    <span class="text-span2">Soft Touch Lamination</span><br>
                                    <span>We add additional layer of protection with soft touch lamination from toner chipping.</span>
                                </div>

</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

</section>
    <?php /*
    <section class="three-step">
        <div class="container">
            <div class="col-md-12">
        <div class="row">

<div class="col-md-6">
                <h2 class="py-5 px-2">Simple 3 Step Packaging Process</h2>
                <img src="{{asset('assets/images/3-1.png')}}"  loading="lazy"  width="636" height="115"  class="img-fluid">
                <p>

Contact us by giving us a call or filling out a form. There is a list of questions we need to ask you before we can give you a quote.
                </p>
                <p>
                    Your information is secure with us, we don’t give out any information you give us, including but not limited too

</p>
<div class="pb-4">
                <a href="#get_quote" ><button type="button" class="btn btn-warning btn-quote rounded-pill">Get Quote</button></a>
</div>
</div>
            <div class="col-md-6">
                <div class="text-end">
                <img src="{{asset('assets/images/Layer-168.png')}}"  width="526" height="650" loading="lazy"  class="img-fluid">
                </div>
            </div>
        </div>
        </div>
        </div>

</section>

<div class="col-md-12">
                <div class="row">
                    <div class="col-md-6 pt-5">
                        <h2>CLIENT TESTIMONIAL</h2>
                        <p class="p-text">GET TO KNOW ALL ABOUT OUR SERVICE THROUGH VARIOUS BUSINESS CLIENTS.
                        </p>
                        <div class="px-1 py-2">

<div class="owl-carousel owl-theme">
                                @foreach($testimonials as $testimonial)
                                    <div class="item">
                                        <div class="row pb-4">
                                            <div class="col-1">
                                                <img class="user_profile"  loading="lazy" alt="user" title="user" src="{{ asset('assets/images/testimonials/'.$testimonial->image) }}">
                                            </div>
                                            <div class="col-9 d-flex align-items-end">
                                                <div class="d-block px-4">
                                                    <h6>{{ $testimonial->client_name }}</h6>
                                                    <h6 style="color: #a1a1a1">{{ $testimonial->designation }}</h6>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="comments">
                                            <p class="os_bold" ><?php
                                                $comments = strip_tags(substr( $testimonial->comments, 0, 150));
                                                echo $comments.'...';
                                                ?>
                                            </p>
                                        </div>
                                        <div class="row">
                                            <img class="rating" alt="rating"  loading="lazy" title="rating" src="{{ asset('assets/images/stars-img.webp') }}">
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 testi-image">
                        <img class="img-fluid " alt="rating" title="rating" loading="lazy" src="{{ asset('assets/images/layer-139.webp') }}" width="636" height="420">
                    </div>

</div>
            </div>
        </div>
    </section>
*/
    ?>

<div id="test">
                        <div class="content-inner">
                            <div class="content-full">
                                <?php echo $products->product_detail; ?>
                            </div>
                        </div>
                    </div>
                    <span class="read-more">Read more</span>
                </div>
            </div>

</div>
    </section>
    @if($related_products)

<div class="bd-best">
                    <div class="bd-best-list">
                        @foreach($related_products as $product)
                            <figure class="bd-best-item">

<a href="{{ url($product->product_slug.'.html')}}<?php if($gclid){ echo '?gclid='.$gclid ;} ?><?php if($MSCLKID){ echo '?MSCLKID='.$MSCLKID  ;} ?>"  class="text-decoration-none" aria-label="{{$product->product_front_title}}">

<img src="{{ asset('assets/products/'.$product->product_image) }}" loading="lazy" style="width: auto;height:auto " height="330" width="246" class="kl_img" alt="{{$product->product_alt}}">

</a>
                                <br>
                                <br>
                                <a href="{{ url($product->product_slug.'.html')}}<?php if($gclid){ echo '?gclid='.$gclid ;} ?><?php if($MSCLKID){ echo '?MSCLKID='.$MSCLKID  ;} ?>"  class="text-decoration-none">

<span class="product-title" style="
    /* margin-top: 81px; */
    padding-bottom: 10px;
    text-transform: uppercase;
    margin-bottom: 0;
 font-size: 14px;
    font-weight: bold;
    font-family: 'Poppins Bold';
"><?php echo $product->product_name;?></span>
                                </a>
                            </figure>
                        @endforeach

</div>
                </div>

</div>

</section>

@endif
    <template>

</div>
    </template>
@endsection
@push('styles')
    <link rel="stylesheet" href="{{ asset("assets/css/product_detail.css") }}">
@endpush
@push('scripts')

const content = document.querySelector(".content-inner");
        const contentFull = document.querySelector(".content-full");
        const more = document.querySelector(".read-more");
        let open = false;
        //  var words=  WordCount(content);
        // alert(words);
        if (more) {
            more.addEventListener("click", (e) => {
                if (open) {
                    content.removeAttribute("style");
                    e.target.innerText = "Read more";

open = false;
                } else {
                    content.style.maxHeight = `${contentFull.clientHeight}px`;
                    e.target.innerText = "Read less";

open = true;
                }
            });
        }

function WordCount(str) {
            var words = str.split(" ");

var sortedWords = words.sort(function(a,b) {
                if(a.length<b.length) return -1;
                else if(a.length>b.length) return 1;
                else return 0;
            });
            return sortedWords[0];
        }
        $.validator.addMethod('captchas',
            function(value) {

$result = ( parseInt($('#num1s').val()) + parseInt($('#num2s').val()) == parseInt($('#captchas').val()) ) ;
                $('#spambots').fadeOut('fast');
                return $result;
            },
            'Incorrect value, please try again.'
        );
        $(document).ready(function() {
            $('#get_quotes').validate({
                debug: false,
                rules: {
                    contact_phone: {
                        required: true,

},
                },
                chkCaptcha: {
                    required: "* Required"
                },
                highlight: function(element) {
                    $(element).addClass('has-error');
                    $("#btn").prop("disabled", true);
                },
                unhighlight: function(element) {
                    $(element).removeClass('has-error');
                    $("#btn").prop("disabled", false);
                },
                errorElement: 'span',
                errorClass: 'validation-error-message help-block form-helper bold',
                errorPlacement: function(error, element) {
                    return true;
                }
            });

});

$.validator.addMethod('icaptchas',
            function(value) {

$result = ( parseInt($('#inum1s').val()) + parseInt($('#inum2s').val()) == parseInt($('#icaptchas').val()) ) ;
                $('#ispambots').fadeOut('fast');
                return $result;
            },
            'Incorrect value, please try again.'
        );

$('#iget_quotes').validate({
            debug: false,
            rules: {
                contact_phone: {
                    required: true,

}
            },
            chkCaptcha: {
                required: "* Required"
            },
            highlight: function(element) {
                $(element).addClass('has-error');
            },
            unhighlight: function(element) {
                $(element).removeClass('has-error');
                $(this).html('Saving...');
                $(this).attr('disabled', true);
            },
            errorElement: 'span',
            errorClass: 'validation-error-message help-block form-helper bold',
            errorPlacement: function(error, element) {
                return true;
            }
        });
        $('#btn').click(function(){
            //    $(this).html('Saving...');
            //    $(this).attr('disabled', true);
        });
        var banner=document.getElementById('banner');
        var testimonials=document.getElementById('testimonials');
        if(globalThis.screen.availWidth>768){

}else{
            var temp1 = document.getElementsByTagName("template")[1];
            var clon1 = temp1.content.cloneNode(true);
            banner.innerHTML='';
            banner.appendChild(clon1);
        }

var hs=  $(window).height();
        var ws=   $(window).width();

var string = $('.strss').text();
        var str50 = string.substr(0, 10)
        $('.strss').html(str50 + '...' + '.......');
        $('.strss').attr('data-text', string);

$('.readmore').click(function (e) {
            e.preventDefault();
            $(this).parent().html($(this).parent().attr('data-text'))

})

var h=  $(window).height();
        var w=   $(window).width();
        // alert(w);
        var string = $('.strs').text();
        var str50 = string.substr(0, 210)

if(str50.length > 200) {

$('.strs').html(str50 + '...' + '<a class="readmore" href="#">Read More</a>');
            $('.strs').attr('data-text', string);