{include file="header.tpl"}

        <!-- .....:::::: Start Breadcrumb Section :::::.... -->
        <div class="breadcrumb-section">
            <div class="breadcrumb-wrapper">
                <div class="image"><img src="assets/images/background/breadcrumb.png" alt=""></div>
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="content">
                                <h2 class="title">About Us</h2>
                                <ol class="breadcrumb-link">
                                    <li><a href="?a=home">Home</a></li>
                                    <li class="active" aria-current="page">About</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>            
            </div>
        </div>
        <!-- .....:::::: End Breadcrumb Section :::::.... -->

         <!-- .....:::::: Start About Section :::::.... -->
         <div class="about-section section-top-space">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="about-wrapper about-wrapper-1">
                            <div class="content">
                                <h4 class="title-tag text-gradient">ABOUT {$settings.site_name}</h4>
                                <h2 class="title">CONNECT WITH <span class="text-gradient">{$settings.site_name}.</span></h2>
                                <h3 class="sub-title">WE HAVE <span class="text-gradient">28 YEARS</span> OF EXPERIENCE
                                    with 100% job success.</h3>

                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry has
                                been the industry's standard dummy text ever since the 1500s, when an unknown
                                printer took a galley of type and scrambled it to make a type specimen book
                                survived not only five centuries but also the leap.</p>

                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry has
                                been the industry's standard dummy text ever since the 1500s, when an unknown
                                printer took a galley of type and scrambled it to make a type specimen book
                                survived not only five centuries but also the leap.</p>
                            </div>
                            <div class="image"><img src="assets/images/about/about-img-1.png" alt=""></div>
                        </div>
                        <div class="about-wrapper about-wrapper-2">
                            <div class="content">
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry has
                                been the industry's standard dummy text ever since the 1500s, when an unknown
                                printer took a galley of type and scrambled it to make a type specimen book
                                survived not only five centuries but also the leap.</p>

                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry has
                                been the industry's standard dummy text ever since the 1500s, when an unknown
                                printer took a galley of type and scrambled it to make a type specimen book
                                survived not only five centuries but also the leap.</p>

                                <a href="#" class="btn btn-lg btn-primary mt-6">Our Service</a>
                            </div>
                            <div class="image"><img src="assets/images/about/about-img-2.png" alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
         </div>
         <!-- .....:::::: End About Section :::::.... -->

        <!-- .....:::::: Start Counter Display Section :::::.... -->
        <div class="about-wrap-section counter-display-section m-t-70 section-inner-gap">
            <div class="container">
                <div class="counter-wrapper">
                    <!-- Start Counter Single Item -->
                    <div class="counter-single-item">
                        <div class="icon">
                            <img src="assets/images/icons/sm-user-icon.png" alt="">
                        </div>
                        <div class="content">
                            <h2 class="number"><span class="counter">2,589</span></h2>
                            <span class="text">Happy Clients</span>
                        </div>
                    </div>
                    <!-- End Counter Single Item -->
                    <!-- Start Counter Single Item -->
                    <div class="counter-single-item">
                        <div class="icon">
                            <img src="assets/images/icons/sm-gear-icon.png" alt="">
                        </div>
                        <div class="content">
                            <h2 class="number"><span class="counter">589</span>K</h2>
                            <span class="text">Projects Done</span>
                        </div>
                    </div>
                    <!-- End Counter Single Item -->
                    <!-- Start Counter Single Item -->
                    <div class="counter-single-item">
                        <div class="icon">
                            <img src="assets/images/icons/sm-coffee-icon.png" alt="">
                        </div>
                        <div class="content">
                            <h2 class="number"><span class="counter">3,462</span></h2>
                            <span class="text">Cup of coffee</span>
                        </div>
                    </div>
                    <!-- End Counter Single Item -->

                    <!--  Colum Separator -->
                    <div class="separator"></div>
                    <div class="separator"></div>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Counter Display Section :::::.... -->

        <!-- .....:::::: Start Default Inner Form Section :::::.... -->
        <div class="default-inner-form-section section-inner-gap section-inner-bg">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5">
                        <!-- Start Section Content -->
                        <div class="section-content section-content-space">
                            <h4 class="title-tag text-gradient">BOOKING NOW</h4>
                            <h2 class="title">BOOK FOR SERVICE</h2>
                            <p>It is long established fact that a reader will
                                distracted by the reasdable.</p>
                        </div>
                        <!-- End Section Content -->
                    </div>
                    <div class="col-xl-6 offset-xl-1">
                        <div class="default-inner-form-wrapper">
                            <form class="form-group" action="#" method="post">
                                <div class="row mb-n6">
                                    <div class="col-md-6 col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <input type="text" placeholder="Name *" required="required">
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-md-6 col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <input type="email" placeholder="Email *" required="required">
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-md-6 col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <input type="tel" placeholder="Phone *" required="required">
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-md-6 col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <input type="text" placeholder="Location *" required="required">
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <select>
                                                <option value="">Fuel Mining</option>
                                                <option value="">Cole Mining</option>
                                                <option value="">Gold Mining</option>
                                            </select>
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-12 mb-6 text-center">
                                        <button type="submit" class="btn btn-lg btn-primary icon-space-right"><i
                                                class="icofont-ui-calendar"></i> Booking Now </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Default Inner Form Section :::::.... -->

        <!-- .....:::::: Start Team Display Section :::::.... -->
        <div class="team-display-section section-top-space section-fluid">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <!-- Start Section Content -->
                        <div class="section-content section-content-space text-center">
                            <h4 class="title-tag text-gradient">TEAM MEMBERS</h4>
                            <h2 class="title">AMAZING TEAM</h2>
                        </div>
                        <!-- End Section Content -->
                    </div>
                </div>

                <div class="team-display-wrapper pos-relative">
                    <div class="row">
                        <div class="col-12">
                            <div class="default-slider default-arrow">
                                <!-- Slider main container -->
                                <div class="swiper-container ">
                                    <!-- Additional required wrapper -->
                                    <div class="swiper-wrapper">
                                        <!-- Slides -->
                                        <!-- Start Team Display Single Item  -->
                                        <div class="default-slider-item team-display-single-item swiper-slide">
                                            <div class="image">
                                                <img src="assets/images/team/team-img-1.png" alt="">
                                            </div>
                                            <div class="content">
                                                <h3 class="title">Ashanti York</h3>
                                                <span class="title-tag text-gradient">CIVIL ENGINEER</span>
                                                <ul class="social-link social-link-white">
                                                    <li><a target="_blank" href="#"><i class="icofont-facebook"></i></a>
                                                    </li>
                                                    <li><a target="_blank" href="#"><i class="icofont-twitter"></i></a>
                                                    </li>
                                                    <li><a target="_blank" href="#"><i class="icofont-skype"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- End Team Display Single Item  -->
                                        <!-- Start Team Display Single Item  -->
                                        <div class="default-slider-item team-display-single-item swiper-slide">
                                            <div class="image">
                                                <img src="assets/images/team/team-img-2.png" alt="">
                                            </div>
                                            <div class="content">
                                                <h3 class="title">Tonya Anderson</h3>
                                                <span class="title-tag text-gradient">EEE ENGINEER</span>
                                                <ul class="social-link social-link-white">
                                                    <li><a target="_blank" href="#"><i class="icofont-facebook"></i></a>
                                                    </li>
                                                    <li><a target="_blank" href="#"><i class="icofont-twitter"></i></a>
                                                    </li>
                                                    <li><a target="_blank" href="#"><i class="icofont-skype"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- End Team Display Single Item  -->
                                        <!-- Start Team Display Single Item  -->
                                        <div class="default-slider-item team-display-single-item swiper-slide">
                                            <div class="image">
                                                <img src="assets/images/team/team-img-3.png" alt="">
                                            </div>
                                            <div class="content">
                                                <h3 class="title">Kevin L. Davis</h3>
                                                <span class="title-tag text-gradient">CSE</span>
                                                <ul class="social-link social-link-white">
                                                    <li><a target="_blank" href="#"><i class="icofont-facebook"></i></a>
                                                    </li>
                                                    <li><a target="_blank" href="#"><i class="icofont-twitter"></i></a>
                                                    </li>
                                                    <li><a target="_blank" href="#"><i class="icofont-skype"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- End Team Display Single Item  -->
                                        <!-- Start Team Display Single Item  -->
                                        <div class="default-slider-item team-display-single-item swiper-slide">
                                            <div class="image">
                                                <img src="assets/images/team/team-img-4.png" alt="">
                                            </div>
                                            <div class="content">
                                                <h3 class="title">Todd A. Hogan</h3>
                                                <span class="title-tag text-gradient">Founder</span>
                                                <ul class="social-link social-link-white">
                                                    <li><a target="_blank" href="#"><i class="icofont-facebook"></i></a>
                                                    </li>
                                                    <li><a target="_blank" href="#"><i class="icofont-twitter"></i></a>
                                                    </li>
                                                    <li><a target="_blank" href="#"><i class="icofont-skype"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- End Team Display Single Item  -->
                                    </div>

                                </div>
                                <!-- If we need navigation buttons -->
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="col text-center p-t-100">
                    <a href="#" class="btn btn-lg btn-primary icon-space-right"><i class="icofont-user-alt-7"></i>Join With Us</a>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Team Display Section :::::.... -->

        <!-- .....:::::: Start Testimonial Display Section :::::.... -->
        <div class="testimonial-display-section section-top-space section-inner-gap section-inner-bg section-fluid pos-relative">
            <div class="container">
                <div class="row">
                    <div class="col-xxl-5">
                        <!-- Start Section Content -->
                        <div class="section-content section-content-space text-center text-xxl-start">
                            <h4 class="title-tag text-gradient">happy customer</h4>
                            <h2 class="title title-dash">SAY ABOUT US.</h2>
                        </div>
                        <!-- End Section Content -->

                        <div class="tab-content">
                            <div class="testimonial-single-item tab-pane fade show active" id="testimonial-1"
                                role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Tonya Anderson</h2>
                                    <span class="designation">CEO OF {$settings.site_name}, USA</span>
                                </div>
                            </div>
                            <div class="testimonial-single-item tab-pane fade" id="testimonial-2" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Kevin L. Davis</h2>
                                    <span class="designation">CEO OF {$settings.site_name}, USA</span>
                                </div>
                            </div>
                            <div class="testimonial-single-item tab-pane fade" id="testimonial-3" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Todd A. Hogan</h2>
                                    <span class="designation">CEO OF {$settings.site_name}, USA</span>
                                </div>
                            </div>
                            <div class="testimonial-single-item tab-pane fade" id="testimonial-4" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Harold S. Powers</h2>
                                    <span class="designation">CEO OF {$settings.site_name}, USA</span>
                                </div>
                            </div>
                            <div class="testimonial-single-item tab-pane fade" id="testimonial-5" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Adriana M. Hennessy</h2>
                                    <span class="designation">CEO OF {$settings.site_name}, USA</span>
                                </div>
                            </div>
                            <div class="testimonial-single-item tab-pane fade" id="testimonial-6" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Paula M. Miller</h2>
                                    <span class="designation">CEO OF {$settings.site_name}, USA</span>
                                </div>
                            </div>
                            <div class="testimonial-single-item tab-pane fade" id="testimonial-7" role="tabpanel">
                                <div class="content">
                                    <p class="text">It is a long established fact that a reader will
                                        distracted by the reasdable and content page
                                        looking at it and ayout the point using is that
                                        normal distribution of letters.</p>

                                    <h2 class="name">Nicky F. Eickhoff</h2>
                                    <span class="designation">CEO OF {$settings.site_name}, USA</span>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-xl-6 offset-lg-1 d-none d-xxl-block">
                        <div class="quite-icon">
                            <img src="assets/images/icons/quotation-orange.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <ul class="testimonial-tab nav nav-tabs" role="tablist">
                <li class="nav-item textimonial-curve-border textimonial-curve-border-outside">
                    <button class="nav-link active" data-bs-toggle="tab"
                        data-bs-target="#testimonial-1">
                        <img src="assets/images/testimonial/testimonial-person-1.png" alt="">
                    </button>
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#testimonial-3">
                        <img src="assets/images/testimonial/testimonial-person-3.png" alt="">
                    </button>
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#testimonial-7">
                        <img src="assets/images/testimonial/testimonial-person-7.png" alt="">
                    </button>
                </li>

                <li class="nav-item textimonial-curve-border textimonial-curve-border-center">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#testimonial-2">
                        <img src="assets/images/testimonial/testimonial-person-2.png" alt="">
                    </button>
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#testimonial-6">
                        <img src="assets/images/testimonial/testimonial-person-6.png" alt="">
                    </button>
                </li>

                <li class="nav-item textimonial-curve-border textimonial-curve-border-inside">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#testimonial-4">
                        <img src="assets/images/testimonial/testimonial-person-4.png" alt="">
                    </button>
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#testimonial-5">
                        <img src="assets/images/testimonial/testimonial-person-5.png" alt="">
                    </button>
                </li>
            </ul>
        </div>
        <!-- .....:::::: End Testimonial Display Section :::::.... -->

        <!-- .....:::::: Start Client Logo Display Section :::::.... -->
        <div class="client-logo-display-section section-inner-gap">
            <div class="client-logo-display-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="client-logo-slider">
                                <!-- Slider main container -->
                                <div class="swiper-container">
                                    <!-- Additional required wrapper -->
                                    <div class="swiper-wrapper">
                                        <!-- Slides -->
                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid"
                                                    src="assets/images/company-logo/company-logo-1.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid"
                                                    src="assets/images/company-logo/company-logo-2.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid"
                                                    src="assets/images/company-logo/company-logo-3.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid"
                                                    src="assets/images/company-logo/company-logo-4.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid"
                                                    src="assets/images/company-logo/company-logo-5.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid"
                                                    src="assets/images/company-logo/company-logo-6.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid"
                                                    src="assets/images/company-logo/company-logo-6.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Client Logo Display Section :::::.... -->

       {include file="footer.tpl"}