Files
Manpower_website_four/templates/page_services_2.html
2025-08-12 13:34:34 +05:45

572 lines
25 KiB
HTML

<!DOCTYPE html>
<html lang="en-us">
<!-- Mirrored from ctrlthemes.com/html/palas/page_services_2.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:55 GMT -->
<head>
<meta charset="utf-8" >
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Palas | Bootstrap Multipurpose HTML5 Template</title>
<meta name="author" content="shiftthemes">
<meta name="description" content="Palas is a Business HTML Template developed with the the latest HTML5 and CSS3 technologies.">
<!-- CSS files -->
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700' rel='stylesheet'>
<link rel="stylesheet" href="bootstrap/3.3.1/css/bootstrap.min.css">
<link href="font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/void.css" id="_include_elegant_font">
<link rel="stylesheet" href="css/void.css" id="_include_owl_carousel">
<!-- Main CSS file -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="preloader">
<div id="status">&nbsp;</div>
</div>
<!-- Global Wrapper -->
<div id="wrapper">
<div class="h-wrapper">
<!-- Top Bar -->
<div class="topbar">
<div class="container">
<div class="row">
<div class="col-sm-6">
<ul class="top-menu">
<li><a href="#">About</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Terms</a></li>
</ul>
</div>
<!-- This column is hidden on mobiles -->
<div class="col-sm-6">
<div class="pull-right hidden-xs">
<ul class="social-icon unstyled">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></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>
<!-- Header -->
<header class="header-wrapper header-transparent with-topbar">
<div class="main-header">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-2">
<!-- Logo - Read documentation to see how to change the logo-->
<a href="index.html" class="logo"></a>
</div>
<div class="col-sm-12 col-md-10">
<nav class="navbar-right">
<ul class="menu">
<!-- Toggle Menu - For Mobile Devices -->
<li class="toggle-menu"><i class="fa icon_menu"></i></li>
<li class="first">
<a href="#">Home</a>
<!--Instead of full class you can type one_two (50%), two_three (66.66%), three_four (75%) -->
<div class="megamenu full">
<!-- Similar to Bootstrap gid system (12 columns) -->
<div class="row">
<div class="col-4">
<!-- You can alsoo include paragraps, images, iframes etc, not only lists, but probably you will have to style them -->
<ul class="megamenu-list">
<li><a href="index_02.html">Home Transparent Header</a></li>
<li><a href="index_09.html">Home Simple Header</a></li>
<li><a href="index_06.html">Home Full screen Slider</a></li>
<li><a href="index_13.html">Home Video Full Width</a></li>
<li><a href="index_10.html">Home Left Dark Menu</a></li>
<li><a href="index_13.html">Home Full Screen Menu</a></li>
<li><a href="index_14.html">Home Top Menu</a></li>
<li><a href="index_04.html">Home Parallax Image</a></li>
<li><a href="index_15.html">Home Full Kenburns Slider</a></li>
</ul>
</div>
<div class="col-4">
<ul class="megamenu-list">
<li><a href="index_10.html">Home Kenburns Slider</a></li>
<li><a href="index_05.html">Home Boxed Slider</a></li>
<li><a href="index_11.html">Home Right Menu</a></li>
<li><a href="index_04.html">Home Dark Top bar</a></li>
<li><a href="index_05.html">Home Dark Header</a></li>
<li><a href="index_08.html">Home Bottom Header</a></li>
<li><a href="index_08.html">Home Video Full Screen</a></li>
<li><a href="index_12.html">Home Text Rotator</a></li>
<li><a href="index_03.html">Home Static Menu</a></li>
</ul>
</div>
<div class="col-4">
<ul class="megamenu-list">
<li><a href="index_07.html">Home Menu under Logo</a></li>
<li><a href="index.html">Home Transparent Dark Header</a></li>
<li><a href="index_03.html">Home Gray Top Bar</a></li>
<li><a href="index_07.html">Home Icons Menu</a></li>
<li><a href="index_03.html">Home Menu White </a></li>
<li><a href="index_12.html">Home Left White Menu</a></li>
<li><a href="index_06.html">Home Menu Dark Transparent</a></li>
<li><a href="index_11.html">Home Parallax Full Image</a></li>
</ul>
</div>
</div>
</div> <!-- END Mega Menu -->
</li> <!-- END Home -->
<li>
<a href="#">Features</a>
<div class="megamenu full">
<div class="row">
<div class="col-4">
<ul class="megamenu-list">
<li class="title">Headers</li>
<li><a href="index_02.html">Header Transparent</a></li>
<li><a href="index_09.html">Header Simple</a></li>
<li><a href="index_08.html">Header Bottom Menu</a></li>
<li><a href="index_07.html">Header Icons Menu</a></li>
<li><a href="index_05.html">Header Dark</a></li>
<li><a href="index.html">Header Transparent Dark</a></li>
<li><a href="index_04.html">Header Dark Bar</a></li>
<li><a href="index_03.html">Header Gray Bar</a></li>
<li><a href="index_14.html">Header Top Menu</a></li>
<li><a href="index_13.html">Header Full Screen</a></li>
<li><a href="index_03.html">Header Static Menu</a></li>
<li><a href="index_07.html">Header Menu under Logo</a></li>
</ul>
</div>
<div class="col-4">
<ul class="megamenu-list">
<li class="title">Menus</li>
<li><a href="index_06.html">Menu Dark Transparent</a></li>
<li><a href="index.html">Menu Dark</a></li>
<li><a href="index_03.html">Menu Light</a></li>
<li> &nbsp; </li>
<li class="title">Footers</li>
<li><a href="index_04.html#footer_index">Footer Dark Simple</a></li>
<li><a href="index_03.html#footer_index">Footer Gray</a></li>
<li><a href="index.html#footer_index">Footer Background</a></li>
<li><a href="index_10.html#footer_index">Footer Simple</a></li>
<li><a href="index_02.html#footer_index">Footer Small</a></li>
</ul>
</div>
<div class="col-4">
<ul class="megamenu-list">
<li class="title">Vertical Menu</li>
<li><a href="index_10.html">Header Left Dark</a></li>
<li><a href="index_12.html">Header Left Light</a></li>
<li><a href="index_11.html">Header Right Menu</a></li>
<li> &nbsp; </li>
<li class="title">Sliders</li>
<li><a href="index.html">Slider Full width</a></li>
<li><a href="index_05.html">Slider Boxed</a></li>
<li><a href="index_06.html">Slider Full screen</a></li>
<li><a href="index_10.html">Slider Kenburns</a></li>
<li><a href="index_15.html">Slider Kenburns Full screen</a></li>
<li><a href="index_13.html">Slider Video Full width</a></li>
<li><a href="index_08.html">Slider Video Full screen</a></li>
</ul>
</div>
</div>
</div>
</li> <!-- END Features -->
<li>
<a href="#">Pages</a>
<div class="megamenu full">
<div class="row">
<div class="col-3">
<ul class="megamenu-list">
<li class="title">Pages</li>
<li><a href="page_about.html">About 1</a></li>
<li><a href="page_about_2.html">About 2</a></li>
<li><a href="page_about_3.html">About 3</a></li>
<li><a href="page_about_4.html">About 4</a></li>
<li><a href="page_team.html">Team 1</a></li>
<li><a href="page_team_2.html">Team 2</a></li>
<li><a href="page_team_3.html">Team 3</a></li>
<li><a href="page_team_4.html">Team 4</a></li>
</ul>
</div>
<div class="col-3">
<ul class="megamenu-list">
<li class="title">that you</li>
<li><a href="page_services.html">Services 1</a></li>
<li><a href="page_services_2.html">Services 2</a></li>
<li><a href="page_services_3.html">Services 3</a></li>
<li><a href="page_services_4.html">Services 4</a></li>
<li><a href="page_contact.html">Contact 1</a></li>
<li><a href="page_contact_2.html">Contact 2</a></li>
<li><a href="page_contact_3.html">Contact 3</a></li>
<li><a href="page_clients.html">Clients</a></li>
</ul>
</div>
<div class="col-3">
<ul class="megamenu-list">
<li class="title">really</li>
<li><a href="page_pricing.html">Pricing</a></li>
<li><a href="page_faq.html">FAQ 1</a></li>
<li><a href="page_faq_2.html">FAQ 2</a></li>
<li><a href="page_sign_in.html">Sign In</a></li>
<li><a href="page_sign_up.html">Sign Up</a></li>
<li><a href="page_404.html">404 Not Found</a></li>
<li><a href="page_403.html">403 Forbidden</a></li>
</ul>
</div>
<div class="col-3">
<ul class="megamenu-list">
<li class="title">need</li>
<li><a href="page_sidebar.html">Sidebar</a></li>
<li><a href="page_sidebars.html">Sidebars</a></li>
<li><a href="page_sidebar_navigation.html">Sidebar Navigation</a></li>
<li> &nbsp; </li>
<li class="title">Simple Page Headers</li>
<li><a href="page_sidebar.html">Small</a></li>
<li><a href="page_sidebar_navigation.html">Centered</a></li>
<li><a href="page_sidebars.html">Simple (Dark)</a></li>
</ul>
</div>
</div>
</div> <!-- END Mega Menu -->
</li> <!-- END Pages -->
<li>
<a href="#">Blog</a>
<ul class="submenu">
<li><a href="blog_list_small.html">List Small</a></li>
<li><a href="blog_list_large.html">List Large</a></li>
<li><a href="blog_grid.html">Grid</a></li>
<li><a href="blog_grid_sidebar.html">Grid Sidebar</a></li>
<li><a href="blog_masonry.html">Masonry</a></li>
<li><a href="blog_masonry_sidebar.html">Masonry Sidebar</a></li>
<li><a href="blog_post.html">Post</a></li>
<li><a href="blog_post_sidebar.html">Post Sidebar</a></li>
</ul>
</li> <!-- END Blog -->
<li>
<a href="#">Portfolio</a>
<ul class="submenu">
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="portfolio_2.html">2 Columns</a></li>
<li><a href="portfolio_3.html">3 Columns</a></li>
<li><a href="portfolio_4.html">4 Columns</a></li>
<li><a href="portfolio_boxed.html">Boxed</a></li>
<li><a href="portfolio_sidebar.html">Sidebar</a></li>
<li><a href="portfolio_project_wide.html">Wide Project</a></li>
<li><a href="portfolio_project_half.html">Half Project</a></li>
<li><a href="portfolio_project_sidebar.html">Sidebar Project</a></li>
</ul>
</li> <!-- END Portfolio -->
<li>
<a href="#">Shop</a>
<ul class="submenu">
<li><a href="shop_products.html">Products</a></li>
<li><a href="shop_products_sidebar.html">Products Sidebar</a></li>
<li><a href="shop_product.html">Product</a></li>
<li><a href="shop_product_sidebar.html">Product Sidebar</a></li>
<li><a href="shop_account.html">Account</a></li>
<li><a href="shop_cart.html">Cart</a></li>
<li><a href="shop_checkout.html">Checkout</a></li>
</ul>
</li> <!-- END Shop -->
<li><a href="shortcodes.html">Shortcodes</a></li>
<!-- Always include last class to link to solve some padding issues -->
<li><a class="last" href="#" target="_blank">Documentation</a></li>
</ul>
</nav>
</div>
</div>
</div> <!-- END Container -->
</div> <!-- END Main Header -->
</header>
</div>
<!-- Do not remove this class -->
<div class="push-top"></div>
<section class="section-intro bg-img bg02 stellar" data-stellar-background-ratio="0.4">
<div class="bg-overlay op6"></div>
<div class="container">
<div class="row">
<div class="col-md-5 col-sm-8">
<h1 class="intro-title mb20">Services</h1>
<p class="intro-p mb0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit tenetur reiciendis molestias nostrum excepturi porro dolorum aset!</p>
</div>
</div>
</div>
</section>
<section class="section mt40">
<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_gift_alt fa fa-style4"></i>
<h3 class="title-small br-bottom-center">Free updates</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_lifesaver fa fa-style4"></i>
<h3 class="title-small br-bottom-center">Premium Support</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_star_alt fa fa-style4"></i>
<h3 class="title-small br-bottom-center">Documentation</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">
<div class="row col-p0 max_height sm_max_height">
<div class="col-sm- col-md-4">
<div class="box-services-d bg-img bg10 el_max_height">
<div class="bg-overlay"></div>
<div class="row col-p0">
<div class="col-sm-12">
<h3 class="title-medium br-bottom">Work Hard <a href="#" class="link-read-more">read more</a></h3>
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas! Odit, eos, consectetur.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="box-services-d bg-img bg11 el_max_height">
<div class="bg-overlay"></div>
<div class="row col-p0">
<div class="col-sm-12">
<h3 class="title-medium br-bottom">Play Hard <a href="#" class="link-read-more">read more</a></h3>
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas! Odit, eos, consectetur.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="box-services-d bg-img bg13 el_max_height">
<div class="bg-overlay"></div>
<div class="row col-p0">
<div class="col-sm-12">
<h3 class="title-medium br-bottom">and Have Fun <a href="#" class="link-read-more">read more</a></h3>
<p class="mb0 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae sequi atque voluptatum saepe suscipit veritatis voluptas! Odit, eos, consectetur.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section mb30">
<div class="container">
<div class="row col-p30 mb40">
<div class="col-sm-6 sm-box2">
<div class="box-services-b">
<div class="box-left"><i class="fa fa-style2 icon_mobile"></i></div>
<div class="box-right">
<h3 class="title-small">Responsive Design <a href="#" class="link-read-more">read more</a></h3>
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="box-services-b">
<div class="box-left"><i class="fa fa-style2 icon_box-checked"></i></div>
<div class="box-right">
<h3 class="title-small">Bootstrap based <a href="#" class="link-read-more">read more</a></h3>
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
</div>
</div>
</div>
</div>
<div class="row col-p30 mb40">
<div class="col-sm-6 sm-box2">
<div class="box-services-b">
<div class="box-left"><i class="fa fa-style2 icon_piechart"></i></div>
<div class="box-right">
<h3 class="title-small">Working widgets <a href="#" class="link-read-more">read more</a></h3>
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="box-services-b">
<div class="box-left"><i class="fa fa-style2 icon_tools"></i></div>
<div class="box-right">
<h3 class="title-small">Customizable <a href="#" class="link-read-more">read more</a></h3>
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
</div>
</div>
</div>
</div>
<div class="row col-p30">
<div class="col-sm-6 sm-box2">
<div class="box-services-b">
<div class="box-left"><i class="fa fa-style2 icon_cart_alt"></i></div>
<div class="box-right">
<h3 class="title-small">Ecommerce <a href="#" class="link-read-more">read more</a></h3>
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="box-services-b">
<div class="box-left"><i class="fa fa-style2 icon_shield"></i></div>
<div class="box-right">
<h3 class="title-small">Reliable <a href="#" class="link-read-more">read more</a></h3>
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer wrapper -->
<footer class="footer-wrapper footer-bg">
<div class="container">
<div class="row col-p30">
<div class="col-sm-12 col-md-4">
<div class="footer-widget">
<h3 class="footer-title">Palas</h3>
<ul class="footer-links clearfix">
<li><a href="#">Home</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Security</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Features</a></li>
</ul>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="footer-widget">
<h3 class="footer-title">Get social</h3>
<ul class="footer-social clearfix">
<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" data-toggle="tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#" data-toggle="tooltip" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
<li><a href="#" data-toggle="tooltip" title="Instagram"><i class="fa fa-instagram"></i></a></li>
<li><a href="#" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
</ul>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="footer-widget">
<h3 class="footer-title">Tweets</h3>
<!-- This is just a dummy twitter feed with typed content (not generetad).
Didn't include the twitter feed for performance benefits.
See in documentation how to include a fully functional twitter feed widget -->
<div class="sidebar-tweet clearfix">
<i class="fa fa-twitter"></i>
<p class="tweet-content">
<a href="#" class="tweet-user">@shiftThemes</a>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
<small>22 hours ago</small>
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-4 col-sm-push-6 col-md-push-4 xs-box">
<!-- MailChimp Subscribe Form -->
<div id="mc_embed_signup">
<!-- Replace the below url with the action link from mailchimp (see documentation) -->
<form action="#" method="post"
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate class="footer-subscribe">
<div id="mc_embed_signup_scroll">
<input type="email" value="" name="EMAIL" id="mce-EMAIL" required placeholder=" Type email and hit enter">
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_111fbc1ae1a748cfb4ef9ac27_ac969aca2f" tabindex="-1" value="">
</div>
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="hidden"></button>
</div>
</form>
</div>
<!-- END mc_embed_signup -->
</div>
<div class="col-sm-6 col-md-4 col-sm-pull-6 col-md-pull-4">
<p class="copyright">&copy; Copyright 2015 - 2022 shiftThemes</p>
</div>
</div>
</div>
</footer>
</div> <!-- END Global Wrapper -->
<!-- Javascript files -->
<script src="js/jquery.min.js"></script>
<script src="bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div id="_include_main_plugins"></div>
<!-- Main javascript file -->
<script src="js/script.js"></script>
</body>
<!-- Mirrored from ctrlthemes.com/html/palas/page_services_2.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 01 Aug 2025 05:23:55 GMT -->
</html>