@extends('frontend.layouts.master')
@section('content')
    <div class="container-xxl pt-5">

        <div class="row py-4 mb-2">
            <div class="col-md-7 order-2">
                <div class="overflow-hidden">
                    <h2 class="text-color-dark font-weight-bold text-12 mb-2 pt-0 mt-0 appear-animation" style="border-bottom: 5px solid #830d2e; width: fit-content;" data-appear-animation="maskUp" data-appear-animation-delay="300">
                        Nice Style Store
                    </h2>
                </div>
                <div class="overflow-hidden mb-3">
                    <p class="font-weight-bold text-primary text-uppercase mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="500">
                        Clothes Men & Women
                    </p>
                </div>

                {!! $about->content !!}

            </div>
            <div class="col-md-5 order-md-2 mb-4 mb-lg-0 appear-animation" data-appear-animation="fadeInRightShorter">
                <img src="{{ $about->image ?? '' }}" class="img-fluid rounded-4 mb-2" alt="">
            </div>
        </div>
    </div>
@endsection