Viewing file:  691d14b75d7090e5efe1d51ab317b5bfb0aad4f4.php (9.1 KB) -rwxrwxr-x
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: 65px;
height: 65px;
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);
}
.blog-card-title {
font-size: 20px;
color: #060505;
font-weight: 600;
}
.blog-card-description {
margin: 20px 0px;
min-height: 50px;
max-height: 50px;
}
.blog-card {
background: #ffffff;
padding: 10px;
border-radius: 5px;
}
.blog-card-title {
font-size: 15px;
color: #060505;
font-weight: 600;
margin: 15px 0px;
}
.blog-card-img img {
width: 100%;
min-height: 200px;
max-height: 200px;
}
.primary-btn {
padding: 10px 20px;
}
.page-item .page-link{
text-decoration: none;
}
.page-item.disabled{
cursor: not-allowed;
}
.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-12">
<div class="all-blogs-lists">
<div class="blog-title">
All Blogs
</div>
</div>
<div class="all-blogs-item">
<div class="row">
<?php if(isset($blogs) && $blogs): ?>
<?php $__currentLoopData = $blogs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $blog): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php
$blog_description = html_entity_decode($blog->description);
$blog_description = strip_tags($blog_description);
?>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="blog-card">
<div class="blog-card-img">
<img src="<?php echo e(asset('uploads/'.$blog->image)); ?>" alt="blog" class="img-fluid">
</div>
<div class="blog-card-content">
<div class="blog-card-title"><?php echo e($blog->title); ?></div>
<div class="blog-card-description"><?php echo e(Str::limit(strip_tags($blog_description), 80)); ?>
</div>
<div class="blog-details-btn-sec mb-3 mt-3">
<a href="<?php echo e(route('blog.details', $blog->slug)); ?>" class="primary-btn">Read
More</a>
</div>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php else: ?>
<?php endif; ?>
<div class="col-12 mt-4 d-flex justify-content-end">
<nav>
<ul class="pagination">
<?php if($blogs->onFirstPage()): ?>
<li class="page-item disabled"><span class="page-link">Previous</span></li>
<?php else: ?>
<li class="page-item"><a class="page-link"
href="<?php echo e($blogs->previousPageUrl()); ?>">Previous</a></li>
<?php endif; ?>
<?php for($i = 1; $i <= $blogs->lastPage(); $i++): ?>
<li class="page-item <?php echo e($i == $blogs->currentPage() ? 'active' : ''); ?>">
<a class="page-link" href="<?php echo e($blogs->url($i)); ?>"><?php echo e($i); ?></a>
</li>
<?php endfor; ?>
<?php if($blogs->hasMorePages()): ?>
<li class="page-item"><a class="page-link"
href="<?php echo e($blogs->nextPageUrl()); ?>">Next</a></li>
<?php else: ?>
<li class="page-item disabled"><span class="page-link">Next</span></li>
<?php endif; ?>
</ul>
</nav>
</div>
</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: 2 },
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/qr.picotech.app/public_html/resources/views/front/blogs.blade.php ENDPATH**/ ?>
|