@extends('front.layout.layout')
@section('content')
<!-- ==================== Start Slider ==================== -->

<header class="page-header section-padding pb-0">
    <div class="container mt-80">
        <div class="row">
            <div class="col-lg-8">
                <div class="caption">
                    <h6 class="sub-title">Who We Are ?</h6>
                    <h1 class="fz-55">We're a digital Web agency based in Pakistan.</h1>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-5 offset-lg-4">
                <div class="text mt-30">
                    <p>We help our clients succeed by creating brand identities, digital experiences, and print
                        materials that communicate clearly, achieve marketing goals, and look fantastic.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="main-marq xlrg section-padding pb-0">
        <div class="slide-har st1">
            <div class="box">
                <div class="item">
                    <h4>About Us</h4>
                </div>
                <div class="item">
                    <h4>About Us</h4>
                </div>
                <div class="item">
                    <h4>About Us</h4>
                </div>
                <div class="item">
                    <h4>About Us</h4>
                </div>
                <div class="item">
                    <h4>About Us</h4>
                </div>
            </div>
            <div class="box">
                <div class="item">
                    <h4>About Us</h4>
                </div>
                <div class="item">
                    <h4>About Us</h4>
                </div>
                <div class="item">
                    <h4>About Us</h4>
                </div>
                <div class="item">
                    <h4>About Us</h4>
                </div>
                <div class="item">
                    <h4>About Us</h4>
                </div>
            </div>
        </div>
    </div>
</header>

<!-- ==================== End Slider ==================== -->



<!-- ==================== Start About ==================== -->

<section class="pg-about section-padding sub-bg our-mission-about ">
    <div class="container">
        <div class="row">
            <div class="our-story">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="bg-img radius-10 md-mb50"
                            data-background="{{asset('front')}}/assets/imgs/about-page/our-story--755X869--v2.jpg">
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="sec-head">
                            <h4 class="sub-title">Our Story.</h4>
                        </div>
                        <div class="cont ">
                            <h4>Apexition Tech is a digital marketing agency specializing in creating impactful brand
                                identities, digital experiences, and print materials. Located in Pakistan, we partner
                                with clients to achieve their marketing objectives through strategic campaigns and
                                innovative design solutions. Our team of digital marketing experts excels in SEO and
                                SEM, driving significant improvements in organic rankings, site visits, and revenue
                                growth for our clients. </h4>
                        </div>
                    </div>
                </div>
            </div>

            <div class="our-mission ">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="sec-head">
                            <h4 class="sub-title">VISION & MISSION.</h4>
                        </div>
                        <div class="cont ">
                            <h4>At Apexition Tech, our vision is to be the leading digital agency in Pakistan,
                                recognized for our creativity, innovation, and commitment to delivering exceptional
                                results. We empower businesses with creative digital solutions that drive growth and
                                exceed expectations. </h4>
                        </div>

                    </div>
                    <div class="col-lg-4">
                        <div class="bg-img radius-10" data-background="{{asset('front')}}/assets/imgs/about-page/mission-vision--1600X1747--v1.jpg">
                        </div>
                    </div>
                </div>
            </div>

        </div>
</section>

<!-- ==================== End About ==================== -->




</main>

<!-- ==================== Start call to action ==================== -->

<section class="call-action-img">
    <div class="container">
        <div class="sec-bg-img bg-img parallaxie" data-background="{{asset('front')}}/assets/imgs/about-page/last-image--1919X1280--V2.jpg">
        </div>
        <div class="sec-lg-head section-padding">
            <div class="row ontop">
                <div class="col-11 d-flex align-items-center">
                    <div class="valign">
                        <h2 class="fz-50 d-rotate wow">
                            <span class="rotate-text">Have a project in mind?</span>
                            <span class="rotate-text">Let’s <span class="sub-font">get to work</span>.</span>
                        </h2>
                    </div>
                    <div class="ml-auto">
                        <a href="{{route('contact')}}" class="butn-circle d-flex align-items-center text-center m-auto">
                            <div class="full-width">
                                <span><svg width="18" height="18" viewBox="0 0 18 18" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M13.922 4.5V11.8125C13.922 11.9244 13.8776 12.0317 13.7985 12.1108C13.7193 12.1899 13.612 12.2344 13.5002 12.2344C13.3883 12.2344 13.281 12.1899 13.2018 12.1108C13.1227 12.0317 13.0783 11.9244 13.0783 11.8125V5.51953L4.79547 13.7953C4.71715 13.8736 4.61092 13.9176 4.50015 13.9176C4.38939 13.9176 4.28316 13.8736 4.20484 13.7953C4.12652 13.717 4.08252 13.6108 4.08252 13.5C4.08252 13.3892 4.12652 13.283 4.20484 13.2047L12.4806 4.92188H6.18765C6.07577 4.92188 5.96846 4.87743 5.88934 4.79831C5.81023 4.71919 5.76578 4.61189 5.76578 4.5C5.76578 4.38811 5.81023 4.28081 5.88934 4.20169C5.96846 4.12257 6.07577 4.07813 6.18765 4.07812H13.5002C13.612 4.07813 13.7193 4.12257 13.7985 4.20169C13.8776 4.28081 13.922 4.38811 13.922 4.5Z"
                                            fill="currentColor"></path>
                                    </svg></span>
                                <span class="full-width">Get In Touch</span>
                            </div>
                            <img src="{{asset('front')}}/assets/imgs/svg-assets/circle-star.svg" alt=""
                                class="circle-star">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- ==================== End call to action ==================== -->

@endsection