Files
Manpower_website_four/about.php
2025-08-12 13:34:34 +05:45

394 lines
15 KiB
PHP

<?php include("header.php") ?>
<section class="section-bg space p0 m0">
<div class="video-wrapper">
<video id="video-fullwidth" poster="videos/work.jpg" preload="auto" loop="" autoplay="" muted="">
</video>
<div class="about-section-div">
<h2 class="h3-color" >About Us</h2>
<h3 class="h3-color">Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, iusto corporis optio quis temporibus necessitatibus qui tenetur consequuntur </h3>
</div>
</div>
</section>
<div class="clearfix"></div>
<section class="section">
<div class="container">
<div class="row col-p30">
<div class="col-sm-4 xs-box2 br-box">
<div class="box-services-c">
<i class="icon_globe fa fa-style4"></i>
<h3 class="title-small br-bottom-center">Everywhere</h3>
<p class="mb0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab corrupti, quasi? Beatae cumque maiores.</p>
</div>
</div>
<div class="col-sm-4 xs-box2 br-box">
<div class="box-services-c">
<i class="icon_shield fa fa-style4"></i>
<h3 class="title-small br-bottom-center">Reliable</h3>
<p class="mb0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab corrupti, quasi? Beatae cumque maiores.</p>
</div>
</div>
<div class="col-sm-4 br-box-last">
<div class="box-services-c">
<i class="icon_chat_alt fa fa-style4"></i>
<h3 class="title-small br-bottom-center">We help you</h3>
<p class="mb0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab corrupti, quasi? Beatae cumque maiores.</p>
</div>
</div>
</div>
</div>
</section>
<section class="section-bg p0 mb0 section-dark data-height-fix">
<div class="row col-p0">
<div class="col-sm-6 hidden-xs">
<div class="box-services-d p0 bg-img bg11">
<div class="bg-overlay"></div>
<div class="set-height"></div>
</div>
</div>
</div>
<div class="section-caption">
<div class="container">
<div class="row col-p0">
<div class="col-sm-5 col-sm-offset-7 get-height">
<div class="mb50 mt50">
<h3 class="title-medium color-on-dark">About us</h3>
<div class="br-bottom mb20 color-on-dark"></div>
<p class="mb50 color-on-dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste sunt cupiditate asperiores atque consectetur reiciendis, ex voluptate! Atque distinctio, illum minus consectetur quae explicabo eveniet dolorum voluptatum excepturi autem illo, laudantium iusto itaque vero.</p>
<h3 class="title-small color-on-dark"><i class="fa-style5 icon_heart_alt mr10"></i> Happy Clients</h3>
<p class="mb0 color-on-dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis explicabo inventore, nisi sint consectetur distinctio! Asperiores totam dolorum, odio ex?</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section pt0 section-bg ">
<div class="container">
<div class="row col-p0 max_height sm_max_height">
<div class="col-sm-12 col-md-6">
<div class="box-services-d box-services-e el_max_height">
<div class="bg-overlay"></div>
<div class="row col-p0">
<div class="col-sm-12">
<h3 class="title-uppercased title-shadow-a">empowering <a href="#" class="link-read-more">read more</a></h3>
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, minima iure sint laboriosam reprehenderit voluptate accusamus!</p>
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, minima iure sint laboriosam reprehenderit voluptate accusamus!</p>
<i class="fa icon_heart_alt"></i>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="box-services-d box-services-e dark el_max_height">
<div class="bg-overlay"></div>
<div class="row col-p0">
<div class="col-sm-12">
<h3 class="title-uppercased title-shadow-a">inspiring <a href="#" class="link-read-more">read more</a></h3>
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, minima iure sint laboriosam reprehenderit voluptate accusamus!</p>
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, minima iure sint laboriosam reprehenderit voluptate accusamus!</p>
<i class="fa icon_lightbulb_alt"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section stats-section">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="row">
<div class="col-xs-6 col-sm-3 xs-box">
<div class="stats-content">
<i class="fa fa-copy"></i>
<p class="stats-timer" data-to="123" data-speed="4000"></p>
<div class="br-bottom-center"></div>
<h3>Web Projects</h3>
</div>
</div>
<div class="col-xs-6 col-sm-3 xs-box">
<div class="stats-content">
<i class="fa fa-thumbs-up"></i>
<p class="stats-timer" data-to="1850" data-speed="4000"></p>
<div class="br-bottom-center"></div>
<h3>Happy Customers</h3>
</div>
</div>
<div class="col-xs-6 col-sm-3 xs-box">
<div class="stats-content">
<i class="fa fa-support"></i>
<p class="stats-timer" data-to="1768" data-speed="4000"></p>
<div class="br-bottom-center"></div>
<h3>Support Tickets</h3>
</div>
</div>
<div class="col-xs-6 col-sm-3">
<div class="stats-content">
<i class="fa fa-group"></i>
<p class="stats-timer" data-to="58" data-speed="3500"></p>
<div class="br-bottom-center"></div>
<h3>Employees</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-bg p0 mt0 section-dark">
<div class="row col-p0">
<div class="col-sm-3">
<div class="section-boxed-2">
<div class="br-bottom mb20 mt30"></div>
<h3 class="title-uppercased color-on-dark">our Team</h3>
</div>
</div>
<div class="col-sm-9">
<div class="team-section team-section-2 team-section-fullwidth portfolio-animation-off">
<div class="owl-carousel owl-columns5">
<div class="owl-el">
<div class="portfolio-el view">
<img src="images/demo/team1.jpg" alt="project">
<div class="mask">
<div class="portfolio-middle">
<h3 class="project-title br-bottom"><a href="#">John Doe</a></h3>
<p class="text">web designer</p>
</div>
<div class="date">
<ul class="social-icon simple">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-el">
<div class="portfolio-el view">
<img src="images/demo/team2.jpg" alt="project">
<div class="mask">
<div class="portfolio-middle">
<h3 class="project-title br-bottom"><a href="#">Mark Doe</a></h3>
<p class="text">web developer</p>
</div>
<div class="date">
<ul class="social-icon simple">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-el">
<div class="portfolio-el view">
<img src="images/demo/team3.jpg" alt="project">
<div class="mask">
<div class="portfolio-middle">
<h3 class="project-title br-bottom"><a href="#">Alex Doe</a></h3>
<p class="text">manager</p>
</div>
<div class="date">
<ul class="social-icon simple">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-el">
<div class="portfolio-el view">
<img src="images/demo/team4.jpg" alt="project">
<div class="mask">
<div class="portfolio-middle">
<h3 class="project-title br-bottom"><a href="#">Barry Doe</a></h3>
<p class="text">graphic designer</p>
</div>
<div class="date">
<ul class="social-icon simple">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-el">
<div class="portfolio-el view">
<img src="images/demo/team5.jpg" alt="project">
<div class="mask">
<div class="portfolio-middle">
<h3 class="project-title br-bottom"><a href="#">Chris Doe</a></h3>
<p class="text">SEO Analytic</p>
</div>
<div class="date">
<ul class="social-icon simple">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-el">
<div class="portfolio-el view">
<img src="images/demo/team6.jpg" alt="project">
<div class="mask">
<div class="portfolio-middle">
<h3 class="project-title br-bottom"><a href="#">Joe Doe</a></h3>
<p class="text">web designer</p>
</div>
<div class="date">
<ul class="social-icon simple">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="owl-el">
<div class="portfolio-el view">
<img src="images/demo/team1.jpg" alt="project">
<div class="mask">
<div class="portfolio-middle">
<h3 class="project-title br-bottom"><a href="#">Justin Doe</a></h3>
<p class="text">front-end designer</p>
</div>
<div class="date">
<ul class="social-icon simple">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div> <!-- END portfolio -->
</div>
</div>
</section>
<section class="section page-clients page-clients-b">
<div class="container">
<div class="row mb50">
<div class="col-xs-6 col-sm-3 xs-box">
<a href="#"><img src="images/demo/client01.png" alt="client"></a>
</div>
<div class="col-xs-6 col-sm-3 xs-box">
<a href="#"><img src="images/demo/client02.png" alt="client"></a>
</div>
<div class="col-xs-6 col-sm-3 xs-box">
<a href="#"><img src="images/demo/client03.png" alt="client"></a>
</div>
<div class="col-xs-6 col-sm-3">
<a href="#"><img src="images/demo/client04.png" alt="client"></a>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-3 xs-box">
<a href="#"><img src="images/demo/client05.png" alt="client"></a>
</div>
<div class="col-xs-6 col-sm-3 xs-box">
<a href="#"><img src="images/demo/client06.png" alt="client"></a>
</div>
<div class="col-xs-6 col-sm-3 xs-box">
<a href="#"><img src="images/demo/client07.png" alt="client"></a>
</div>
<div class="col-xs-6 col-sm-3">
<a href="#"><img src="images/demo/client08.png" alt="client"></a>
</div>
</div>
</div>
</section>
<section class="section-bg section-larger mb0 stellar bg-img bg17" data-stellar-background-ratio="0.4">
<div class="bg-overlay op7"></div>
<div class="container">
<div class="row mb30 mt30">
<div class="col-sm-12">
<div class="section-testimonials testimonials-bg">
<div class="owl-carousel owl-portfolio">
<div class="owl-el">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam? Quia, facere nobis fuga. Voluptas, sit maxime accusantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam?</p>
<footer>
<h5>John Doe <span> ThemeForest </span></h5>
</footer>
</blockquote>
</div>
<div class="owl-el">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam? Quia, facere nobis fuga. Voluptas, sit maxime accusantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam?</p>
<footer>
<h5>Alex Doe <span> PhotoDune </span></h5>
</footer>
</blockquote>
</div>
<div class="owl-el">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam? Quia, facere nobis fuga. Voluptas, sit maxime accusantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, quidem nesciunt totam?</p>
<footer>
<h5>Chris Doe <span> AudioJungle </span></h5>
</footer>
</blockquote>
</div>
</div>
<i class="fa icon_quotations"></i>
</div>
</div>
</div>
</div>
</section>
<?php include("footer.php") ?>