@extends('web.layouts.front')
@section('title')
    {{ __('messages.contact_us') }}
@endsection
@section('page_css')
    {{--    <link rel="stylesheet" href="{{ mix('web_front/css/contact.css') }}"> --}}
@endsection
@php
    $enquiry = request()->query('enquiry');
    $settingValue = getSettingValue();
@endphp
@section('content')
    <div class="fancy-feature-fiftyOne position-relative mt-200">
        <div class="container">
            <div class="row">
                <div class="col-xxl-7 col-lg-6 text-center m-auto wow fadeInLeft">
                    <div class="title-style-five mb-65 lg-mb-40">
                        <div class="sc-title-two fst-italic position-relative d-inline-block">Blog</div>
                        <h2 class="main-title fw-500 tx-dark">Check our inside News</h2>
                    </div>
                </div>
            </div>
        </div> <!-- /.container -->
        <img src="images/lazy.svg" data-src="images/shape/shape_172.svg" alt="" class="lazy-img shapes shape-two">
    </div> <!-- /.fancy-feature-fiftyOne -->



    <!--
            =====================================================
                Blog Section Five
            =====================================================
            -->
    <div class="blog-section-five mt-70 lg-mt-30">
        <div class="container">
            <div class="border-bottom pb-150 lg-pb-60">
                <div class="row gx-xxl-5">
                    <div class="col-md-6 d-flex">
                        <article
                            class="blog-meta-five d-flex flex-column position-relative tran3s mb-60 lg-mb-50 wow fadeInUp">
                            <div><a href="blog-details.html" class="tag text-uppercase fw-500 tran3s">Design</a></div>
                            <div class="post-data mt-30 mb-100 lg-mb-50">
                                <a href="blog-details.html">
                                    <h4 class="tran3s blog-title">Until recently, the prevailing view assumed lorem
                                        ipsum was..</h4>
                                </a>
                            </div>
                            <div class="blog-footer d-flex align-items-center justify-content-between mt-auto">
                                <div class="blog-date fw-500 tx-dark">Featured - <a href="blog-details.html"
                                        class="fw-normal tran3s">18 Jul 2022</a></div>
                                <a href="blog-details.html" class="read-more tran3s"><i
                                        class="bi bi-arrow-up-right"></i></a>
                            </div> <!-- /.blog-footer -->
                        </article> <!-- /.blog-meta-five -->
                    </div>
                    <div class="col-md-6 d-flex">
                        <article
                            class="blog-meta-five d-flex flex-column position-relative tran3s mb-60 lg-mb-50 wow fadeInUp"
                            data-wow-delay="0.2s">
                            <div><a href="blog-details.html" class="tag text-uppercase fw-500 tran3s">Development</a>
                            </div>
                            <div class="post-data mt-30 mb-100 lg-mb-50">
                                <a href="blog-details.html">
                                    <h4 class="tran3s blog-title">Print, publishing qui visual ux quis layout mockups.
                                    </h4>
                                </a>
                            </div>
                            <div class="blog-footer d-flex align-items-center justify-content-between mt-auto">
                                <div class="blog-date fw-500 tx-dark">Created on - <a href="blog-details.html"
                                        class="fw-normal tran3s">18 Jul 2022</a></div>
                                <a href="blog-details.html" class="read-more tran3s"><i
                                        class="bi bi-arrow-up-right"></i></a>
                            </div> <!-- /.blog-footer -->
                        </article> <!-- /.blog-meta-five -->
                    </div>
                    <div class="col-md-6 d-flex">
                        <article
                            class="blog-meta-five d-flex flex-column position-relative tran3s mb-60 lg-mb-50 wow fadeInUp">
                            <div><a href="blog-details.html" class="tag text-uppercase fw-500 tran3s">Design</a></div>
                            <div class="post-data mt-30 mb-100 lg-mb-50">
                                <a href="blog-details.html">
                                    <h4 class="tran3s blog-title">Until recently, the prevailing view assumed lorem
                                        ipsum was..</h4>
                                </a>
                            </div>
                            <div class="blog-footer d-flex align-items-center justify-content-between mt-auto">
                                <div class="blog-date fw-500 tx-dark">Featured - <a href="blog-details.html"
                                        class="fw-normal tran3s">18 Jul 2022</a></div>
                                <a href="blog-details.html" class="read-more tran3s"><i
                                        class="bi bi-arrow-up-right"></i></a>
                            </div> <!-- /.blog-footer -->
                        </article> <!-- /.blog-meta-five -->
                    </div>
                    <div class="col-md-6 d-flex">
                        <article
                            class="blog-meta-five d-flex flex-column position-relative tran3s mb-60 lg-mb-50 wow fadeInUp"
                            data-wow-delay="0.2s">
                            <div><a href="blog-details.html" class="tag text-uppercase fw-500 tran3s">Development</a>
                            </div>
                            <div class="post-data mt-30 mb-100 lg-mb-50">
                                <a href="blog-details.html">
                                    <h4 class="tran3s blog-title">Print, publishing qui visual ux quis layout mockups.
                                    </h4>
                                </a>
                            </div>
                            <div class="blog-footer d-flex align-items-center justify-content-between mt-auto">
                                <div class="blog-date fw-500 tx-dark">Created on - <a href="blog-details.html"
                                        class="fw-normal tran3s">18 Jul 2022</a></div>
                                <a href="blog-details.html" class="read-more tran3s"><i
                                        class="bi bi-arrow-up-right"></i></a>
                            </div> <!-- /.blog-footer -->
                        </article> <!-- /.blog-meta-five -->
                    </div>
                    <div class="col-md-6 d-flex">
                        <article
                            class="blog-meta-five d-flex flex-column position-relative tran3s mb-60 lg-mb-50 wow fadeInUp">
                            <div><a href="blog-details.html" class="tag text-uppercase fw-500 tran3s">Design</a></div>
                            <div class="post-data mt-30 mb-100 lg-mb-50">
                                <a href="blog-details.html">
                                    <h4 class="tran3s blog-title">Until recently, the prevailing view assumed lorem
                                        ipsum was..</h4>
                                </a>
                            </div>
                            <div class="blog-footer d-flex align-items-center justify-content-between mt-auto">
                                <div class="blog-date fw-500 tx-dark">Featured - <a href="blog-details.html"
                                        class="fw-normal tran3s">18 Jul 2022</a></div>
                                <a href="blog-details.html" class="read-more tran3s"><i
                                        class="bi bi-arrow-up-right"></i></a>
                            </div> <!-- /.blog-footer -->
                        </article> <!-- /.blog-meta-five -->
                    </div>
                    <div class="col-md-6 d-flex">
                        <article
                            class="blog-meta-five d-flex flex-column position-relative tran3s mb-60 lg-mb-50 wow fadeInUp"
                            data-wow-delay="0.2s">
                            <div><a href="blog-details.html" class="tag text-uppercase fw-500 tran3s">Development</a>
                            </div>
                            <div class="post-data mt-30 mb-100 lg-mb-50">
                                <a href="blog-details.html">
                                    <h4 class="tran3s blog-title">Print, publishing qui visual ux quis layout mockups.
                                    </h4>
                                </a>
                            </div>
                            <div class="blog-footer d-flex align-items-center justify-content-between mt-auto">
                                <div class="blog-date fw-500 tx-dark">Created on - <a href="blog-details.html"
                                        class="fw-normal tran3s">18 Jul 2022</a></div>
                                <a href="blog-details.html" class="read-more tran3s"><i
                                        class="bi bi-arrow-up-right"></i></a>
                            </div> <!-- /.blog-footer -->
                        </article> <!-- /.blog-meta-five -->
                    </div>
                    <div class="col-md-6 d-flex">
                        <article
                            class="blog-meta-five d-flex flex-column position-relative tran3s mb-60 lg-mb-50 wow fadeInUp">
                            <div><a href="blog-details.html" class="tag text-uppercase fw-500 tran3s">Design</a></div>
                            <div class="post-data mt-30 mb-100 lg-mb-50">
                                <a href="blog-details.html">
                                    <h4 class="tran3s blog-title">Until recently, the prevailing view assumed lorem
                                        ipsum was..</h4>
                                </a>
                            </div>
                            <div class="blog-footer d-flex align-items-center justify-content-between mt-auto">
                                <div class="blog-date fw-500 tx-dark">Featured - <a href="blog-details.html"
                                        class="fw-normal tran3s">18 Jul 2022</a></div>
                                <a href="blog-details.html" class="read-more tran3s"><i
                                        class="bi bi-arrow-up-right"></i></a>
                            </div> <!-- /.blog-footer -->
                        </article> <!-- /.blog-meta-five -->
                    </div>
                    <div class="col-md-6 d-flex">
                        <article
                            class="blog-meta-five d-flex flex-column position-relative tran3s mb-60 lg-mb-50 wow fadeInUp"
                            data-wow-delay="0.2s">
                            <div><a href="blog-details.html" class="tag text-uppercase fw-500 tran3s">Development</a>
                            </div>
                            <div class="post-data mt-30 mb-100 lg-mb-50">
                                <a href="blog-details.html">
                                    <h4 class="tran3s blog-title">Print, publishing qui visual ux quis layout mockups.
                                    </h4>
                                </a>
                            </div>
                            <div class="blog-footer d-flex align-items-center justify-content-between mt-auto">
                                <div class="blog-date fw-500 tx-dark">Created on - <a href="blog-details.html"
                                        class="fw-normal tran3s">18 Jul 2022</a></div>
                                <a href="blog-details.html" class="read-more tran3s"><i
                                        class="bi bi-arrow-up-right"></i></a>
                            </div> <!-- /.blog-footer -->
                        </article> <!-- /.blog-meta-five -->
                    </div>
                </div>

                <div class="page-pagination-one pt-50 lg-pt-30">
                    <ul class="d-flex align-items-center justify-content-center style-none">
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li>...</li>
                        <li><a href="#">Last</a></li>
                        <li class="arrow"><a href="#"><i class="bi bi-arrow-right"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div> <!-- /.blog-section-five -->




    <button class="scroll-top">
        <i class="bi bi-arrow-up-short"></i>
    </button>
@endsection
@section('page_scripts')
    <script src='https://www.google.com/recaptcha/api.js'></script>
    {{--    <script src="{{ asset('assets/js/int-tel/js/intlTelInput.min.js') }}"></script> --}}
    {{--    <script src="{{ asset('assets/js/int-tel/js/utils.min.js') }}"></script> --}}
    {{--    <script src="{{ mix('assets/js/custom/phone-number-country-code.js') }}"></script> --}}
    {{--    <script src="{{ mix('assets/js/custom/custom.js') }}"></script> --}}
    {{--    <script src="{{ mix('assets/js/front_settings/contact_us.js') }}"></script> --}}
@endsection