@extends('layouts.landing-app')

@section('styles')

@endsection

@section('content')

                            <!-- ROW-1 OPEN -->
                            <div class="section pb-7 pt-7 card-overlap">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card-body">
                                                <div class="information">
                                                    <div class="row">
                                                        <div class="col-xl-4 col-lg-6">
                                                            <div class="card">
                                                                <div class="card-body text-center">
                                                                    <svg width="50px" height="50px" class="mb-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="#664dc980" d="M1 7v35c0 3.31 8.95 6 20 6a57.677 57.677 0 0 0 10.65-.93L38.5 35.9l2.5-4.07V7Z"/><path fill="#684fc9e6" d="M41 15v9c0 3.31-8.95 6-20 6S1 27.31 1 24v-9c0 3.31 8.95 6 20 6s20-2.69 20-6zm-2.5 20.9-6.85 11.17A57.677 57.677 0 0 1 21 48C9.95 48 1 45.31 1 42v-9c0 3.31 8.95 6 20 6 7.53 0 14.09-1.25 17.5-3.1z"/><ellipse cx="21" cy="7" fill="#664dc999" rx="20" ry="6"/><path fill="#38cb89cc" d="M58.561 46.62v.007a3.2 3.2 0 0 0-.409 2.06 3.205 3.205 0 0 1-1.243 3 3.2 3.2 0 0 0-1.17 1.749 3.205 3.205 0 0 1-2.293 2.292 3.2 3.2 0 0 0-1.748 1.17 3.2 3.2 0 0 1-3 1.243 3.207 3.207 0 0 0-2.061.409h-.006a3.21 3.21 0 0 1-3.24 0h-.007a3.2 3.2 0 0 0-2.06-.409 3.205 3.205 0 0 1-3-1.243 3.2 3.2 0 0 0-1.749-1.17 3.205 3.205 0 0 1-2.292-2.293 3.2 3.2 0 0 0-1.17-1.748 3.2 3.2 0 0 1-1.243-3 3.207 3.207 0 0 0-.409-2.061v-.006a3.21 3.21 0 0 1 0-3.24v-.007a3.2 3.2 0 0 0 .409-2.06 3.205 3.205 0 0 1 1.243-3 3.2 3.2 0 0 0 1.17-1.749 3.205 3.205 0 0 1 2.293-2.292 3.2 3.2 0 0 0 1.748-1.17 3.2 3.2 0 0 1 3-1.243 3.207 3.207 0 0 0 2.061-.409h.006a3.21 3.21 0 0 1 3.24 0h.007a3.2 3.2 0 0 0 2.06.409 3.205 3.205 0 0 1 3 1.243 3.2 3.2 0 0 0 1.749 1.17 3.205 3.205 0 0 1 2.292 2.293 3.2 3.2 0 0 0 1.17 1.748 3.2 3.2 0 0 1 1.243 3 3.207 3.207 0 0 0 .409 2.061v.006a3.21 3.21 0 0 1 0 3.24Z"/><circle cx="45" cy="45" r="9" fill="#38cb89"/><path fill="#fff" d="M43 49a1 1 0 0 1-.707-.293l-1-1a1 1 0 0 1 1.414-1.414l.293.293 4.293-4.293a1 1 0 0 1 1.414 1.414l-5 5A1 1 0 0 1 43 49Z"/></svg>
                                                                    <h4 class="fw-bold mb-0">Code Quality</h4>
                                                                    <hr class="divide-line">
                                                                    <p class="mb-0">
                                                                        Admin code is maintained very cleanly and well-structured with proper comments.
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-xl-4 col-lg-6">
                                                            <div class="card">
                                                                <div class="card-body text-center">
                                                                    <svg width="50px" height="50px" class="mb-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="#664dc999" d="M58.93 12a1.973 1.973 0 0 0-.6-.99L48.02 1.54A2.1 2.1 0 0 0 46.63 1H13.37a2.1 2.1 0 0 0-1.39.54L1.67 11.01a2.066 2.066 0 0 0-.23 2.78l23.69 30.26L48.7 26.38l9.86-12.59a2.046 2.046 0 0 0 .37-1.79Z"/><path fill="#684fc9e6" d="m27.75 42.08-2.62 1.97L1.44 13.79A2.046 2.046 0 0 1 1.07 12H18zm30.81-28.29L48.7 26.38 33.69 37.63 42 12h16.93a2.046 2.046 0 0 1-.37 1.79z"/><path fill="#664dc980" d="M47.42 1.16 42 12 30 1h16.63a1.925 1.925 0 0 1 .79.16zM30 1 18 12 12.58 1.16a1.925 1.925 0 0 1 .79-.16zM42 12l-8.31 25.63-5.94 4.45L18 12h24z"/><circle cx="42" cy="42" r="17" fill="#38cb89cc"/><path fill="#fff" d="M38 49a1.99 1.99 0 0 1-1.414-.586l-2-2a2 2 0 0 1 2.828-2.828l.586.585 8.586-8.585a2 2 0 0 1 2.828 2.828l-10 10A1.99 1.99 0 0 1 38 49Z"/></svg>
                                                                    <h4 class="fw-bold mb-0">Powerful Design</h4>
                                                                    <hr class="divide-line">
                                                                    <p class="mb-0">
                                                                        Azea has a unique design that you cannot compare
                                                                        with any other templates.
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-xl-4">
                                                            <div class="card">
                                                                <div class="card-body text-center">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" width="50px" height="50px" class="mb-3">
                                                                        <path fill="#664dc980" d="M41 3v30l-8 14-23 2.88L9 50V2l1-1h29a2.006 2.006 0 0 1 2 2Z"/>
                                                                        <path fill="#664dc9e6" d="M10 1v48.88L1 51V5a4 4 0 0 1 4-4Z"/>
                                                                        <path fill="#664dc9" d="M1 16a4 4 0 0 1 4-4 1 1 0 0 0 1-1V7a1 1 0 0 0-1-1 4 4 0 0 0-4 4Z"/>
                                                                        <rect width="21" height="13" x="15" y="8" fill="#664dc9" rx="2"/>
                                                                        <path fill="#664dc980" d="M33 47H5a4 4 0 1 0 0 8h31Z"/>
                                                                        <path fill="#38cb89cc" d="M58.561 46.62v.007a3.2 3.2 0 0 0-.409 2.06 3.205 3.205 0 0 1-1.243 3 3.2 3.2 0 0 0-1.17 1.749 3.205 3.205 0 0 1-2.293 2.292 3.2 3.2 0 0 0-1.748 1.17 3.2 3.2 0 0 1-3 1.243 3.207 3.207 0 0 0-2.061.409h-.006a3.21 3.21 0 0 1-3.24 0h-.007a3.2 3.2 0 0 0-2.06-.409 3.205 3.205 0 0 1-3-1.243 3.2 3.2 0 0 0-1.749-1.17 3.205 3.205 0 0 1-2.292-2.293 3.2 3.2 0 0 0-1.17-1.748 3.2 3.2 0 0 1-1.243-3 3.207 3.207 0 0 0-.409-2.061v-.006a3.21 3.21 0 0 1 0-3.24v-.007a3.2 3.2 0 0 0 .409-2.06 3.205 3.205 0 0 1 1.243-3 3.2 3.2 0 0 0 1.17-1.749 3.205 3.205 0 0 1 2.293-2.292 3.2 3.2 0 0 0 1.748-1.17 3.2 3.2 0 0 1 3-1.243 3.207 3.207 0 0 0 2.061-.409h.006a3.21 3.21 0 0 1 3.24 0h.007a3.2 3.2 0 0 0 2.06.409 3.205 3.205 0 0 1 3 1.243 3.2 3.2 0 0 0 1.749 1.17 3.205 3.205 0 0 1 2.292 2.293 3.2 3.2 0 0 0 1.17 1.748 3.2 3.2 0 0 1 1.243 3 3.207 3.207 0 0 0 .409 2.061v.006a3.21 3.21 0 0 1 0 3.24Z"/>
                                                                        <circle cx="45" cy="45" r="9" fill="#38cb89"/>
                                                                        <path fill="#664dc9" d="M5 38a1 1 0 0 1-1 1 3.009 3.009 0 0 0-3 3v-4a4.941 4.941 0 0 1 3-1 1 1 0 0 1 1 1zm0-7a1 1 0 0 1-1 1 3.009 3.009 0 0 0-3 3v-4a4.941 4.941 0 0 1 3-1 1 1 0 0 1 1 1zm28-3H18a1 1 0 0 1 0-2h15a1 1 0 0 1 0 2zm-2 4H20a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z"/>
                                                                        <path fill="#fff" d="M43 49a1 1 0 0 1-.707-.293l-1-1a1 1 0 0 1 1.414-1.414l.293.293 4.293-4.293a1 1 0 0 1 1.414 1.414l-5 5A1 1 0 0 1 43 49Z"/>
                                                                    </svg>
                                                                    <h4 class="fw-bold mb-0">Change Themes</h4>
                                                                    <hr class="divide-line">
                                                                    <p class="mb-0">
                                                                        Azea makes easy to change the theme of the template.
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-1 CLOSED -->

                            <!-- ROW-2 OPEN -->
                            <div class="section pb-7 aboutUs" id="About">
                                <img src="{{asset('build/assets/images/pngs/12.png')}}" class="png-image" alt="img">
                                <img src="{{asset('build/assets/images/pngs/12.png')}}" class="png-image1" alt="img">
                                <div class="container">
                                    <div class="row">
                                        <h3 class="text-center fw-bold text-primary mb-2">About Us</h3>
                                        <span class="landing-title"></span>
                                        <h4 class="text-center mb-1 mt-1 fw-semibold">Our mission is to make work meaningful.
                                        </h4>
                                        <div class="col-lg-12">
                                            <div class="card-body pb-0">
                                                <div class="row">
                                                    <div class="col-xl-6 col-lg-6 ps-0">
                                                        <div class="text-center mb-3 animated-image">
                                                            <img src="{{asset('build/assets/images/pngs/13.png')}}"
                                                                alt="image" class="br-5">
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-6 col-lg-6 pe-0 my-auto">
                                                        <div class="ps-5">
                                                            <h3 class="text-start fw-semibold fs-23 mb-5">We are
                                                                a creative agency with a passion for design.
                                                            </h3>
                                                            <p class="mb-6">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis</p>
                                                            <div class="d-flex">
                                                                <i class="bx bxs-check-circle text-primary fs-16"></i>
                                                                    <h5 class="fw-semibold ms-4 mb-4">Quality & Clean Code</h5>
                                                            </div>
                                                            <div class="d-flex">
                                                                <i class="bx bxs-check-circle text-primary fs-16"></i>
                                                                <h5 class="fw-semibold ms-4 mb-4">Well Documented</h5>
                                                            </div>
                                                            <div class="d-flex">
                                                                <i class="bx bxs-check-circle text-primary fs-16"></i>
                                                                <h5 class="fw-semibold ms-4 mb-4">Easy to Customize</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-2 CLOSED -->

                            <!-- ROW-3 OPEN -->
                            <div class="section bg-section feacture-section" id="Features">
                                <div class="container">
                                    <div class="row justify-content-center">
                                        <h3 class="text-center fw-bold text-primary mb-2">Features</h3>
                                        <span class="landing-title"></span>
                                        <h4 class="text-center fw-semibold mt-1 mb-2">Azea Main Features.</h4>
                                        <p class="text-default mb-5 text-center fs-15">The Azea admin template comes with
                                            ready-to-use features that are completely easy-to-use for any user, even for
                                            a beginner.</p>
                                        <div class="row ">
                                            <div class="col-lg-4 col-md-12">
                                                <div class="card  features main-features main-features-1">
                                                    <div class="card-body p-1 text-center">
                                                        <div class="mb-4 avatar avatar-lg p-2  bg-primary-transparent rounded-circle" >
                                                            <svg  width="23px" height="23px" xmlns="http://www.w3.org/2000/svg" class="svg-icons" data-name="Layer 1" viewBox="0 0 98 98"><g fill="#664dc9" class="color000000 svgShape" data-name="&amp;lt;Group&amp;gt;"><polygon points="39.9 71 33 80 64.9 80 58 71 39.9 71" class="color000000 svgShape" data-name="&amp;lt;Path&amp;gt;"></polygon><rect width="77" height="49" x="10" y="18" class="color000000 svgShape" data-name="&amp;lt;Path&amp;gt;" rx="6" ry="6"></rect></g></svg>
                                                        </div>
                                                        <div class="text-center counter-body">
                                                            <h4 class="fw-bold">Unique Design</h4>
                                                            <p class="mb-0">Azea has a unique design that you cannot compare
                                                                with any other templates. It has unique Design</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-12">
                                                <div class="card features main-features main-features-1"
                                                    data-wow-delay="0.1s">
                                                    <div class="card-body p-1 text-center">
                                                        <div class="mb-4 avatar avatar-lg p-2  bg-primary-transparent rounded-circle" >
                                                            <svg  width="23px" height="23px" xmlns="http://www.w3.org/2000/svg"  class="svg-icons" viewBox="0 0 24 24"><path fill="#664dc9" d="m21 5-5-5H5a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5z" class="color2d98d4 svgShape"/><path fill="#010101" d="M19 23.75H5a2 2 0 0 1-2-2V22a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-.25a2 2 0 0 1-2 2z" class="color010101 svgShape" opacity=".1"/><path fill="#664dc9" d="M16 0v3a2 2 0 0 0 2 2h3l-5-5z" class="color0377be svgShape"/><path fill="#fff" d="M16 0H5a2 2 0 0 0-2 2v.25a2 2 0 0 1 2-2h11V0z" class="colorffffff svgShape" opacity=".2"/><path fill="#010101" d="M18 4.75a2 2 0 0 1-2-2V3a2 2 0 0 0 2 2h3l-.25-.25H18z" class="color010101 svgShape" opacity=".05"/><linearGradient id="a" x1="17.781" x2="21.271" y1="3.695" y2="7.185" gradientUnits="userSpaceOnUse"><stop class="stopColor010101 svgShape" offset="0" stop-color="#010101" stop-opacity=".1"/><stop class="stopColor010101 svgShape" offset="1" stop-color="#010101" stop-opacity="0"/></linearGradient><path fill="url(#a)" d="M18 5c-.55 0-1.047-.222-1.409-.581L21 8.827V5h-3z"/><path fill="#fff" d="M6 15h12v1H6zm0-3h12v1H6zm0 6h4.5v1H6zm6-9h6v1h-6zm.5 8.5-1 1 1 1h1l-1-1 1-1zm2-.5h1l-.5 3h-1zm-7-8.5-1 1 1 1h1l-1-1 1-1zm2.5 0 1 1-1 1H9l1-1-1-1zm7 9 1 1-1 1h-1l1-1-1-1z" class="colorffffff svgShape"/><linearGradient id="b" x1=".299" x2="23.085" y1="7.347" y2="17.972" gradientUnits="userSpaceOnUse"><stop class="stopColorffffff svgShape" offset="0" stop-color="#fff" stop-opacity=".2"/><stop class="stopColorffffff svgShape" offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path fill="url(#b)" d="m21 5-5-5H5a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5z"/></svg>
                                                        </div>
                                                        <div class="text-center counter-body">
                                                            <h4 class="fw-bold">Quality &amp; Clean Code</h4>
                                                            <p class="mb-0">The Azea admin code is maintained very cleanly and
                                                                well-structured with proper
                                                                comments.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-12">
                                                <div class="card features main-features main-features-1"
                                                    data-wow-delay="0.1s">
                                                    <div class="card-body p-1 text-center">
                                                        <div class="mb-4 avatar avatar-lg p-2  bg-primary-transparent rounded-circle" >
                                                            <svg  width="23px" height="23px" xmlns="http://www.w3.org/2000/svg"  class="svg-icons"  viewBox="0 0 32 32"><rect fill="#664dc9" width="10" height="10" x="5" y="5" rx="3" ry="3"/><rect fill="#664dc9" width="10" height="10" x="17" y="5" rx="3" ry="3"/><rect fill="#664dc9" width="10" height="10" x="5" y="17" rx="3" ry="3"/><rect fill="#664dc9" width="10" height="10" x="17" y="17" rx="3" ry="3"/></svg>
                                                        </div>
                                                        <div class="text-center counter-body">
                                                            <h4 class="fw-bold">Modern UI Widgets</h4>
                                                            <p class="mb-0">
                                                                Modern widgets are included in this template. Please check out
                                                                the best option
                                                                that suits for your projects.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-12">
                                                <div class="card features main-features main-features-1"
                                                    data-wow-delay="0.1s">
                                                    <div class="card-body p-1 text-center">
                                                        <div class="mb-4 avatar avatar-lg p-2  bg-primary-transparent rounded-circle" >
                                                            <svg  width="23px" height="23px" xmlns="http://www.w3.org/2000/svg" class="svg-icons"  id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 52 52" xml:space="preserve"><path  fill="#664dc9" d="M44.62 37.48c.3.12.66.09.94-.09.27-.19.44-.5.44-.84v-26c0-.4-.24-.76-.61-.92C39.31 7.06 33.11 6.88 27 9.09v28.13c5.79-2.3 11.69-2.21 17.62.26z"/><path fill="#664dc9" d="M49 13.44h-1v23.11c0 .981-.48 1.905-1.285 2.474-.563.363-1.13.529-1.715.529-.388 0-.765-.073-1.122-.215-2.842-1.184-5.674-1.779-8.443-1.779-2.569 0-5.158.512-7.697 1.52l-.738.293-1 .398-1-.398-.738-.293c-2.54-1.008-5.128-1.52-7.696-1.52-2.77 0-5.601.595-8.417 1.768-.383.153-.76.226-1.148.226a2.986 2.986 0 0 1-1.657-.497A3.029 3.029 0 0 1 4 36.551V13.44H3a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h19.093a3.82 3.82 0 0 0 3.724 3.001 3.82 3.82 0 0 0 3.724-3.002H49a1 1 0 0 0 1-1v-26a1 1 0 0 0-1-1z"/><path fill="#664dc9" d="M6.45 37.39c.27.18.63.21.93.09 5.93-2.47 11.83-2.56 17.62-.26V9.09c-6.11-2.21-12.31-2.03-18.39.54-.37.16-.61.52-.61.92v26c0 .34.17.65.45.84z"/></svg>
                                                        </div>
                                                        <div class="text-center counter-body">
                                                            <h4 class="fw-bold">User Pages</h4>
                                                            <p class="mb-0">
                                                                The most advanced "User Pages" are included in this template,
                                                                like registration,
                                                                profile, and log-in pages, etc.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-12">
                                                <div class="card features main-features main-features-1"
                                                    data-wow-delay="0.1s">
                                                    <div class="card-body p-1 text-center">
                                                        <div class="mb-4 avatar avatar-lg p-2  bg-primary-transparent rounded-circle mx-auto" >
                                                            <svg  width="23px" height="23px" xmlns="http://www.w3.org/2000/svg" class="svg-icons mx-auto" viewBox="0 0 48 48"><path fill="#664dc9" d="M30.6.5H6.5v47h35v-36L30.6.5zM24 31.7l-7.7-6.6h4.2v-7.8h6.9v7.8h4.2L24 31.7zm4.5-18.2v-11l11 11h-11z"/></svg>
                                                        </div>
                                                        <div class="text-center counter-body">
                                                            <h4 class="fw-bold">Well Documentation</h4>
                                                            <p class="mb-0">
                                                                The documentation provides clear-cut material and is instructed
                                                                with such a way
                                                                that every user can understand.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-12">
                                                <div class="card features main-features main-features-1"
                                                    data-wow-delay="0.1s">
                                                    <div class="card-body p-1 text-center">
                                                        <div class="mb-4 avatar avatar-lg p-2  bg-primary-transparent rounded-circle" >
                                                            <svg  width="23px" height="23px" xmlns="http://www.w3.org/2000/svg"   class="svg-icons" viewBox="0 0 24 24"><path fill="#664dc9" d="M5.5 10.5h-5a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h5A.5.5 0 0 0 6 23V11a.5.5 0 0 0-.5-.5zM24 11c0-1.378-1.122-2.5-2.5-2.5h-6.295c.305-.929.795-2.632.795-4 0-2.169-1.843-4-3-4-1.039 0-1.781.584-1.813.609A.504.504 0 0 0 11 1.5v3.39l-2.88 6.241-.843.421A.503.503 0 0 0 7 12v9c0 .133.053.26.146.354.749.748 2.429 1.146 3.354 1.146h9.25a2.252 2.252 0 0 0 2.015-3.25 2.24 2.24 0 0 0 1-3 2.24 2.24 0 0 0 1.235-2c0-.6-.239-1.161-.65-1.575.415-.452.65-1.044.65-1.675z"/></svg>
                                                        </div>
                                                        <div class="text-center counter-body">
                                                            <h4 class="fw-bold">Validating Forms</h4>
                                                            <p class="mb-0">
                                                                Tempor accusam magna ipsum ea et. Sanctus aliquyam ea duo sit
                                                                consetetur. Labore stet sed. Labore stet sed.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-3 CLOSED -->

                            <!-- ROW-4 OPEN -->
                            <div class="section testimonial-owl-landing testimonials pb-0" id="Clients">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h3 class="text-center fw-bold text-white mb-2">Testimonials </h3>
                                            <div class="landing-title"></div>
                                            <h4 class="text-center fw-semibold mt-1 text-white-80 mb-5">What People Are
                                                Saying About Our Product.</h4>
                                            <div class="card bg-transparent mb-0 border-0">
                                                <div class="card-body pt-5">
                                                    <div class="testimonial-carousel">
                                                        <div class="slide text-center">
                                                            <div class="row">
                                                                <div class="col-xl-8 col-md-12 d-block mx-auto">
                                                                    <div class="testimonia">
                                                                        <p class="text-white-80">
                                                                            <i
                                                                                class="fa fa-quote-left fs-30 text-white-50 me-2"></i>
                                                                            Lorem ipsum dolor sit amet,
                                                                            consectetur adipisicing elit. Quod eos id
                                                                            officiis hic tenetur quae quaerat
                                                                            ad velit ab. Lorem ipsum dolor sit amet,
                                                                            consectetur adipisicing elit.
                                                                            Dolore cum accusamus eveniet molestias
                                                                            voluptatum inventore laborios
                                                                            labore sit, aspernatur praesentium iste
                                                                            impedit quidem dolor veniam.
                                                                        </p>
                                                                        <h3 class="title">Elizabeth</h3>
                                                                        <span class="post">Web Developer</span>
                                                                        <div class="rating-stars block my-rating-5 mb-5"
                                                                            data-rating="4"></div>
                                                                        <div class="owl-controls clickable">
                                                                            <div class="owl-pagination">
                                                                                <div class="owl-page active">
                                                                                    <span></span>
                                                                                </div>
                                                                                <div class="owl-page ">
                                                                                    <span></span>
                                                                                </div>
                                                                                <div class="owl-page">
                                                                                    <span></span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="slide text-center">
                                                            <div class="row">
                                                                <div class="col-xl-8 col-md-12 d-block mx-auto">
                                                                    <div class="testimonia">
                                                                        <p class="text-white-80"><i
                                                                                class="fa fa-quote-left fs-30 text-white-50 me-2"></i> Nemo
                                                                            enim ipsam
                                                                            voluptatem quia voluptas sit aspernatur aut
                                                                            odit aut fugit, sed quia
                                                                            consequuntur magni dolores eos qui ratione
                                                                            voluptatem sequi nesciunt. Neque
                                                                            porro quisquam est, qui dolorem ipsum quia
                                                                            dolor sit amet, consectetur,
                                                                            adipisci velit, sed quia non numquam eius
                                                                            modi tempora incidunt ut labore.
                                                                        </p>
                                                                        <div class="testimonia-data">
                                                                            <h3 class="title">williamson</h3>
                                                                            <span class="post">UI Developer</span>
                                                                            <div class="rating-stars">
                                                                                <div class="rating-stars block my-rating-5 mb-5"
                                                                                    data-rating="3"></div>
                                                                                <div class="owl-controls clickable">
                                                                                    <div class="owl-pagination">
                                                                                        <div class="owl-page ">
                                                                                            <span></span>
                                                                                        </div>
                                                                                        <div class="owl-page active">
                                                                                            <span></span>
                                                                                        </div>
                                                                                        <div class="owl-page">
                                                                                            <span></span>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="slide text-center">
                                                            <div class="row">
                                                                <div class="col-xl-8 col-md-12 d-block mx-auto">
                                                                    <div class="testimonia">
                                                                        <p class="text-white-80"><i
                                                                                class="fa fa-quote-left fs-30 text-white-50 me-2"></i> Duis
                                                                            aute irure dolor
                                                                            in reprehenderit in voluptate velit esse
                                                                            cillum dolore eu fugiat nulla
                                                                            pariatur. Excepteur sint occaecat cupidatat
                                                                            non proident, sunt in culpa qui
                                                                            officia deserunt mollit anim id est laborum.
                                                                            Sed ut perspiciatis unde omnis
                                                                            iste natus error sit voluptatem accusantium
                                                                            doloremque laudantium.</p>
                                                                        <div class="testimonia-data">
                                                                            <h3 class="title">Sophie Carr</h3>
                                                                            <span class="post">Web Designer</span>
                                                                            <div class="rating-stars">
                                                                                <div class="rating-stars block my-rating-5 mb-5"
                                                                                    data-rating="5"></div>
                                                                                <div class="owl-controls clickable">
                                                                                    <div class="owl-pagination">
                                                                                        <div class="owl-page ">
                                                                                            <span></span>
                                                                                        </div>
                                                                                        <div class="owl-page">
                                                                                            <span></span>
                                                                                        </div>
                                                                                        <div class="owl-page active">
                                                                                            <span></span>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-4 CLOSED -->

                            <!-- ROW-5 OPEN -->
                            <div class="section bg-white" id="Faqs">
                                <div class="container">
                                    <div class="row">
                                        <h3 class="text-center fw-bold text-primary mb-2">FAQ'S ?</h3>
                                        <span class="landing-title"></span>
                                        <h4 class="text-center mt-1 fw-semibold mb-3">We are here to help you</h4>
                                        <p class="fs-15 text-center">
                                                The Azea admin template is one of the modern dashboard templates.
                                                It is also a premium admin dashboard.
                                            </p>
                                        <section class="demo-screen-demo" id="faqs">
                                            <div class="row justify-content-center">
                                                <div class="col-md-12 col-lg-6 pt-3">
                                                    <div class="accordion accordion-flush" id="accordionFlushExample">
                                                        <div class="accordion-item">
                                                            <h4 class="accordion-header" id="flush-headingOne">
                                                            <a href="javascript:void(0);" class="fw-semibold" role="button" data-bs-toggle="collapse" aria-expanded="true" data-bs-target="#flush-collapseOne" aria-controls="flush-collapseOne">
                                                                Can I get a free trial before purchase ?
                                                                <span class="float-end"><i class="fe fe-plus"></i></span>
                                                            </a>
                                                            </h4>
                                                            <div id="flush-collapseOne" class="accordion-collapse collapse show" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
                                                            <div class="accordion-body">
                                                                <p class="mb-0">
                                                                    Lorem ipsum dolor sit amet consectetur adipisicing
                                                                    elit. Iure quos debitis aliquam .Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
                                                                    Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat.
                                                                </p>
                                                            </div>
                                                            </div>
                                                        </div>
                                                        <div class="accordion-item">
                                                            <h4 class="accordion-header" id="flush-headingTwo">
                                                            <a href="javascript:void(0);" class="fw-semibold" role="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
                                                                What type of files i will get after purchase ?
                                                                <span class="float-end"><i class="fe fe-plus"></i></span>
                                                            </a>
                                                            </h4>
                                                            <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
                                                            <div class="accordion-body">
                                                                <p class="mb-0">
                                                                    Lorem ipsum dolor sit amet consectetur adipisicing
                                                                    elit. Iure quos debitis aliquam .Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
                                                                    Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat.
                                                                </p>
                                                            </div>
                                                            </div>
                                                        </div>
                                                        <div class="accordion-item">
                                                            <h4 class="accordion-header" id="flush-heading6">
                                                            <a href="javascript:void(0);" class="fw-semibold" role="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse6" aria-expanded="false" aria-controls="flush-collapse6">
                                                                Can I change my plan later?
                                                                <span class="float-end"><i class="fe fe-plus"></i></span>
                                                            </a>
                                                            </h4>
                                                            <div id="flush-collapse6" class="accordion-collapse collapse" aria-labelledby="flush-heading6" data-bs-parent="#accordionFlushExample">
                                                            <div class="accordion-body">
                                                                <p class="mb-0">
                                                                    Lorem ipsum dolor sit amet consectetur adipisicing
                                                                    elit. Iure quos debitis aliquam .Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
                                                                    Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat.
                                                                </p>
                                                            </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 col-lg-6 pt-3">
                                                    <div class="accordion accordion-flush" id="accordionFlushExample1">
                                                        <div class="accordion-item">
                                                            <h4 class="accordion-header" id="flush-headingThree">
                                                            <a href="javascript:void(0);" class="fw-semibold" role="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
                                                                What is a single Application ?
                                                            <span class="float-end"><i class="fe fe-plus"></i></span>
                                                            </a>
                                                            </h4>
                                                            <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample1">
                                                            <div class="accordion-body">
                                                                <p class="mb-0">
                                                                    Lorem ipsum dolor sit amet consectetur adipisicing
                                                                    elit. Iure quos debitis aliquam .Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
                                                                    Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat.
                                                                </p>
                                                            </div>
                                                            </div>
                                                        </div>
                                                        <div class="accordion-item">
                                                            <h4 class="accordion-header" id="flush-headingFour">
                                                            <a href="javascript:void(0);" class="fw-semibold" role="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="true" aria-controls="flush-collapseFour">
                                                                How to get future updates ?
                                                            <span class="float-end"><i class="fe fe-plus"></i></span>
                                                            </a>
                                                            </h4>
                                                            <div id="flush-collapseFour" class="accordion-collapse collapse show" aria-labelledby="flush-headingFour" data-bs-parent="#accordionFlushExample1">
                                                            <div class="accordion-body">
                                                                <p class="mb-0">
                                                                    Lorem ipsum dolor sit amet consectetur adipisicing
                                                                    elit. Iure quos debitis aliquam .Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
                                                                    Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat.
                                                                </p>
                                                            </div>
                                                            </div>
                                                        </div>
                                                        <div class="accordion-item">
                                                            <h4 class="accordion-header" id="flush-headingFive">
                                                            <a href="javascript:void(0);" class="fw-semibold" role="button" aria-expanded="false" data-bs-toggle="collapse" data-bs-target="#flush-collapseFive" aria-controls="flush-collapseFive">
                                                                Do you provide support ?
                                                            <span class="float-end"><i class="fe fe-plus"></i></span>
                                                            </a>
                                                            </h4>
                                                            <div id="flush-collapseFive" class="accordion-collapse collapse" aria-labelledby="flush-headingFive" data-bs-parent="#accordionFlushExample1">
                                                            <div class="accordion-body">
                                                                <p class="mb-0">
                                                                    Lorem ipsum dolor sit amet consectetur adipisicing
                                                                    elit. Iure quos debitis aliquam .Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
                                                                    Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat.
                                                                </p>
                                                            </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </section>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-5 CLOSED -->

                            <!-- ROW-6 OPEN -->
                            <div class="section bg-section" id="Pricing">
                                <div class="container">
                                    <div class="row justify-content-center">
                                        <h3 class="text-center fw-bold text-primary mb-2">Pricing</h3>
                                        <span class="landing-title"></span>
                                        <h4 class="text-center mb-7 mt-1 fw-semibold"> Meet our monthly plan that suits you.</h4>
                                        <div class="row">
                                            <div class="col-lg-4 col-md-12">
                                                <div class="card">
                                                    <div class="card-body p-7">
                                                        <div class="d-flex align-items-center">
                                                            <span class="pricing-icon me-2 bg-primary-transparent"><i class="fe fe-box text-primary"></i></span>
                                                            <h4 class="fw-semibold text-primary pt-0 mb-2">Personal</h4>
                                                        </div>
                                                        <p class="text-dark mb-2 mt-3"><span class="fs-40 fw-semibold"> $13</span><span class="mx-1 text-muted">/</span> month</p>
                                                        <p class="mb-3">Best for Business</p>
                                                        <div class="text-center border-top-0">
                                                            <a class="btn btn-outline-primary btn-block mb-4 btn-pill" href="javascript:void(0);">Get Started</a>
                                                        </div>
                                                        <p class="fs-13 fw-semibold">Lorem ipsum dolor sit amet
                                                            consectetur adipisicing.</p>
                                                        <ul class="pt-3 mb-0">
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-primary"></i> <strong> 2 Free</strong> Domain Name</li>
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-primary"></i><strong>3 </strong> Projects</li>
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-primary"></i><strong>3 </strong> One-Click Apps</li>
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-primary"></i><strong> 1 </strong> Databases</li>
                                                            <li class="mb-4 text-muted"><i class="bx bxs-x-circle me-2"></i><strong> Money </strong> BackGuarantee</li>
                                                            <li class="mb-0 text-muted"><i class="bx bxs-x-circle me-2"></i><strong> 24/7</strong> support</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-12">
                                                <div class="card bg-primary text-white">
                                                    <div class="card-body p-7">
                                                        <div class="ribbon ribbon-top-left text-success"><span class="bg-success">Popular</span></div>
                                                        <div class="d-flex align-items-center">
                                                            <span class="pricing-icon me-2 bg-white"><i class="fe fe-zap text-primary"></i></span>
                                                            <h4 class="fw-semibold text-white pt-0 mb-2">Premium</h4>
                                                        </div>
                                                        <p class="text-white mb-2 mt-3"><span class="fs-40 fw-semibold"> $15</span><span class="mx-1 text-muted">/</span> month</p>
                                                        <p class="mb-3">Best for Business</p>
                                                        <div class="text-center border-top-0">
                                                            <a class="btn btn-white btn-block mb-4 btn-pill text-primary" href="javascript:void(0);">Get Started</a>
                                                        </div>
                                                        <p class="fs-13 fw-semibold">Lorem ipsum dolor sit amet
                                                            consectetur adipisicing.</p>
                                                        <ul class="pt-3 mb-0">
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-white"></i> <strong> 2 Free</strong> Domain Name</li>
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-white"></i><strong>3 </strong> Projects</li>
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-white"></i><strong>3 </strong> One-Click Apps</li>
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-white"></i><strong> 1 </strong> Databases</li>
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-white"></i><strong> Money </strong> BackGuarantee</li>
                                                            <li class="mb-0"><i class="bx bxs-check-circle me-2 text-white"></i><strong> 24/7</strong> support</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-12">
                                                <div class="card">
                                                    <div class="card-body p-7">
                                                        <div class="d-flex align-items-center">
                                                            <span class="pricing-icon me-2 bg-primary-transparent"><i class="fe fe-layers text-primary"></i></span>
                                                            <h4 class="fw-semibold text-primary pt-0 mb-2">Basic</h4>
                                                        </div>
                                                        <p class="text-dark mb-2 mt-3"><span class="fs-40 fw-semibold"> $12</span><span class="mx-1 text-muted">/</span> month</p>
                                                        <p class="mb-3">Best for Business</p>
                                                        <div class="text-center border-top-0">
                                                            <a class="btn btn-outline-primary btn-block mb-4 btn-pill" href="javascript:void(0);">Get Started</a>
                                                        </div>
                                                        <p class="fs-13 fw-semibold">Lorem ipsum dolor sit amet
                                                            consectetur adipisicing.</p>
                                                        <ul class="pt-3 mb-0">
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-primary"></i> <strong> 2 Free</strong> Domain Name</li>
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-primary"></i><strong>3 </strong> Projects</li>
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-primary"></i><strong>3 </strong> One-Click Apps</li>
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-primary"></i><strong> 1 </strong> Databases</li>
                                                            <li class="mb-4"><i class="bx bxs-check-circle me-2 text-primary"></i><strong> Money </strong> BackGuarantee</li>
                                                            <li class="mb-0 text-muted"><i class="bx bxs-x-circle me-2"></i><strong> 24/7</strong> support</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-6 CLOSED -->

                            <!-- ROW-7 OPEN -->
                            <div class="section bg-section contact-bg">
                                <div class="container">
                                    <div class="row text-center justify-content-center">
                                        <div class="col-lg-12">
                                            <div class="mt-0  text-white">
                                                <h1 class="mb-2 fw-bold">Subscribe to our News Letter</h1>
                                                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.</p>
                                            </div>
                                        </div>
                                        <div class="col-lg-7">
                                            <div class="mt-4">
                                                <div class="input-group mt-1">
                                                    <input type="text" class="form-control input-lg" placeholder="Enter a valid Email Address ">
                                                    <button type="button" class="btn btn-primary btn-lg">
                                                        Subscribe
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-7 CLOSED -->

                            <!-- ROW-8 OPEN -->
                            <div class="section bg-white" id="Contact">
                                <div class="container">
                                    <div class="row justify-content-center">
                                        <h3 class="text-center fw-bold text-primary mb-2">Contact</h3>
                                        <span class="landing-title"></span>
                                        <h4 class="text-center mb-2 mt-1 fw-semibold">Get In Touch with us.</h4>
                                        <div class="row justify-content-center">
                                            <div class="col-lg-7">
                                                <div class="card-body mt-3 pb-2">
                                                    <form>
                                                        <div class="row">
                                                            <div class="col-lg-6">
                                                                <div class="form-group ">
                                                                    <label class="form-label" for="cusName">First Name<span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" id="cusName" placeholder="First Name">
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="form-group ">
                                                                    <label class="form-label" for="cusName1">Last Name </label>
                                                                    <input type="text" class="form-control" id="cusName1" placeholder="Last Name">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group ">
                                                            <label class="form-label" for="cusEmail">Email Address <span class="text-danger">*</span> </label>
                                                            <input type="email" class="form-control" id="cusEmail" placeholder="Email Address">
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="form-label">Message </label>
                                                            <textarea rows="3" class="form-control" placeholder="Message...."></textarea>
                                                        </div>
                                                    </form>
                                                    <button class="btn btn-primary btn-lg">Send Message</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-8 CLOSED -->                    

@endsection

@section('scripts')

    <!-- COUNTERS JS-->
    <script src="{{asset('build/assets/plugins/counters/counterup.min.js')}}"></script>
    <script src="{{asset('build/assets/plugins/counters/waypoints.min.js')}}"></script>
    <script src="{{asset('build/assets/plugins/counters/counters-1.js')}}"></script>

    <!-- OWLCAROUSEL JS-->
    <script src="{{asset('build/assets/plugins/owl-carousel/owl.carousel.js')}}"></script>
    
    <!-- SLIDER JS-->
    <script src="{{asset('build/assets/plugins/company-slider/slider.js')}}"></script>

    <!-- STAR RATING JS -->
    <script src="{{asset('build/assets/plugins/rating/jquery-rate-picker.js')}}"></script>
    <script src="{{asset('build/assets/plugins/rating/rating-picker.js')}}"></script>

    <!-- STAR RATING-1 JS -->
    <script src="{{asset('build/assets/plugins/ratings-2/jquery.star-rating.js')}}"></script>
    <script src="{{asset('build/assets/plugins/ratings-2/star-rating.js')}}"></script>
    
@endsection