@extends('layouts.front.front')
@section('title', 'About Us | Apsys Network')
{{-- main content --}}
@section('content')

<main id="static">
    <section class="common-banner-wrapper" style="background-image: url('assets/images/page-banners/about-page-header-bg-image.webp');">
        <div class="container"> 
            <h1 class="pb-2" data-aos="fade-up" data-aos-delay="600">About Us</h1>
            <h4 class="color-white d-block pb-4 pb-sm-0" data-aos="fade-up" data-aos-delay="600">Connecting To the world</h2>
        </div>
    </section>
   
    
    
   <!--breacrumb-->
    <div class="container">
        <nav aria-label="breadcrumb" data-aos="fade-right" data-aos-delay="600">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">about us</li>
            </ol>
        </nav> 
        <div class="mobile--breadcrumbs">
            <a href="index.php" class="back"><i class="fa fa-chevron-left"></i></a>
            <a href="products.php" class="page">about us</a> 
        </div>
    </div>
        
        
        
    <section class="company-moto-wrapper"> 
        <div class="container">

            <div class="our-history-wrap">
                <div class="text-center">
                    <h1 data-aos="fade-up">Our <span>History</span></h1>
                    <p data-aos="fade-up">
                        <span>Apsys Network</span> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum, fugiat
                        magni. Mollitia dignissimos inventore debitis illo, cumque enim cum eius totam sit possimus
                        voluptatem delectus ad quia veniam
                        facere laudantium?
                    </p>
                </div>
                
                <div class="our-history-inner">
                    <div class="row g-0">
                        <div class="col-lg-6">
                            <img src="./assets/images/company_moto/our_history.jpg" alt="banner-image" class="img-fluid h-100" data-aos="fade-right" data-aos-delay="500">
                        </div>
                        <div class="col-lg-6">
                            <div class="content about-cont" data-aos="fade-left">
                                <p>Established in 2004, we have been providing industry leaders with quality products
                                    for years and have earned a reputation in the industry as the leading provider of
                                    power distribution systems. In 2017, we expanded our
                                    product line to accommodate monitoring devices and other intelligent solutions.
                                    Regardless of your needs in power distribution, we make the quality products to meet
                                    your standard.</p>
                                <p>Above all else, we have established a reputation of being easy to work with,
                                    reliable, and a provider of af ordable services to a variety of clients in various
                                    industries. At Apsys Networks, we always make service a
                                    priority. When you work with us, you’ll see these values in action and be assured
                                    that we are there to serve you</p>
                                <p>To provide our clients with everything they might need, we carry a wide range of
                                    services and options. If you need guidance in power distribution systems, our
                                    experienced and friendly team will walk you through the
                                    solutions that we have to of er and recommend a solution based on your needs.</p>
                            </div>
                        </div> 
                    </div>
                </div>
                <p class="mt-5" data-aos="fade-up">In addition to our quality products and services, we are trusted by companies and
                    governing bodies all across the globe. <b class="primary-color">Apsys
                        Networks</b> has all relevant certif cations that dictate our expertise, knowledge and safety in
                    all of the products and services that we have to of er. Wehave distrib-ution and manufacturing
                    centers around the world that allow
                    us to fulf ll any need from any company in a timely and accurate manner. If you want to work with a
                    partner that knows what it is like to scale at a global level, then we are the right choice for you
                </p>
            </div>
            
            <!--video wrappr-->
            <div class="pb-3">
                <div class="col-lg-8 mx-auto">
                    <div class="video__wrapper position-relative overflow-hidden">
                        <img src="assets/images/about-us-video-banner.jpg" class="img-fluid rounded" alt="video-banner-image">
                        <a href="#" class="btn btn-play position-center">
                            <div class="circle pulse"></div>
                            <div class="circle">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                                    <polygon points="40,30 65,50 40,70"></polygon>
                                </svg>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            
            
            
            
            <div class=" mt-5">
                <div class="row g-4 g-lg-5">
                    <div class="col-lg-4 col-md-6">
                        <div class="card p-4 rounded text-center">
                            <h3 class="primary-color header">Mission</h3> 
                            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Placeat, labore quibusdam
                                vitae nihil impedit cum, libero reiciendis iste doloribus pariatur tenetur quis
                                voluptatibus perferendis. Optio enim corporis animi
                                aliquam ad!
                            </p>
                            <a href="#" class="primary-color link">Read more <br> <i class="fa fa-sort-down"></i></a>
                        </div> 
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="card p-4 rounded text-center">
                            <h3 class="primary-color header">Vision</h3>
                            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Placeat, labore quibusdam
                                vitae nihil impedit cum, libero reiciendis iste doloribus pariatur tenetur quis
                                voluptatibus perferendis. Optio enim corporis animi
                                aliquam ad!
                            </p>
                            <a href="#" class="primary-color link">Read more <br> <i
                                    class="fa fa-sort-down"></i></a>
                        </div> 
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="card p-4 rounded text-center">
                            <h3 class="primary-color header">Value</h3>
                            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Placeat, labore quibusdam
                                vitae nihil impedit cum, libero reiciendis iste doloribus pariatur tenetur quis
                                voluptatibus perferendis. Optio enim corporis animi
                                aliquam ad!
                            </p>
                            <a href="#" class="primary-color link">Read more <br> <i class="fa fa-sort-down"></i></a>
                        </div> 
                    </div>
                </div>
            </div>

            <div class="our-history-wrap">
                <div class="text-center">
                    <h1 data-aos="fade-right">Research and Development</h1>
                </div>

                <div class="our-history-inner our-history-inverse">
                    <div class="row">

                        <div class="col-lg-6" data-aos="fade-up-right">
                            <img src="./assets/images/company_moto/our_history.jpg" alt="" class="img-fluid h-100">
                        </div>
                        <div class="col-lg-6">
                            <div class="content border h-100" data-aos="fade-up-left" data-aos-delay="500">
                                <p>Through a persistent and continued investment in research and development, we have
                                    developed a deep insight of optical communication and process engineering that we
                                    continue to control as we innovate for the future.
                                    Our primary focus is customer satisfaction by delivering our high quality products,
                                    problem solving capabilities and new innovative product developments to enable their
                                    achievements.We thrive on working with our
                                    customers to develop new solutions to match the changing trends of the industry and
                                    to bring those technologies to life.We staunchly believe in originality. Our
                                    dedicated researchers conduct their investigation
                                    with the highest integrity, f nely tuned processes and superb skill
                                </p>
                                <div class="text-center">
                                    <a href="#!" class="primary-color link">Read more <br> <i
                                            class="fa fa-sort-down"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            
            <div class="py-3">
                <h3 class="primary-color d-inline-block header" data-aos="fade-left">Quality Commitment</h3>

                <h5 class="mt-2 mt-md-4" data-aos="fade-up">Quality at every stage of the production cycle</h3>
                <p data-aos="fade-left">We ensure strict monitoring at every stage of the production cycle, from the procurement of raw
                    materials to the delivery of the f nished product. In raw materials procurement we have long term
                    supply agreement with the selection of
                    suppliers, thus assuring the best of quality and competitive prices</p>
                 
                
                <div class="accordion accordion-flush product-tabs-wrapper" id="accordionFlushDetail" data-aos="fade-up">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="flush-heading1">
                          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse1" aria-expanded="false" aria-controls="flush-collaps1">
                            ISO 5001
                          </button>
                    </h2>
                    <div id="flush-collapse1" class="accordion-collapse collapse" aria-labelledby="flush-heading1" data-bs-parent="#accordionFlushDetail">
                        <div class="accordion-body p-2">
                            <img src="./assets/images/quality-comitment/logo.jpg" alt="" class="me-2">
                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum quasi
                                            mollitia exercitationem amet voluptatum fugit reprehenderit velit voluptates
                                            quidem id error officia, cupiditate expedita necessitatibus
                                            quae! Sunt quod expedita veniam!</p>
                        </div>
                    </div>
                </div>
                <!---->
                <div class="accordion-item">
                    <h2 class="accordion-header" id="flush-headingTwo">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
                        ISO 5245
                      </button>
                    </h2>
                    <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushDetail">
                        <div class="accordion-body p-2"> 
                            <img src="./assets/images/quality-comitment/logo.jpg" alt="" class="me-2">
                                        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum quasi
                                            mollitia exercitationem amet voluptatum fugit reprehenderit velit voluptates
                                            quidem id error officia, cupiditate expedita necessitatibus
                                            quae! Sunt quod expedita veniam!</p>
                        </div>
                    </div>
                </div>
                 
                <!---->
                <div class="accordion-item">
                    <h2 class="accordion-header" id="flush-headingThree">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
                        ROH
                      </button>
                    </h2>
                    <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushDetail">
                        <div class="accordion-body p-2">
                             <img src="./assets/images/quality-comitment/logo.jpg" alt="" class="me-2">
                                        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum quasi
                                            mollitia exercitationem amet voluptatum fugit reprehenderit velit voluptates
                                            quidem id error officia, cupiditate expedita necessitatibus
                                            quae! Sunt quod expedita veniam!</p>
                                            
                                        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum quasi
                                            mollitia exercitationem amet voluptatum fugit reprehenderit velit voluptates
                                            quidem id error officia, cupiditate expedita necessitatibus
                                            quae! Sunt quod expedita veniam!</p>
                                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum quasi
                                            mollitia exercitationem amet voluptatum fugit reprehenderit velit voluptates
                                            quidem id error officia, cupiditate expedita necessitatibus
                                            quae! Sunt quod expedita veniam!</p>
                        </div>
                    </div>
                </div>
            </div><!--.//accordion-->
                
                
                 
            </div>


        </div>
    </section>
    
    
</main>
 

@endsection