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	1.51 KB	-rw-r--r--
beat_my_quote.blade.php	11.62 KB	-rw-r--r--
blogs.blade.php	5.81 KB	-rw-r--r--
category_products.blade.php	31.47 KB	-rw-r--r--
contact_us.blade.php	14.65 KB	-rw-r--r--
dashboard.blade.php	4.07 KB	-rw-r--r--
faqs.blade.php	3.86 KB	-rw-r--r--
index.blade.php	49.56 KB	-rw-r--r--
personalized_packaging_boxes.b...	6.48 KB	-rw-r--r--
portfolio.blade.php	3.11 KB	-rw-r--r--
post.blade.php	1.65 KB	-rw-r--r--
privacy_security.blade.php	1.33 KB	-rw-r--r--
product_detail.blade.php	67.36 KB	-rw-r--r--
review.blade.php	9.18 KB	-rw-r--r--
search.blade.php	3.95 KB	-rw-r--r--
sitemap.blade.php	6.82 KB	-rw-r--r--
sitemapxml.blade.php	2.32 KB	-rw-r--r--
templates.blade.php	42.18 KB	-rw-r--r--
terms.blade.php	1.39 KB	-rw-r--r--
test.blade.php	2.38 KB	-rw-r--r--
thank_you.blade.php	2.08 KB	-rw-r--r--

Code Editor : blogs.blade.php

@extends('layouts.app')
@section('contents')
    <style>
        .top_mar{
                margin-top: 32px;

}
        .owl-carousel .owl-item img {
          height: auto !important;
        }
        .card {
            overflow: hidden;
            box-shadow: 0px 2px 20px #d7dfe2;
            background: white;
            border-radius: 0.5rem;
            position: relative;
            width: 350px;
            margin: 1rem;
            transition: 250ms all ease-in-out;
            cursor: pointer;
        }

.card:hover {
            transform: scale(1.05);
            box-shadow: 0px 2px 40px #d7dfe2;
        }

.banner-img {
            position: absolute;
            object-fit: cover;
            height: 14rem;
            width: 100%;
        }

.category-tag {
            font-size: 0.8rem;
            font-weight: bold;
            color: white;
            background: red;
            padding: 0.5rem 1.3rem 0.5rem 1rem;
            text-transform: uppercase;
            position: absolute;
            z-index: 1;
            top: 1rem;
            border-radius: 0 2rem 2rem 0;
        }

.popular {
            background: #ef257a;
        }

.technology {
            background: #651fff;
        }

.psychology {
            background: #e85808;
        }

.card-body {
            margin: 15rem 1rem 1rem 1rem;
        }

.blog-hashtag {
            font-size: 0.9rem;
            font-weight: 500;
            color: #4d97b2;
        }

.blog-title {

margin: 1rem 0 0.5rem;
            font-size: 20px;
            min-height: 90px;
        }

.blog-description {
            color: #616b74;
            font-size: 0.9rem;
        }

.card-profile {
            display: flex;
            margin-top: 2rem;
            align-items: center;
        }

.profile-img {
            width: 60px;
            height: 60px;
            object-fit: cover;
            border-radius: 50%;
        }

.card-profile-info {
            margin-left: 1rem;
        }

.profile-name {
            font-size: 1rem;
        }

.profile-followers {
            color: #616b74;
            font-size: 0.9rem;
        }

.pagination{
            padding: 30px 0;
        }

.pagination ul{
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

.pagination a{
            display: inline-block;
            padding: 10px 18px;
            color: #222;
        }

/* ONE */
        .page-item{
            display: contents;
        }
        .page-item a{
            width: 40px;
            height: 40px;
            line-height: 40px;
            padding: 0;
            text-align: center;
        }

.page-item .active{
            background-color: #2ecc71;
            border-radius: 100%;
            color: #fff;
        }
        .page-item .active .page-link{
            background-color: #ecf5f4;
            border-radius: 100%;
            color: #4a5556;
            padding: 8px;
            font-size: 12px;

}

</style>
    <?php

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

}else{
        $gclid='';

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

}else{
        $gad_source='';

}
    ?>
    <?php

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

}else{
        $MSCLKID='';

}

<i class="fa-solid fa-angle-right"></i>
                <p class="m-0">{{'Blogs'}}</p>
            </div>
        </div>
    </section>
    <div class="container">
<div class="row">
    @foreach($blogs as $blog)
        <div class="col-md-4">
        <div class="card">
            <div class="card-banner">

<a href="{{ url('blog/'.$blog->slug) }}<?php if($gclid){ echo '?gclid='.$gclid  ;} ?><?php if($MSCLKID){ echo '?msclkid='.$MSCLKID  ;} ?><?php if($gad_source){ echo '?gad_source='.$gad_source  ;} ?>" class="bg-size blur-up lazyloaded" style="background-image: url(&quot;../assets/images/inner-page/blog/1.jpg&quot;); background-size: cover; background-position: center center; background-repeat: no-repeat; display: block;">
                    <img src="{{ asset("assets/blog-posts/".$blog->featured_image) }}" class="banner-img" alt="<?php echo $blog->post_title;?>" >
                </a>

</div>
            <div class="card-body">
                <a href="{{ url('blog/'.$blog->slug) }}<?php if($gclid){ echo '?gclid='.$gclid  ;} ?><?php if($MSCLKID){ echo '?msclkid='.$MSCLKID  ;} ?>" class="bg-size blur-up lazyloaded" style="background-image: url(&quot;../assets/images/inner-page/blog/1.jpg&quot;); background-size: cover; background-position: center center; background-repeat: no-repeat; display: block;">

<h2 class="blog-title"><?php echo $blog->post_title;?></h2>
                <p class="blog-description">My thoughts on the future of front end web development</p>
                </a>

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

{!! $blogs->links() !!}

</div>

@endsection
@push('styles')
    <link rel="stylesheet" href="{{ asset("assets/css/static_pages.css") }}" type="text/css">
    <link rel="stylesheet" href="{{ asset("assets/css/blogs.css") }}" type="text/css">
    <script async src="{{ asset('assets/js/home_scripts.js') }}"></script>
@endpush

${this.title}

Code Editor : blogs.blade.php