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	113 B	-rw-r--r--
blogs.blade.php	3.89 KB	-rw-r--r--
contact_us.blade.php	9.79 KB	-rw-r--r--
index.blade.php	15.19 KB	-rw-r--r--
index_old.blade.php	940 B	-rw-r--r--
portfolio.blade.php	14.99 KB	-rw-r--r--
post.blade.php	4.18 KB	-rw-r--r--
practice_area.blade.php	2.1 KB	-rw-r--r--
privacy_security.blade.php	876 B	-rw-r--r--
projects.blade.php	1.68 KB	-rw-r--r--
review.blade.php	9.18 KB	-rw-r--r--
search.blade.php	13.68 KB	-rw-r--r--
service_detail.blade.php	2.88 KB	-rw-r--r--
services.blade.php	4.55 KB	-rw-r--r--
sitemap.blade.php	4.12 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	988 B	-rw-r--r--
thank_you.blade.php	1.07 KB	-rw-r--r--
welcome.blade.php	72.5 KB	-rw-r--r--

Code Editor : welcome.blade.php

@extends('layouts.app')
@push('styles')
    <style>
        #more {display: none;}
        .why-span{
            font-size: 18px !important;
            font-family: 'Poppins Bold';
        }
    </style>
    <script>
        let width = screen.width;
    </script>
    <?php

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

}else{
        $gclid='';

}

?>
    <?php

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

}else{
        $MSCLKID='';

}

?>
    <style>
        @keyframes slidy{0%{left:0}20%{left:0}25%{left:-100%}45%{left:-100%}50%{left:-200%}70%{left:-200%}75%{left:-300%}95%{left:-300%}100%{left:-400%}}.ban_slider{height:651px;width:100%}div#slider{overflow:hidden}div#slider figure img{width:20%;float:left;height:auto}div#slider figure{position:relative;width:500%;margin:0;left:0;text-align:left;font-size:0;animation:30s slidy infinite}.banner_image_view{width:100%;height:100%}.banner_image{width:100%;height:100%}.recommended_products_tab_div{height:426px}{display:none}@media screen and (max-width:1700px){.ban_slider{height:570px;width:100%}}@media screen and (max-width:1500px){.ban_slider{height:520px;width:100%}}@media screen and (max-width:1450px){.ban_slider{height:480px;width:100%}}@media screen and (max-width:1080px){.ban_slider{height:420px;width:100%}}@media screen and (max-width:768px){.ban_slider{height:420px;width:100%}.recommended_products_tab_div{height:570px}}@media screen and (max-width:600px){.ban_slider{height:350px;width:100%}.recommended_products_tab_div{height:570px}}@media screen and (max-width:500px){.ban_slider{height:240px;width:100%}.recommended_products_tab_div{height:530px}}@media screen and (max-width:360px){.ban_slider{height:230px;width:100%}.recommended_products_tab_div{height:530px}}img{opacity:1;transition:opacity 1s}img[data-src]{opacity:0}.highlight{visibility:visible}.testimonials{min-height:350px}@media all and (max-width:575px){.home_page_h1{font-size:28px}.products{background-size:90px}}
        .testimonials{min-height:350px}
        .owl-carousel .owl-stage{display: flex;}

.content-inner {
            max-height: 590px;
            overflow: hidden;
            transition: max-height 0.25s ease;
        }
        p {
            line-height: 1.5;
        }
        .hero-content {
            position: absolute;
            top: -187px;
            bottom: 0;
            left: 319px;
            text-align: initial;
        }

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

.form-first .col-lg-10 {
            flex: 0 0 auto;
            width: 38.333333% !important;
        }
        .font-14{
            font-size: 14px !important;
            font-family: 'Poppins Bold';
        }.font-12{
             font-size: 12px;
             color: #b5b5b5;
         }

.testimonials{
            min-height: 310px;
            padding-top: 35px;
            padding-bottom: 50px;
            display: flex;
            justify-content: center;
        }
        .testimonials_list .item{
            background-color: #ffffff;
            padding:40px
        }
        .user_profile{
            border-start-end-radius: 27px;
            border-end-start-radius: 27px;
            width: 65px !important;
            height: 65px !important;
        }
        .os_bold {
            font-family: "Poppins Bold";
        }
        .rating{
            width: 150px !important;
        }
        .ready_to_start{
            font-size: 32px;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #2e469d;
            font-family: 'Poppins Bold';
        }
        .ready_to_start_detail{
            font-family: 'Poppins';
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.78;
            letter-spacing: normal;
            text-align: left;
            color: #000;
        }
        .get_quote_main{
            min-height: 640px;
            position: absolute;
            background-color: #ffffff;
            width: 480px;
            bottom: -468px;
            right:20px;
            border-radius: 20px;
            z-index: 1;
        }
        .accordion-content {
            max-width: 570px;
            margin: 0 auto;
            padding: 2rem;
            background: #fff;
            box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.09);
            border-radius: 8px;
        }
        .accordion-item {
            display: flex;
            flex-direction: column;

border-radius: 5px;
            border: 1px solid #dddddd;

cursor: pointer;
            background: #fff;
            margin-bottom: 0.5em;
        }
        .item-header {
            display: flex;
            justify-content: space-between;
            column-gap: 0.2em;
        }

.item-icon {
            margin-top: 1rem;
            flex: 0 0 25px;
            display: grid;
            place-items: center;
            font-size: 1.25rem;
            height: 25px;
            width: 25px;
            border-radius: 4px;
            padding-right: 39px;
            cursor: pointer;

}
        .item-icon i {
            transition: all 0.25s cubic-bezier(0.5, 0, 0.1, 1);
        }
        .item-question {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            padding: 1rem 1.25rem;
            font-size: 1rem;
            color: #212529;
            text-align: left;
            /* background-color: #fff; */
            border: 0;
            border-radius: 0;
            overflow-anchor: none;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
        }

.active .item-icon i {
            transform: rotate(180deg);
        }

.active .item-question {
            font-weight: 500;
        }

.item-content {
            max-height: 0;
            overflow: hidden;
            transition: all 300ms ease;

}

.item-answer {
            line-height: 150%;
            opacity: 0.8;
        }
        .brand-carousel {
            background: #eee;
            margin-top: 10%;
        }

.column {
            flex: 25%;
            max-width: 33.3%;
            padding: 0 15px;
        }

.column img {
            margin-top: 8px;
            vertical-align: middle;
            width: 100%;

cursor: pointer;
            transition: 0.3s linear;
        }
        .column img :before {
            border-radius: 50%;
            box-shadow: inset 3px 3px 25px #000;
            content: "";
            height: 100%;
            position: absolute;
            width: 100%;
        }

.client_logos{
            -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
            filter: grayscale(100%);
            background-color: #f9f9f9;
            /* height: 99px; */
            justify-content: center;
            display: flex;
            align-items: center;
            padding-top: 22px;
        }.client_logos .owl-nav{
             display: none;

}

.port-bx:hover .overlay-box {
            opacity: 1;
        }
        .overlay-box {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 12%;
            text-align: center;
            color: #fff;
            background: rgba(0, 0, 0, 0.80);
            opacity: 0;
            transition: all 0.2s ease-in-out;
        }

.port-bx {
            position: relative;
        }
        .fadeInUp {
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
        }

.why-sec {
            position: relative;
            padding:30px 0;

overflow: hidden;
        }
        .r-c-before:before {
            content: "";
            background: url('{{asset('assets/images/wbanner-2.webp')}}') no-repeat right center;
            height: 100%;
            width: 100%;
            background-size: cover;
            position: absolute;
            right: 0;
            top: 0;
            z-index: -100;
            pointer-events: none;
            background-size: 100%;
        }
        section.why-sec.r-c-before .container-fluid {
            padding: 0 7%;
        }
        .hd-txt {

padding-bottom: 20px;
        }
        .hd-txt span{
            font-size: 40px !important;
            font-weight: bold;
            color: #002025;
            margin: 0 0 0px 0;
            font-family: "Poppins Bold";
        }
        .hd-txt h4 {
            font-size: 15px !important;
            font-weight: 300;
            text-transform: uppercase;
            color: #919295;
            padding-top: 15px;
            letter-spacing: 1px;
            font-family: 'Poppins', sans-serif;
        }
        .hd-txt hr {
            display: table;
            width: 50px;
            border-top: 2px solid #900109;
            margin: 25px auto 20px;
        }
        .why-box {
            padding-bottom: 30px;
            padding-left: 0;
        }

.why-hd-txt {
            display: flex;
            align-items: center;
            padding-bottom: 10px;
        }
        .fadeInLeft {
            -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
        }
        .why-hd-txt h2 {
            color: #8f0109;
            font-size: 22px;
            /* font-weight: normal; */
        }
        .wb {
            font-weight: 600 !important;
        }
        .why-hd-txt img {
            margin-right: 10px;
        }

@media (max-width: 1280px) {

.hero-content {
                position: absolute;
                top: -187px;
                bottom: 0;
                left: 295px !important;
                text-align: initial;

}

.hero-content:before {
                content: ' ';
                display: block;
                height: 40%;
            }

.hero-content sp,
            .hero-content p {
                margin-top: 0px;
                margin-bottom: 6px;
                color: #2e2e2e;
            }
            .hero-content span{

font-size: 69px !important;
                color: #2e2e2e;
            }
            .hero-content p{

font-size: 46px;
                color: #2e2e2e;
                margin-bottom: 40px;
            }

}
        div#accordionMenu {
            width: 290px;
        }
        .header  .justify-content-end{
            justify-content: center;
        }

.logo {
            text-align: center !important;

}

.btn-red{
            font-size: 12px;

}
        .contact-tab      .btn-red{
            font-size: 12px !important;

}
        .owl-carousel .owl-item img{

height: 21px;
        }
        .contact-tab img{
            i
        }
        }

.testi-sec {
            position: relative;
            padding: 70px 0;
            overflow: hidden;
        }
        .testi-sec:before {
            content: '';
            background: #f8f8f8;
            position: absolute;
            top: 240px;
            left: 0;
            margin: auto;
            height: 6%;
            width: 50%;

}
        .faqmargn {
            margin-top: -52px;
        }

.faq-clo-st {
            padding-right: 50px;
            z-index: 1;
            margin-top: 25px;
        }
        .testi-sec .hd-txt {
            text-align: left;
        }
        .center-block {
            display: block;
            margin-right: auto;
            margin-left: auto;
        }
        .faq-list-st {
            margin-top: 0 !important;
        }
        #accordion .panel {
            box-shadow: none;
        }
        .testi-sec .panel.panel-default {
            border: 0;
            background-color: transparent;
            box-shadow: 8.242px 21.472px 54px 0px rgb(0 0 0 / 4%);
        }
        #accordion .panel >.panel-heading {
            background-color: transparent;
        }

.testi-sec div#headingOne {
            background: white;
            border: 0 !important;
        }
        #accordion .panel-heading {
            padding: 0;
        }
        .testi-sec .panel-default>.panel-heading {
            color: #333;
            background-color: #00000000;
            border-color: #ddd;
        }
        .testi-sec .panel-heading {
            padding: 0;
            border: 0;
        }
        #accordion .panel h4 {
            color: #000;
            font-weight: 800;
            font-size: 2rem;
        }

.testi-sec .panel-title {
            border: 0;
        }
        .testi-sec .panel-title>a, testi-sec .panel-title>a:active {
            display: block;
            padding: 15px;
            color: #000;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0px;
            word-spacing: 3px;
            text-decoration: none;
            background: transparent !important;
            border-bottom: 1px solid #dfdfdf;
        }
        .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
            border-width: 2px;
        }
        .testi-sec .panel-title>a, testi-sec .panel-title>a:active {
            display: block;
            padding: 15px;
            color: #000;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0px;
            word-spacing: 3px;
            text-decoration: none;
            background: transparent !important;
            border-bottom: 1px solid #dfdfdf;
        }
        .accordion-button{

color:black !important;
            background:#f8f8f8 !important;
        }
        .accordion {

z-index: 456456456456456;
        }
        .accordion-button:not(.collapsed)::after {
            background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
            transform: rotate(-180deg);
        }

.testi-sec hr {
            text-align: left;
            margin: 25px 0;
        }

.hd-txt hr {
            display: table;
            width: 50px;
            border-top: 2px solid #900109;
            margin: 25px auto 20px;
        }

.hero-wrapper {
            clear: both;
            position: relative;
            width: 100%;
            text-align: center;
            font: 18px helvetica, sans-serif;
            color: white;
        }

.hero {
            background-image: url('{{ asset('assets/images/banner-12.webp') }}');
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: center;
            background-size: 100% auto;
            margin-top: -3px;
        }

.hero-sizing {
            padding-top: 31.9%;
        }

.hero-content {
            position: absolute;
            top: -187px;
            bottom: 0;
            left: 295px;
            text-align: initial;

}

.hero-content:before {
            content: ' ';
            display: block;
            height: 40%;
        }

.hero-content span,
        .hero-content p {
            margin-top: 0px;
            margin-bottom: 6px;
            color: #2e2e2e;
        }
        .hero-content span{

font-size: 75px !important;
            color: #2e2e2e;
            font-weight: bold;
        }
        .hero-content p{

font-size: 46px;
            color: #2e2e2e;
            margin-bottom: 40px;
        }

.client_logos_bg{

background: #f9f9f9;
        }
        .section-bg {
            background-color: #f9fbed;
        }

.bg {
            max-height: 344px;
            background: #69a741;
        }
        .products .owl-nav {
            display: none;
        }
        .btn-qty {
            background-color: #fab900!important;
            border-radius: 0;
        }
        .testimonials.owl-nav{
            display: none;
        }
        .why-sec-row{

margin-top: 30px !important;

}
        .client_logos .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            height: 60px;
        }
        @media all and (max-width: 1280px) {
            .hero-content {
                position: absolute;
                top: -187px;
                bottom: 0;
                left: 110px !important;
                text-align: initial;
            }
            .hero-content span {
                font-size: 62px;
                color: #2e2e2e;
            }
        }

@media (max-width: 1366px) {
            .contact-row {
                margin-left: 185px;
            }
            .hero-content span {
                font-size: 60px !important;
                color: #2e2e2e;
            }
            .hero-content {
                position: absolute;
                top: -187px;
                bottom: 0;
                left: 110px!important;
                text-align: initial;
            }
        }
        .product-block  img {
            display: block;
            width: 100%;
            height: auto;
        }

.rating  img {
            display: block;
            width: 126px;
            height: auto;
        }

.fontsize22 img{

width: 96px;
            height: 36px;
        }
        .customer_details a {

color:#0d6efd !important; ;
        }
        .customer_details a:hover {

color:#0d6efd !important; ;
        }
    </style>
@endpush
@section('contents')

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

</div>

<section class="products">
        <div class="container pt-4 pb-1">
            <h1 class="text-center home_page_h1">Your Custom Packaging Partner</h1>
            <p class="text-center h6 text-color">We provides you the best packaging solutions with customized printed box service, which matches your industry and product specific needs. Get high quality custom boxes with logo with a flexible and simple packaging process.</p>
        </div>
        <div class="container">

<div class="row">
                @foreach($products as $product)
                    <div class="col-sm-6 col-xs-12 col-lg-3 col-md-6s">
                        <div class="product-block text-center padding-none shadow-view">

<a href="{{ url($product->slug.'.html')}}<?php if($gclid){ echo '?gclid='.$gclid  ;} ?><?php if($MSCLKID){ echo '?MSCLKID='.$MSCLKID  ;} ?>" class="change-hoverD d-sm-flex justify-content-center flex-wrap" aria-label="<?php echo $product->product_slug;?>" rel="noopener">

<img alt="<?php echo $product->image_alt;?>" loading="lazy" title="<?php echo $product->image_title;?>" loading="lazy"
                                     width="300" height="300"
                                     src="{{ asset('assets/images/placeholder-generic_0.webp') }}"
                                     data-src="{{asset('assets/categories/'.$product->category_image)}}"

aria-label="<?php echo $product->image_title;?>" alt="{{$product->image_alt}}" >
                            </a>
                            <div class="clearfix detail-panel" >

<a href="{{ url($product->slug.'.html')}}<?php if($gclid){ echo '?gclid='.$gclid ;} ?><?php if($MSCLKID){ echo '?MSCLKID='.$MSCLKID  ;} ?>">                                <span class="product-title"><?php echo $product->title;?></span>
                                    <?php $stringDescription = substr($product->product_description, 0, 80);
                                    $stringDescription=strip_tags($stringDescription); ?>
                                </a>

</div>

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

</div>
    </section>
    <div>

<section class="products bg_pro displaynoned">
            <div class="container py-4 text-center">
                <span class="text-center home_page_h1">One place to get your custom packaging</span>
                <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>
                            <p class="point-name pt-2 text-uppercase">No die & <br>Plate Charges</p>
                        </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">
                                <i class="i-alt i-light noborder"><img src="{{ asset('assets/images/high.webp') }}"  loading="lazy"width="99" height="99" alt=""></i>
                            </div>
                            <p class="point-name pt-2 text-uppercase">Quick <br> Turnaround<br>Time

</p>
                        </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">
                                <i class="i-alt i-light noborder"><img src="{{ asset('assets/images/15-business.webp') }}" loading="lazy" width="99" height="99" alt=""></i>
                            </div>
                            <p class="point-name pt-2 text-uppercase">Free &amp; <br>Shipping</p>
                        </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">
                                <i class="i-alt i-light noborder"><img src="{{ asset('assets/images/starting.webp') }}" loading="lazy" width="99" height="99" alt=""></i>
                            </div>
                            <p class="point-name  pt-2 text-uppercase ">Starting From <br> 50 Boxes</p>
                        </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">
                                <i class="i-alt i-light noborder"><img src="{{ asset('assets/images/custom.webp') }}" loading="lazy" width="99" height="99" alt=""></i>
                            </div>
                            <p class="point-name pt-2 text-uppercase">Customize Size <br> & Style</p>
                        </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">
                                <i class="i-alt i-light noborder"><img src="{{ asset('assets/images/ellipse.webp') }}" loading="lazy" width="99" height="99" alt=""></i>
                            </div>
                            <p class="point-name pt-2 text-uppercase ">Free Graphic <br> designing</p>
                        </div>
                    </div>

</div>
            </div>
        </section>
        <section class="products displaynoned">
            <div class="container py-4 text-center">
                <span class="text-center home_page_h1">PREMIUM FINISHES</span>
                <p class="text-center h6">VARIETY OF FINISHING OPTIONS TO ENSURE SPECTACULAR LOOKS AND PREMIUM FEEL OF CUSTOM BOXES</p>
            </div>
            <div class="container py-4 pt-0">

<div class="column">
                        <div class="port-bx port-1 wow fadeInUp pb-3" data-wow-duration="0.5s" data-wow-delay="0s">
                            <img src="{{ asset('assets/images/Layer-13.webp') }}" loading="lazy" width="418" height="518" alt="Foiling" class="h-50 mb-3">
                            <span class="img-text2 ">Holographic Foiling</span>
                        </div>
                        <div class="port-bx port-1 wow fadeInUp" style="margin-top: -5px;" data-wow-duration="0.5s" data-wow-delay="0s">
                            <img src=" {{ asset('assets/images/Layer-18.webp') }}" loading="lazy" width="418" height="468"  alt="Sliver Foiling" class="h-25">
                            <span class="img-text">Sliver Foiling</span>
                        </div>

</div>
                    <div class="column">
                        <div class="port-bx port-1 wow fadeInUp pb-2" data-wow-duration="0.5s" data-wow-delay="0s">
                            <img src="{{ asset('assets/images/Layer-16.webp') }}" loading="lazy"  width="418" height="380" alt="Gold Foiling" class=" h-25 mb-3">
                            <span class="img-text2">Gold Foiling</span>
                        </div>
                        <div class="port-bx port-1 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0s">

<img src="{{ asset('assets/images/Layer-14.webp') }}" loading="lazy" width="407" height="380"  alt="Embossing" class="h-25 mb-3">
                            <span class="img-text2 ">Embossing</span>
                        </div>
                        <div class="port-bx port-1 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0s">

<img src="{{ asset('assets/images/Layer-105.webp') }}" loading="lazy" width="407" height="585" alt="Debossing" class=" h-41">
                            <span class="img-text">Debossing</span>
                        </div>

</div>
                </div>

</div>
        </section>

<section class="why-sec r-c-before displaynoned">
            <div class="container">
                <div class="row why-sec-row">
                    <div class="col-sm-12">
                        <div class="hd-txt">
                            <span class="wow fadeInUp">Why Choose Us?</span>
                            <p class="wow fadeInUp">ACCOMPLISH YOUR BUSINESS GOALS WITH OUR SUPERIOR SERVICE</p>

</div>
                    </div>

<div class="col-md-8">
                            <div class="row">
                                <div class="col-md-4">
                                    <img class="wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.2s" src="{{ asset('assets/images/Layer-107.webp') }}" loading="lazy" width="56" height="56" alt="oxo packaging">
                                    <br>
                                    <br>
                                    <span class="why-span">Customize Size and Shape</span>
                                    <p >We create what you want, <br>
                                        therefore you have complete freedom over the size and shape of your boxes.
                                    </p>
                                </div>
                                <div class="col-md-4">
                                    <img class="wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.2s" src="{{ asset('assets/images/Layer-110.webp') }}" loading="lazy" width="56" height="56" alt="oxo packaging">
                                    <br>
                                    <br>
                                    <span class="why-span">Welcome to the Team Green!</span>
                                    <p>Understanding your concerns! <br>
                                        we’re only offering exquisite custom boxes made up of sustainable and eco-friendly materials.
                                    </p>
                                </div>
                                <div class="col-md-4">
                                    <img class="wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.2s" loading="lazy" src="{{ asset('assets/images/Layer-113.webp') }}" width="56" height="56" alt="oxo packaging">
                                    <br>
                                    <br>
                                    <span class="why-span">High-End Printing Quality!</span>
                                    <p>To get amazing printing results,<br>
                                        we employ digital and inkjet printing, and this makes us different.
                                    </p>
                                </div>
                            </div>
                            <div class="row" >
                                <div class="col-md-4">
                                    <img class="wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.2s" loading="lazy" src="{{ asset('assets/images/Layer-108.webp') }}" width="56" height="56" alt="oxo packaging">
                                    <br>
                                    <br>
                                    <span class="why-span">Exclusive Finishing and Features</span>
                                    <p>The icing on the cake! <br>
                                        Limitless customization features to make a statement with your spectacular boxes.
                                    </p>
                                </div>
                                <div class="col-md-4">
                                    <img class="wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.2s" loading="lazy" src="{{ asset('assets/images/Layer-106.webp') }}" width="56" height="56" alt="oxo packaging">
                                    <br>
                                    <br>
                                    <span class="why-span">Free & Fast Delivery</span>
                                    <p>Delivery Fee? It’s Free. <br>
                                        We offer the fastest, on-time delivery to your door.

</p>
                                </div>
                                <div class="col-md-4">
                                    <img class="wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.2s" loading="lazy" src="{{ asset('assets/images/Layer-109.webp') }}" width="56" height="56" alt="oxo packaging">
                                    <br>
                                    <br>
                                    <span class="why-span">Free Design Support</span>
                                    <p>You visualize,<br>
                                        and our exceptional team of designers makes that design a reality.
                                    </p>
                                </div>
                            </div>
                            <div class="row ">
                                <div class="col-md-4 displynone">
                                    <img class="wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.2s" loading="lazy" src="{{ asset('assets/images/Layer-111.webp') }}" width="56" height="56" alt="oxo packaging">
                                    <br>
                                    <br>
                                    <span class="why-span">Customer Satisfaction Above All!</span>
                                    <p>Our Customers Always Come First! <br>
                                        Our CSRs are available 24/7. Feel free to get in touch
                                    </p>
                                </div>
                                <div class="col-md-4 ">
                                    <img class="wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.2s" loading="lazy" src="{{ asset('assets/images/Layer-112.webp') }}" width="56" height="56" alt="oxo packaging">
                                    <br>
                                    <br>
                                    <span class="why-span">Lowest Prices Guaranteed!</span>
                                    <p>Prices you’ll find nowhere!<br>
                                        Scale your business with cost-efficient custom packaging without any compromise on quality.
                                    </p>
                                </div>

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

<div class=" py-5 px-3 pb-3 ">
                                <div class="col-md-3 col-md-3ss">
                                    <h3>GET CUSTOM QUOTE</h3>
                                </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('home_get_quote') }}<?php if($gclid){ echo '?gclid='.$gclid ;} ?><?php if($MSCLKID){ echo '?MSCLKID='.$MSCLKID  ;} ?>" method="post" class="get_quote">
                                        @csrf
                                        <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">
                                                <input name="product_length" id="product_length" value="" class="form-control form-control-sm required" placeholder="L  ">
                                            </div>
                                            <div class="col-md-3">
                                                <input name="product_width" id="product_width" value="" class="form-control form-control-sm required" placeholder="W">
                                            </div>
                                            <div class="col-md-3">
                                                <input name="product_depth" id="product_depth" value="" class="form-control form-control-sm required" placeholder="D">                  </div>
                                            <div class="col-md-2">

</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">
                                                <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 class="col-lg-4 col-lg-4s">
                                                <input class="form-control form-control-sm required" placeholder="Name" name="contact_name" id="name">
                                            </div>
                                        </div>
                                        <div class="row g-3 align-items-center py-2">

</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">
                                                        <input id="captchas" placeholder="Ans" 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" 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">
                                    <h4>Shop with Confidence</h4>
                                    <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="col-md-12">
                <div class="row">
                    <div class="col-md-6 pt-5">
                        <span class="testi-span">CLIENT TESTIMONIAL</span>
                        <br>
                        <span class="p-text">GET TO KNOW ALL ABOUT OUR SERVICE THROUGH VARIOUS BUSINESS CLIENTS.
                    </span>
                        <div class="px-1 py-2">

</div>
                    </div>
                    <div class="col-md-6 testi-image">
                        <img class="img-fluid displaynoned" alt="rating" title="rating" loading="lazy" src="{{ asset('assets/images/layer-139.png') }}" width="636" height="420" alt="oxo packaging">

</div>

</div>
            </div>
        </div>
    </section>
    <section id="get-quote" class="testimonials displaynoned section-bg testimonialsa">

<div class="row py-5 px-3 pb-3 ">
                            <div class="col-md-3 col-md-3s">
                                <span class="testimonialsa-span">GET CUSTOM QUOTE</span>
                            </div>
                            <div class="col-md-9 col-md-9s  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_quote" action="{{ route('home_get_quote') }}<?php if($gclid){ echo '?gclid='.$gclid ;} ?><?php if($MSCLKID){ echo '?MSCLKID='.$MSCLKID  ;} ?>" method="post" class="get_quote">
                                    @csrf
                                    <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 col-768s">
                                            <input name="product_length" id="product_length" value="" class="form-control form-control-sm required" placeholder="L  ">
                                        </div>
                                        <div class="col-md-3 col-768s">
                                            <input name="product_width" id="product_width" value="" class="form-control form-control-sm required" placeholder="W">
                                        </div>
                                        <div class="col-md-3 col-768s">
                                            <input name="product_depth" id="product_depth" value="" class="form-control form-control-sm required" placeholder="D">                  </div>
                                        <div class="col-md-2">

</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 col-768sa">
                                            <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="row g-3 align-items-center py-2">

</div>

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

<div class="col-auto displaynoned displaynoneds">
                                            <label class="col-form-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                        </div>
                                        <div class="col-lg-10 textareas">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <input id="num1" 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="num2" 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">
                                                    <input id="captcha" placeholder="Ans" class="captcha col-2 form-control form-control-sm" type="text" name="captcha" maxlength="2" /><br>
                                                </div>

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

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

<h2 class="my-3" style="
    font-size: 26px !important;
    margin-bottom: 1rem!important;
" >{!! $page_details->page_heading !!}</h2>
                    <div class="content">
                        {!! $page_details->page_content !!}
                        <a onclick="myFunction()" role="main" href="javascript:void(0);"  aria-label="Read More"  rel="noopener" id="myBtn">Read more...</a>

</div>
                </div>

</div>
            <span class="read-more">Read more</span>
        </div>

</div>

<section class="products_slider">
        <div class="">
            <div class="products mx-3 mt-5">
                <div class="owl-carousel">
                    @foreach($best_values as $product)
                        <div class="item" style="">

@if($product->product_slug=='vape-pen-boxes' || $product->product_slug=='vape-cartridge-boxes' || $product->product_slug=='vape-display-boxes'  || $product->product_slug=='dank-vape-packaging' || $product->product_slug=='platinum-vape-packaging' || $product->product_slug=='pop-vape-boxes' || $product->product_slug=='disposable-vape-packaging' || $product->product_slug=='vape-accessories-boxes'|| $product->product_slug=='vape-mods-boxes' || $product->product_slug=='e-cigarette-boxes'
|| $product->product_slug=='vape-accessories-shipping-boxes' ||
$product->product_slug=='vape-battery-boxes'|| $product->product_slug=='custom-vape-tanks-boxes'|| $product->product_slug=='custom-mod-boxes'||
$product->product_slug=='custom-vape-gift-boxes'||
$product->product_slug=='vape-pen-packaging'||  $product->product_slug=='marijuana-packaging'|| $product->product_slug=='cannabis-tinctures-boxes'

|| $product->product_slug=='cannabis-cigarette-boxes'
|| $product->product_slug=='sleeves-cigarette-boxes'
|| $product->product_slug=='custom-cigar-boxes'
|| $product->product_slug=='e-cigs-boxes'
|| $product->product_slug=='hemp-display-boxes'
|| $product->product_slug=='hemp-cream-boxes'
|| $product->product_slug=='hemp-flour-boxes'
|| $product->product_slug=='hemp-teabags-boxes'
|| $product->product_slug=='hemp-oil-boxes'
|| $product->product_slug=='hemp-milk-boxes'
|| $product->product_slug=='organic-hemp-soap-boxes'
|| $product->product_slug=='large-rigid-boxes.html'
|| $product->product_slug=='small-rigid-boxes.html'
|| $product->product_slug=='luxury-rigid-boxes.html'
|| $product->product_slug=='blue-gable-boxes.html'
|| $product->product_slug=='white-gable-boxes.html'
|| $product->product_slug=='red-gable-boxes.html'
|| $product->product_slug=='corrugated-gable-boxes.html'
|| $product->product_slug=='window-gable-boxes.html'
|| $product->product_slug=='cardboard-gable-boxes.html'
|| $product->product_slug=='christmas-gable-boxes.html'
|| $product->product_slug=='gable-cereal-boxes.html'
|| $product->product_slug=='gable-food-boxes.html'
|| $product->product_slug=='kraft-gable-boxes.html'

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

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

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

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

</a>
                            @endif

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

<a href="#get-quote"   role="main" aria-label="Read More" rel="noopener"   > <button type="button" class=" btn-red px-3 py-2 rounded">Get Quote</button></a>
                    </div>

</header>
            </div>

</div>
    </template>
    <template>

</template>

<div class="owl-carousel owl-theme">
            @foreach($testimonials as $testimonial)
                <a href="{{$testimonial->link}}" target="_blank">
                    <div class="item">
                        <div class="row pb-4">
                            <div class="col-1">

@if($testimonial->image)

<img class="user_profile" alt="user" title="user" src="{{ asset('assets/testimonials/'.$testimonial->image) }}">

@else
                                    <div style="
    background: #fab900;
  padding: 11px;
    font-size: 23px !important;
    font-family: 'Poppins Bold';
    color: white;
    padding-top: 19px;
    border-start-end-radius: 27px;
    border-end-start-radius: 27px;
    width: 65px !important;
    text-align: center;
    height: 65px !important;" class="user_profile">  <?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-9 d-flex align-items-end">
                                <div class="d-block px-4">
                                    <span class="font-14">{{ $testimonial->client_name }}</span>
                                    <br>
                                    <span class="font-12">{{ $testimonial->designation }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="comments">
                            <p class="os_bold" style="font-style: italic"><?php
                                $comments = strip_tags(substr( $testimonial->comments, 0, 150));
                                echo $comments.'...';
                                ?>
                            </p>
                        </div>
                        <div class="row">
                            <img class="rating" alt="rating" title="rating"     width="143"
                                 height="23" src="{{ asset('assets/images/stars-img.webp') }}">
                        </div>
                    </div>
                </a>
            @endforeach
        </div>
        </div>
    </template>
@endsection
@push('scripts')
    <script async src="{{ asset('assets/js/home_scripts.js?v=1') }}"></script>

const content = document.querySelector(".content-inner");
        const contentFull = document.querySelector(".content-full");
        const more = document.querySelector(".read-more");
        let open = false;

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;
                }
            });
        }
        $.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.'
        );
        $.validator.addMethod('captcha',
            function(value) {

$result = ( parseInt($('#num1').val()) + parseInt($('#num2').val()) == parseInt($('#captcha').val()) ) ;
                $('#spambot').fadeOut('fast');
                return $result;
            },
            'Incorrect value, please try again.'
        );
        $('#get_quotes').validate({
            debug: false,
            rules: {
                contact_phone: {
                    required: true,

},product_name: {
                    required: true,

}
            },

highlight: function(element) {
                $(element).addClass('has-error');
            },
            unhighlight: function(element) {
                $(element).removeClass('has-error');
            },
            errorElement: 'span',
            errorClass: 'validation-error-message help-block form-helper bold',
            errorPlacement: function(error, element) {
                return true;
            }
        });
        $('#get_quote').validate({
            debug: false,
            rules: {
                contact_phone: {
                    required: true,

},product_name: {
                    required: true,

}
            },

highlight: function(element) {
                $(element).addClass('has-error');
            },
            unhighlight: function(element) {
                $(element).removeClass('has-error');
            },
            errorElement: 'span',
            errorClass: 'validation-error-message help-block form-helper bold',
            errorPlacement: function(error, element) {
                return true;
            }
        });
        var banner=document.getElementById('banner');
        var testimonials=document.getElementById('testimonials');
        if(globalThis.screen.availWidth>768){
            var temp = document.getElementsByTagName("template")[0];
            var clon = temp.content.cloneNode(true);
            banner.innerHTML='';
            banner.appendChild(clon);
        }else{

}
        $( window ).on( 'load', function () {
            var testimonial = document.getElementsByTagName("template")[2];
            var clons = testimonial.content.cloneNode(true);
            testimonials.innerHTML='';
            testimonials.appendChild(clons);
        });
        const accordionBtns = document.querySelectorAll(".item-header");

accordionBtns.forEach((accordion) => {
            accordion.onclick = function () {
                this.classList.toggle("active");

let content = this.nextElementSibling;
                console.log(content);

if (content.style.maxHeight) {
                    //this is if the accordion is open
                    content.style.maxHeight = null;
                } else {
                    //if the accordion is currently closed
                    content.style.maxHeight = content.scrollHeight + "px";
                    console.log(content.style.maxHeight);
                }
            };
        });
        function myFunction() {
            var dots = document.getElementById("dots");
            var moreText = document.getElementById("more");
            var btnText = document.getElementById("myBtn");

if (dots.style.display === "none") {
                dots.style.display = "inline";
                btnText.innerHTML = "Read more";
                moreText.style.display = "none";
            } else {
                dots.style.display = "none";
                btnText.innerHTML = "Read less";
                moreText.style.display = "inline";
            }
        }
    </script>
    <script>

</script>
@endpush

${this.title}

Code Editor : welcome.blade.php