Viewing file:  99d8532f5ba8284d23a9c06166c30cd2dcf17a2c.php (5.25 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php $__env->startSection('title'); ?> <?php echo e(get_settings('app_name')); ?> <?php $__env->stopSection(); ?>
<?php $__env->startSection('css'); ?>
<style>
img.recent-blog-img {
width: 75px;
height: 75px;
background: #ffffff;
padding: 5px;
border-radius: 6px;
}
.recent-blog-title-link {
text-decoration: none;
}
.recent-blog-title-link:hover {
text-decoration: none;
}
.recent-blog-date {
font-size: 14px;
font-weight: 600;
font-style: italic;
}
.recent-blog-title {
font-size: 15px;
font-weight: 500;
}
.blog-img-card {
background: #ffffff;
padding: 10px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.blog-details-title-text {
font-size: 30px;
margin: 40px 0px;
font-weight: 600;
}
.blog-details-sec {
padding: 100px 0px;
background: linear-gradient(297deg, #b2b2b200, #ee00eb24);
}
@media (max-width: 575.98px) {
.blog-details-title-text {
width: 300px;
word-wrap:break-word;
}
}
.blog-details-img img{
width: 100%;
}
.recent-blog-img {
width: 100% !important;
height: 100% !important;
}
.recent-blog-post-item{
min-height: 280px;
max-height: 280px;
}
.owl-nav{
display: none !important;
}
@media (max-width: 575.98px) {
.recent-blog-post-item{
min-height: 100% !important;
max-height: 100% !important;
}
}
.navbar-custom {
padding: 0rem 0.5rem !important;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<?php $__env->stopSection(); ?>
<?php $__env->startSection('main-section'); ?>
<div class="blog-details-sec">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto">
<div class="blog-details">
<div class="blog-img-card">
<div class="blog-details-img">
<img src="<?php echo e(asset('uploads/'.$blog->image)); ?>" alt="blog" class="img-fluid">
</div>
</div>
</div>
<div class="blog-details-content">
<div class="blog-details-title-text"><?php echo e($blog->title); ?></div>
<div><?php echo $blog->description; ?></div>
</div>
</div>
<div class="col-lg-12 mt-5">
<div class="recent-blog-post">
<div class="recent-blog-post-title">
<b> Recent Blog Post </b>
</div>
<div class="recent-blog-post-list">
<div class="owl-carousel recent-blogs-carousel mt-2">
<?php $__currentLoopData = $recent_blogs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $recent_blog): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="recent-blog-post-item p-2 bg-light rounded shadow-sm">
<div class="recent-blog-img-sec">
<a class="recent-blog-title-link" href="<?php echo e(route('blog.details', $recent_blog->slug)); ?>">
<img src="<?php echo e(asset('uploads/'.$recent_blog->image)); ?>"
alt="<?php echo e($recent_blog->title); ?>"
class="recent-blog-img"
</a>
</div>
<div class="recent-blog-link-sec ml-3">
<a class="recent-blog-title-link text-dark font-weight-bold" href="<?php echo e(route('blog.details', $recent_blog->slug)); ?>">
<div class="recent-blog-title"><?php echo e($recent_blog->title); ?></div>
</a>
<div class="recent-blog-date text-muted small">
<?php echo e(date('d M Y', strtotime($recent_blog->created_at))); ?>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
$(document).ready(function(){
$(".recent-blogs-carousel").owlCarousel({
loop: true,
margin: 10,
nav: true,
dots: true,
autoplay: true,
autoplayTimeout: 3000,
responsive: {
0: { items: 1 },
576: { items: 3 },
768: { items: 3 },
992: { items: 4 }
}
});
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.frontTemplate', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/picotech/domains/test.qr.picotech.app/public_html/resources/views/front/blog_details.blade.php ENDPATH**/ ?>
|