@extends('frontend.source.layouts.app')

@section('content')
	<div class="stricky-header stricked-menu main-menu">
		<div class="sticky-header__content"></div>
	</div>	
	<section class="page-header">
		<div class="page-header__bg"
			style="background-image: url(assets/images/backgrounds/page-header-bg.jpg);">
		</div>
		<div class="container">
			<div class="page-header__inner">
				<h3>About Us</h3>
				<div class="thm-breadcrumb__inner">
					<ul class="thm-breadcrumb list-unstyled">
						<li><a href="index.html">Home</a></li>
						<li><span class="icon-arrow-angle-pointing-to-right"></span></li>
						<li>About Us</li>
					</ul>
				</div>
			</div>
		</div>
	</section>

    <!--About One Start -->
    <section class="about-one">
        <div class="about-one__shape-2 float-bob">
            <img src="assets/images/shapes/about-one-shape-2.png" alt="">
        </div>
        <div class="about-one__shape-3 float-bob-y">
            <img src="assets/images/shapes/about-one-shape-3.png" alt="">
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="about-one__left">
                        <div class="section-title text-left sec-title-animation animation-style2">
                            <div class="section-title__tagline-box">
                                <span class="section-title__tagline">About Us</span>
                            </div>
                            <h2 class="section-title__title title-animation">Boost Business with Our <br> Innovative
                                <span> IT Solutions</span>
                            </h2>
                        </div>
                        <p class="about-one__text">Innovating and empowering businesses with tailored solutions for
                            success<br> and growth. Empowering businesses to create meaningful innovation.</p>
                        <ul class="about-one__points list-unstyled">
                            <li>
                                <div class="icon">
                                    <span class="icon-award"></span>
                                </div>
                                <div class="content">
                                    <h4>Award-Winning Company.</h4>
                                    <p>Partner with us to unlock new possibilities, drive progress, and shape<br> a
                                        future filled with success</p>
                                </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <span class="icon-certified"></span>
                                </div>
                                <div class="content">
                                    <h4>Certified Company</h4>
                                    <p>Partner with us to unlock new possibilities, drive progress, and shape<br> a
                                        future filled with success</p>
                                </div>
                            </li>
                        </ul>
                        <div class="about-one__btn-and-client-info">
                            <div class="about-one__btn-box">
                                <a href="about.html" class="thm-btn">Learn More
                                    <span class="fas fa-arrow-right"></span>
                                </a>
                            </div>
                            <div class="about-one__client-info-inner">
                                <div class="about-one__client-info">
                                    <div class="about-one__client-img-inner">
                                        <div class="about-one__client-img">
                                            <img src="assets/images/resources/about-one-client-img-1.jpg"
                                                alt="">
                                        </div>
                                    </div>
                                    <div class="about-one__client-details">
                                        <h5>Adam Smith</h5>
                                        <p>ceo,Itzone</p>
                                    </div>
                                </div>
                                <div class="about-one__client-sign">
                                    <img src="assets/images/resources/about-one-client-sign.png"
                                        alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="about-one__right wow slideInRight" data-wow-delay="100ms" data-wow-duration="2500ms">
                        <div class="about-one__img-box">
                            <div class="about-one__shape-1 float-bob-x">
                                <img src="assets/images/shapes/about-one-shape-1.png" alt="">
                            </div>
                            <div class="about-one__img">
                                <img src="assets/images/resources/about-one-img-1.jpg" alt="">
                            </div>
                            <div class="about-one__img-2">
                                <img src="assets/images/resources/about-one-img-2.jpg" alt="">
                            </div>
                            <div class="about-one__video-link">
                                <a href="https://www.youtube.com/watch?v=rbFoRH2deeY" class="video-popup">
                                    <div class="about-one__video-icon">
                                        <span class="fa fa-play"></span>
                                        <i class="ripple"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="about-one__client-box">
                                <ul class="about-one__client-box-img-list list-unstyled">
                                    <li>
                                        <div class="about-one__client-box-img">
                                            <img src="assets/images/resources/about-one-client-img-1-1.jpg"
                                                alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="about-one__client-box-img">
                                            <img src="assets/images/resources/about-one-client-img-1-2.jpg"
                                                alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="about-one__client-box-img">
                                            <img src="assets/images/resources/about-one-client-img-1-3.jpg"
                                                alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <a href="#"><span class="fas fa-plus"></span></a>
                                    </li>
                                </ul>
                                <p class="about-one__client-text"><span class="odometer" data-count="120">00</span><span
                                        class="about-one__client-text-letter">K</span> Satisfied Client</p>
                            </div>
                            <div class="about-one__experience-box">
                                <div class="about-one__experience-count-box">
                                    <h3 class="odometer" data-count="25">00</h3>
                                    <span> </span>
                                </div>
                                <p class="about-one__experience-text">Years of
                                    Experience</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--About One End -->
@endsection