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 : index.blade.php

@extends('layouts.app')
@push('styles')
    <style>
        #more {display: none;}
        .why-span{
            font-size: 18px !important;
            font-family: 'Poppins Bold';
        }
  h1, h2, h3, h4, h5, h6 {
      font-family: 'Open Sans', sans-serif;
    }
    </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='';

}
    $contact_info=\App\Models\ContactInfo::select('*')->first();
    ?>

@endpush
@section('contents')

<section id="hero">
        <div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel">

<div class="carousel-inner" role="listbox">
                
                <div class="carousel-item active" style="background-image: url('{{asset('assets/front/images/main-carusal/customPackaging.png')}}')">
                    <div class="carousel-container">
                        <div class="container">
                            <h2 class="animated fadeInDown banner-heading-1">AI-Powered Funnel Design And Automation
</h2>
                            <p class="animated fadeInUp banner-text-1">Drive smarter conversions with AI-crafted funnels tailored to user behavior.</p>

<a href="#" target="_blank"> <button type="button" class="btn btn-outline-light learn-more-btn" >Explore More</button></a>

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

<div class="carousel-item "  style="background-image: url('{{ asset('assets/front/images/main-carusal/creativeDesign.png') }}');">
                    <div class="carousel-container">
                        <div class="container">
                            <h2 class="animated fadeInDown banner-heading-1">Customer Acquisition Optimization</h2>
                            <p class="animated fadeInUp banner-text-1">We optimize customer acquisition through targeted strategies that maximize ROI.</p>

<a href="#" target="_blank">  <button type="button" class="btn btn-outline-light learn-more-btn" >Explore More</button></a>

</div>
                    </div>
                </div>
                
                <div class="carousel-item " style="background-image: url('{{asset('assets/front/images/main-carusal/VirtualRecruiter.png')}}')">
                    <div class="carousel-container">
                        <div class="container">
                            <h2 class="animated fadeInDown banner-heading-1">Performance Branding And Creative Strategy</h2>
                            <p class="animated fadeInUp banner-text-1">Turn data into strategy with powerful market intelligence and analytics.</p>

<button type="button" class="btn btn-outline-light learn-more-btn" >Explore More</button>

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

<div class="carousel-item " style="background-image: url('{{asset('assets/front/images/main-carusal/BPOservice.png')}}')">
                    <div class="carousel-container">
                        <div class="container">
                            <h2 class="animated fadeInDown banner-heading-1">B2B and DTC digital transformation</h2>
                            <p class="animated fadeInUp banner-text-1">Transform your business with scalable digital solutions built for B2B and DTC success.</p>

<button type="button" class="btn btn-outline-light learn-more-btn" >Explore More</button>

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

<div class="carousel-item " style="background-image: url('{{asset('assets/front/images/main-carusal/stockBoxes.png')}}')">
                    <div class="carousel-container">
                        <div class="container">
                            <h2 class="animated fadeInDown banner-heading-1">Market Intelligence And Data Analytics</h2>
                            <p class="animated fadeInUp banner-text-1">Simplify your packaging process with high-quality stock boxes that don't compromise on style.</p>

<button type="button" class="btn btn-outline-light learn-more-btn" >Explore More</button>

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

</div>

</div>
    </section>

<div class="services-section pt-5 pb-5" id="servives" style="background-color: #f4f4f4">

<div class="container mt-5" style="color: black">
                <h1 class="text-center fw-bolder">{{$justhub_services->page_heading}}</h1>
                <p class="mt-3 text-center services-text-para";>{{$justhub_services->page_content}}</p>
            </div>

@foreach($justhub_cards as $card)
                    <div class="col-md-2">
                        <div class="cards">
                            <img class="hover-img" src="{{asset('assets/front/images/'.$card->image2)}}" alt="Hover design" >
                            <img class="fimg" src="{{asset('assets/front/images/'.$card->image)}}">

<div class="cont">
                                <h2>{{$card->title}}</h2>
                                <p>{!!$card->description  !!}</p>

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

</div>
            </div>

</div>

<br>

<div class="featured-work mt-5  container " id="works">
            <div class="row">
                <div class="row ">
                    <div class="col-md-12">
                        <div class="featured-work-links">
                            <a href="#" class="text-decoration-none text-dark">ALL / </a>
                            <a href="#" class="text-decoration-none text-dark">Services </a> /
                          
                        </div>
                    </div>
                </div>
                <div class="col-md-7">

<h1 class="text-dark fw-bolder">{{$justhub_work->page_heading}}</h1>

<p class="fw-bold" style="text-align: justify">{!! $justhub_work->page_content !!}</p>

<div class="col-12 mt-3">
                            <button type="button" class="btn btn-outline-dark explore-more-btn fw-bold" >Explore More</button>
                        </div>
                    </div>
                </div>

</div>
        </div>

<div class="expert-in-design mt-5" id="skils" style="background-color: #f4f4f4">
            <div class="container" style=" padding-top: 3%; padding-bottom: 3%">
                <div class="row mt-5">

<div class="col-md-5 offset-md-1">
                        <h3 class="text-dark fw-bold" style="text-align: left">{{$justhub_skills->page_content}}</h3>
                        <p class="mt-2">{{$justhub_skills->page_content2}}</p>

</div>

<div class="progress">
                                            <span class="skill">Customer acquisition optimization <i class="val">96%</i></span>
                                            <div class="progress-bar-wrap"  style=" border-radius: 10px">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="96" aria-valuemin="0" aria-valuemax="90" style="background-color: #FF6B00; border-radius: 10px"></div>
                                            </div>
                                        </div>

<div class="progress">
                                            <span class="skill">B2B and DTC digital transformation <i class="val">80%</i></span>
                                            <div class="progress-bar-wrap"  style=" border-radius: 10px">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="background-color: #FF6B00; border-radius: 10px"></div>
                                            </div>
                                        </div>

<div class="progress">
                                            <span class="skill">Market intelligence and data analytics <i class="val">75%</i></span>
                                            <div class="progress-bar-wrap"  style=" border-radius: 10px">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="background-color: #FF6B00; border-radius: 10px"></div>
                                            </div>
                                        </div>

<div class="progress">
                                            <span class="skill">AI-powered funnel design and automation <i class="val">92%</i></span>
                                            <div class="progress-bar-wrap"  style=" border-radius: 10px">
                                                <div class="progress-bar" role="progressbar" aria-valuenow="92" aria-valuemin="0" aria-valuemax="100" style="background-color: #FF6B00; border-radius: 10px"></div>
                                            </div>
                                        </div>

</div>

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

</div>
            </div>

</div>

<div class="inovation-sec" style="background-color: #738b9a; color: white; padding: 3.5%">
            <div class="row">
                <div class="col-md-10">
                    <div class="container">
                        <h1 class="text-center">Your Success Story Starts With JustHub</h1>
                    </div>
                </div>
                <div class="col-md-2 text-center">
                    <style>
                        .learn-more-btn-2{
                            border-radius: 20px;
                        }
                        .learn-more-btn-2:hover {
                            background-color: white;
                            color: black;
                        }
                    </style>
                    <button type="button" class="btn btn-outline-light learn-more-btn-2">&nbsp; Learn More &nbsp;</button>
                </div>
            </div>
        </div>

<div class="testimonial-section" id="testimonials" style="background-color: #f4f4f4;">
            <div class="container" style="padding-top: 5%; padding-bottom: 5%; ">
                <h1 class="text-center fw-bold text-dark">Our Client Story</h1>
                <p class="text-center text-dark mt-4">Get to known all about our services through various business clients.</p>

<div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-indicators ">
                        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                    </div>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="testimonial-details p-5" >
                                <div class="row">
                                    @foreach($justhub_testimonial as $key=>$testimonial)
                                        @if($key < 2)
                                    <div class="col-md-6 testimonial-col">
                                        <div class="row">
                                            <div class="col-md-2">
                                                
                                                <img class="w-100 " src="{{asset('assets/testimonials/'.$testimonial->image)}}" alt="Image" style="border-radius: 100%">
                                            </div>
                                            <div class="col-md-10">
                                                <div class="p-3">
                                                    <p class="fst-italic">{{$testimonial->comments}}</p>
                                                    <span class="fw-bold pt-3">{{$testimonial->client_name}}</span>
                                                </div>

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

<div class="carousel-item ">
                            <div class="testimonial-details p-5" >
                                <div class="row">
                                    @foreach($justhub_testimonial as $key=>$testimonial)
                                        @if($key >= 2 && $key < 5)
                                            <div class="col-md-6 testimonial-col">
                                                <div class="row">
                                                    <div class="col-md-2">
                                                        
                                                        <img class="w-100 " src="{{asset('assets/testimonials/'.$testimonial->image)}}" alt="Image" style="border-radius: 100%">
                                                    </div>
                                                    <div class="col-md-10">
                                                        <div class="p-3">
                                                            <p class="fst-italic">{{$testimonial->comments}}</p>
                                                            <span class="fw-bold pt-3">{{$testimonial->client_name}}</span>
                                                        </div>

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

</div>

</div>

</main>

@endsection

${this.title}

Code Editor : index.blade.php