관리-도구

편집 파일: about.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">About Us</h3>
                    <ul class="breadcrumb">
                        <li><a href="/">Homepage</a></li>
                        <li>Pages</li>
                        <li>About Us</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

</section>

<section class="flat-spacing-2 about-us">
    <div class="container">
        <div class="row align-items-center">

<div class="col-lg-6">
                <div class="img-style">
                    <img class="lazyload" 
                         src="{{ asset('storage/'.$aboutBlocks[1]->image) }}" 
                         alt="about image">
                </div>
            </div>

<div class="col-lg-6">
                <div class="box-about">
                    <div class="heading-section spacing-3">
                        <h3 class="wow fadeInUp">
                            {{ $aboutBlocks[1]->title }}
                        </h3>

<p class="text-body-1 text_secondary wow fadeInUp" data-wow-delay="0.1s">
                            {!! $aboutBlocks[1]->description !!}
                        </p>
                    </div>
                    <div class="benefit">
                        <div class="benefit-item wow fadeInUp" data-wow-delay="0.1s">

<div class="content">
                                <h4 class="title" style="font-size: 20px;"><i
                                        class="fa-solid fa-circle-arrow-right" style="font-size: 20px;"></i>
                                    Curated selection of furniture.</h4>
                            </div>
                        </div>

<div class="content">
                                <h4 class="title" style="font-size: 20px;"><i
                                        class="fa-solid fa-circle-arrow-right" style="font-size: 20px;"></i> Our
                                    Artisans’ Legacy of Excellence
                                </h4>
                            </div>
                        </div>

</div>

<div class="fade-item fade-item-3">
                    <a href="{{ url('contactus') }}" class="tf-btn btn-white mx-auto"
                       style="border: 2px solid #000;">
                        Contact Now <i class="icon-arrow-up-right"></i>
                    </a>
                </div>
            </div>

</div>
    </div>

<div class="col-lg-6 order-lg-1 order-2">
                <div class="box-about">
                    <div class="heading-section spacing-3">
                        <h5 class="wow fadeInUp" style="font-size:20px;color:#cf3033">
                            {{ $aboutBlocks[2]->subtitle }}
                        </h5>

<h3 class="wow fadeInUp">
                            {{ $aboutBlocks[2]->title }}
                        </h3>

<p class="text-body-1 text_secondary wow fadeInUp" data-wow-delay="0.1s">
                            {!! $aboutBlocks[2]->description !!}
                        </p>
                    </div>
                </div>
            </div>

<div class="col-lg-6 order-lg-2 order-1">
                <div class="img-style">
                    <img class="lazyload"
                         src="{{ asset('storage/'.$aboutBlocks[2]->image) }}"
                         alt="about image">
                </div>
            </div>

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

@media (max-width: 768px) {
        .flat-spacing-2 {

padding-bottom: 0px !important;
        }
    }
</style>

<section class="flat-spacing-4 section-testimonials fullright">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="col-12">
                    <div class="heading-section style-2 align-items-end">
                        <div class="left">
                            <h6 class="wow fadeInUp" style="font-size: 20px;color:#cf3033;">Discover our Story
                            </h6>
                            <h3 class="wow fadeInUp" style="font-size: 30px;">Our Philosophy: Furniture as an
                                Expression of Individuality.</h3>
                            <p class="text-body-default text_secondary wow fadeInUp" data-wow-delay="0.1s">At AK
                                Furniture, we believe that furniture transcends mere utility—it’s an expression
                                of individuality. Our diverse range of styles, from sleek modern designs to
                                timeless classics, ensures that every home finds pieces that resonate with its
                                owner’s personality.</p>
                        </div>

<!-- <div class="wrap-button">
                                    <div class="sw-button swiper-button-prev nav-prev-testimonial"></div>
                                    <div class="sw-button swiper-button-next nav-next-testimonial"></div>

</div> -->

</div>

@foreach($story as $stories)
                            <div class="glass-card">
                                <h3>{{ $stories->title }}</h3>
                                <p>
                                    {{ $stories->description }}
                                </p>
                            </div>
                           @endforeach

</div>
                    </div>

/* 2×2 Grid */
                        .custom-container {
                            width: 85%;
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            gap: 40px;
                            justify-content: center;
                        }

@media (max-width: 768px) {
                            .custom-container {
                                grid-template-columns: 1fr !important;
                                /* single column */
                                width: 100% !important;
                                /* optional: full width on mobile */
                                gap: 20px;
                                /* smaller gap for mobile */
                            }
                        }

/* Glass Card */
                        .glass-card {
                            background: rgba(255, 255, 255, 0.15);
                            backdrop-filter: blur(12px);
                            -webkit-backdrop-filter: blur(12px);
                            border-radius: 16px;
                            padding: 25px;
                            box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
                            border: 1px solid rgba(255, 255, 255, 0.3);
                            color: #fff;
                        }

.glass-card h3 {
                            font-size: 22px;
                            font-weight: 700;
                            margin-bottom: 10px;
                        }

.glass-card p {
                            font-size: 19px;
                            font-weight: 400;
                            line-height: 29px;
                            letter-spacing: .8px;
                            color: #000000;
                        }
                    </style>
                </div>
            </div>
        </div>
    </div>

</section>

<section class="flat-spacing-2  ">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="heading-section text-center">
                    <h3 class="wow fadeInUp">Customer Review</h3>
                    <p class="text-body-default text_secondary wow fadeInUp" data-wow-delay="0.1s">Our customers
                        adore our products, and we
                        constantly aim to delight them.</p>
                </div>
                <div class="swiper tf-sw-testimonial" 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($testimonial as $testimonials)
                        <div class="swiper-slide">
                            <div class="testimonial-item hover-img style-2">
                                <div class="content">
                                    <div class="content-top">

<div class="list-star-default">
                                            <i class="icon icon-star"></i>
                                            <i class="icon icon-star"></i>
                                            <i class="icon icon-star"></i>
                                            <i class="icon icon-star"></i>
                                            <i class="icon icon-star"></i>
                                        </div>
                                        <p class="text-secondary">{{ $testimonials->comment }}</p>
                                    </div>
                                    <div class="box-product">
                                        <div class="product-img avt-62 round">
                                            <img src="{{ asset('storage/' . $testimonials->image) }}" alt="avt">
                                        </div>
                                        <div class="box-price">
                                            <p class="text-title  text-line-clamp-1"> {{ $testimonials->name }}
                                            </p>
                                            <div class="text-button price">{{ $testimonials->designation }}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach

</div>
                    <style>
                        .testimonial-item {
                            height: 100%;
                            display: flex;
                            flex-direction: column;
                        }

.swiper-slide {
                            height: auto !important;
                        }

.testimonial-item .content {
                            flex: 1;
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
                            /* Keeps text + bottom aligned */
                        }
                    </style>
                    <div class="sw-pagination-testimonial sw-dots type-circle d-flex justify-content-center">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

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

관리-도구

편집 파일: about.blade.php

Sid Gifari File Manager