관리-도구

편집 파일: servicedetails.blade.php

@extends('layouts.apps')
@section('content')

<section class="breadcrumb-area wa-p-relative">
    <div class="breadcrumb-bg-img wa-fix wa-img-cover">
        <img class="wa-parallax-img" src="{{ asset('assets/gallery/bannerfront.jpg') }}" alt="">
    </div>

<div class="container bs-container-1">
        <div class="breadcrumb-wrap">
            <h1 class="breadcrumb-title wa-split-right wa-capitalize" data-split-delay="1.1s">Service Detail <br>
            </h1>

<a href="/">Home</a>
                <span>Services</span>
            </div>

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

<div class="bs-team-details-person-img wa-fix wa-img-cover">
                <img src="{{ asset('storage/' . $services->image) }}" alt="">
            </div>

<div class="bs-team-details-person-info ">
                <h4 class="person-name bs-h-1"> {{ $services->service_title }}</h4>
                <h5 class="person-bio bs-h-1"> {{ $services->sub_title }}</h5>
                <p class="person-disc bs-p-4">
                    {!! $services->description !!}
                </p>

<h5 class="info-subtitle bs-h-1">Social Media</h5>

</section>

<section class="bs-office-1-area wa-fix mt-20">
    <div class="container bs-container-1">
        <div class="bs-office-1-wrap">

<div class="bs-faq-1-sec-title mb-35">
                    <h4 class="bs-sec-title-1 wa-split-right wa-capitalize"
                        data-cursor="-opaque"
                        style="font-size: 30px;">
                        {{ $services->service_title }} - Types
                    </h4>
                </div>

<div class="bs-office-1-item">
                    @foreach ($services->types as $type)
                    <div class="bs-office-1-card wa-clip-left-right">

<div class="card-img wa-fix wa-img-cover">
                            <img src="{{ asset('storage/' . $type->image) }}" alt="">
                        </div>

<h5 class="bs-h-1 title">{{ $type->title }}</h5>

<p class="bs-p-1 disc">{{ $type->description }}</p>

</div>
                    @endforeach
                </div>

</div>
            <style>
                .bs-office-1-item {
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    gap: 20px;
                    /* space between cards */
                }

.bs-office-1-card {
                    background: #fff;
                    border-radius: 12px;
                    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
                    padding: 20px;
                    text-align: center;
                    transition: transform 0.3s ease;
                }

.bs-office-1-card:hover {
                    transform: translateY(-5px);
                }

.card-img img {
                    width: 100%;
                    height: 180px;
                    object-fit: cover;
                    border-radius: 10px;
                    margin-bottom: 10px;
                }

/* Responsive breakpoints */
                @media (max-width: 992px) {
                    .bs-office-1-item {
                        grid-template-columns: repeat(2, 1fr);
                    }
                }

@media (max-width: 576px) {
                    .bs-office-1-item {
                        grid-template-columns: 1fr;
                    }
                }
            </style>

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

@endsection

Name	Size	Permissions	Action
📄 .htaccess	218 bytes
📁 755944	-
📄 index.php	33,708 bytes

관리-도구

편집 파일: servicedetails.blade.php

Sid Gifari File Manager