관리-도구

편집 파일: service.blade.php

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

<div class="page-title relative">
    <div class="paralaximg" data-parallax="scroll" data-image-src="images/gallery/a4.png">
    </div>
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h3 class="title">Our Services</h3>
                    <ul class="breadcrumb">
                        <li><a href="/">Homepage</a></li>
                        <li>Services</li>

</ul>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="flat-spacing pb-0">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <style>
                    .two-row-layout {
                        display: flex;
                        flex-direction: column;
                        gap: 50px;
                    }

/* Base row layout */
                    .row-item {
                        display: flex;
                        align-items: center;
                        gap: 30px;
                    }

/* Reverse layout */
                    .row-item.reverse {
                        flex-direction: row-reverse;
                    }

/* Image styling */
                    .row-img {
                        flex: 1;
                    }

.row-img img {
                        width: 100%;
                        height: 340px;
                        object-fit: cover;
                        border-radius: 14px;
                    }

/* Content styling */
                    .row-content {
                        flex: 1;
                    }

.row-content h3 {
                        font-size: 26px;
                        font-weight: 400;
                        margin-bottom: 10px;
                    }

.row-content p {
                        font-size: 19px;
                        font-weight: 400;
                        line-height: 29px;
                        letter-spacing: .8px;
                        color: #555;
                    }

/* Mobile responsiveness */
                    @media (max-width: 768px) {

.row-item,
                        .row-item.reverse {
                            flex-direction: column;
                            text-align: center;
                        }

.row-img img {
                            height: 240px;
                        }
                    }

p {
                        text-align: justify;
                        text-justify: inter-word;
                    }
                </style>
                <div class="two-row-layout">

@foreach($services as $index => $service)

<div class="row-img">
                            <img src="{{ asset('storage/'.$service->image) }}" alt="">
                        </div>

<div class="row-content">
                            <h3>{{ $service->title }}</h3>
                            <p>{!! $service->description !!}</p>
                        </div>

</div>

@endforeach

<br>

</div>

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

<section class="flat-spacing  section-testimonials">
    <div class="container">
        <div class="heading-section text-center">
            <h3 class="wow fadeInUp" style="font-size: 30px;">AK FURNITURE FAQ</h3>

</div>
        <div class="row">

@foreach($faqs as $index => $faq)

<h6>{{ $faq->question }}</h6>
                                        <i class="icon-down"></i>
                                    </a>

<div class="accordion-faqs-content">
                                            <p class="text-secondary text-body-1">
                                                {!! $faq->answer !!}
                                            </p>
                                        </div>
                                    </div>
                                </li>

@endforeach

</ul>
                        </div>

</div>
                </div>
            </div>
            <style>
                @media (min-width: 768px) {
                    .col-md-5 {
                        flex: 0 0 auto;
                        width: 37.666667%;
                    }
                }

@media (min-width: 768px) {
                    .ask-question {
                        width: 397px;
                        margin-top: -29px;
                        top: 105px;
                    }
                }
            </style>
            <div class="col-md-5">
                <div class="ask-question sticky-top">
                    <div class="ask-question-wrap" style="padding: 0; border: none;">
                        <img src="images/gallery/a6.jpg" alt="Ask Your Question"
                            style="width: 100%; border-radius: 10px;">
                    </div>
                </div>
            </div>

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

@endsection

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

관리-도구

편집 파일: service.blade.php

Sid Gifari File Manager