관리-도구
편집 파일: blogdetails.blade.php
@extends('layouts.appss') @section('content') <div class="page-title relative style-2"> <div class="paralaximg" data-parallax="scroll" data-image-src="{{ asset('storage/'.$blogs->image) }}"> </div> </div><!-- /.page-title --> <!-- main-content --> <div class="main-content"> <!-- .blog-details-main --> <div class="blog-detail-wrap"> <div class="inner"> <div class="heading"> <ul class="list-tags has-bg "> <li> <a href="#" class="link">Craft</a> </li> </ul> <h3> {{ $blogs->title }}</h3> <div class="wrap-meta"> <ul class="meta"> <li class="text-body-1"><i class="icon-calendar"></i><a class="link" href="#"> {{ $blogs->date }}</a></li> <li class="text-body-1"><i class="icon-user"></i> <span>by<a href="#" class="link"> {{ $blogs->name }} </a></span> </li> </ul> <ul class="meta info"> <!-- <li class="text-body-1"><i class="icon-chat"></i>12</li> <li class="text-body-1"><i class="icon-eye"></i>260.2K</li> <li class="text-body-1"><i class="icon-clock"></i>5 Min Read</li> --> </ul> </div> </div> <div class="content"> <p>{!! $blogs->description!!}</p> </div> <style> .content p { font-size: 19px; font-weight: 400; line-height: 29px; color: rgb(111, 117, 125); letter-spacing: 1px; font-family: "Marcellus", sans-serif !important; } /* Force bold text to be black */ .content b, .content strong { color: #000 !important; font-weight: 700; } </style> <ul class="tf-social-icon style-1 "> <li><a href="https://www.facebook.com/akfurniturethiruvalla" class="social-facebook"><i class="icon icon-facebook"></i></a></li> <li><a href="https://www.instagram.com/akfurniture19/" class="social-pinterest"><i class="icon icon-instagram"></i></a></li> </ul> </div> </div><!-- /.blog-details-main --> <!-- Related --> <section class="flat-spacing-8"> <div class="container"> <div class="row"> <div class="col-12"> <div class="heading-section text-center"> <h3 class="wow fadeInUp">Latest Blog</h3> <p class="text-body-1 wow fadeInUp" data-wow-delay="0.1s">Discover the Hottest Fashion News and Trends Straight from the Runway</p> </div> <div class="swiper tf-sw-recent " data-preview="3" data-tablet="2" data-mobile="1" data-space-lg="30" data-space-md="30" data-space="15" data-pagination="1" data-pagination-md="1" data-pagination-lg="1"> <div class="swiper-wrapper"> @foreach($relatedBlogs as $item) <div class="swiper-slide"> <div class="blog-article-item wow fadeInUp" data-wow-delay="0s"> <div class="article-thumb"> <a href="{{ route('blogdetails', $item->slug) }}"> <img class="lazyload" src="{{ asset('storage/'.$item->image) }}" alt="img-blog"> </a> <div class="article-label"> <a href="#" class="text-button-small"> {{ $item->category ?? 'Craft' }} </a> </div> </div> <div class="article-content"> <ul class="meta"> <li class="text-button-small"> <a href="#" class="link"> {{ \Carbon\Carbon::parse($item->date)->format('F d, Y') }} </a> </li> <li class="text-button-small"> by <a href="#" class="link">{{ $item->name }}</a> </li> </ul> <h5 class="article-title"> <a href="{{ route('blogdetails', $item->slug) }}" class="line-clamp-2 link"> {{ $item->title }} </a> </h5> </div> </div> </div> @endforeach </div> <div class="sw-pagination-recent sw-dots type-circle d-flex justify-content-center"> </div> </div> </div> </div> </div> </section><!-- Related --> </div><!-- main-content --> @endsection