| Server IP : 46.105.57.169 / Your IP : 216.73.217.35 Web Server : Apache System : Linux webm002.cluster120.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : verseaumee ( 152031) PHP Version : 8.5.7 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/verseaumee/123click/assets/ |
Upload File : |
home/verseaumee/123click/about.html 0000604 00000043312 15074235552 0013157 0 ustar 00 <!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="zxx">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Handler a Corporate Category Bootstrap Responsive Website Template | About :: W3layouts</title>
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
<!-- Template CSS -->
<link href="//fonts.googleapis.com/css?family=Poppins:100,300,400,500,500i,600,700&display=swap" rel="stylesheet">
<!-- Template CSS -->
</head>
<body>
<!--/top-header-content-->
<section class="w3l-top-header-content">
<div class="hny-top-menu">
<div class="top-hd">
<div class="container-fluid">
<div class="row">
<div class="social-top col-lg-6">
<li><a href="#"><span class="fa fa-facebook"></span></a></li>
<li><a href="#"><span class="fa fa-instagram"></span></a> </li>
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-vimeo"></span></a> </li>
<li>
<a href="#">
<span class="fa fa-linkedin"></span>
</a>
</li>
</div>
<div class="accounts col-lg-6">
<li class="top_li"><span class="fa fa-mobile"></span><a href="tel:+142 5897555">+142
5897555</a>
</li>
<li class="top_li"><span class="fa fa-envelope-o"></span><a href="mailto:info@example.com">Need help? Contact us via email</a>
</li>
<li class="top_li1"><span class="fa fa-map-marker"></span> 158 Avenues Street </li>
</div>
</div>
</div>
</div>
<!--/nav-->
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><span class="fa fa-podcast" aria-hidden="true"></span> <label class="lohny">H</label>andler</a>
<!-- if logo is image enable this
<a class="navbar-brand" href="#index.html">
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
</a> -->
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!--//nav-->
</div>
</section>
<!--//top-header-content-->
<section class="w3l-inner-page-main">
<div class="breadcrumb-infhny">
<div class="container">
<nav aria-label="breadcrumb">
<h2 class="hny-title text-center">About Us</h2>
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">About Us</li>
</ol>
</nav>
</div>
</div>
</section>
<section class="w3l-wecome-content-6">
<!-- /content-6-section -->
<div class="ab-content-6-mian py-5">
<div class="container py-lg-5">
<div class="welcome-grids row">
<div class="col-lg-6 mb-lg-0 mb-5">
<h3 class="hny-title">Hello Buddy..!
<br>Welcome to Handler<span class="dot-1">.</span></h3>
<p class="my-4">Excepteur sint occaecat non proident, sunt in culpa quis. Phasellus lacinia id erat eu ullamcorper. Nunc id ipsum fringilla,
gravida felis vitae. Phasellus lacinia id, sunt in culpa quis. Phasellus lacinia</p>
<p class="mb-4">Excepteur sint occaecat non proident, sunt in culpa quis. Phasellus lacinia id erat eu ullamcorper. Nunc id ipsum fringilla.</p>
<div class="read">
<a href="about.html" class="read-more-btn btn">Read More</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 welcome-image">
<img src="assets/images/ab1.jpg" class="img-fluid" alt="" />
</div>
<div class="col-lg-3 col-md-4 col-6 welcome-image">
<img src="assets/images/ab2.jpg" class="img-fluid" alt="" />
</div>
</div>
</div>
</div>
</section>
<!-- //content-6-section -->
<section class="w3l-specification-6">
<!-- /specification-6-->
<div class="specification-6-mian">
<div class="container-fluid">
<div class="align-counter-6-inf-cols row">
<div class="counter-6-inf-left2 col-lg-6">
</div>
<div class="counter-6-inf-right counter-6-inf-right2 col-lg-6">
<h3 class="hny-title">Design & Development</h3>
<p class="pr-lg-5">Ea consequuntur illum facere aperiam sequi optio consectetur adipisicing elitFuga, suscipit totam animi consequatur saepe blanditiis.Lorem ipsum dolor sit amet,Ea consequuntur illum facere aperiam sequi optio consectetur adipisicing elit. Fuga, suscipit totam animi consequatur saepe blanditiis.</p>
<div class="calltoaction-text-info mt-lg-5 mt-4">
<div class="column-1">
<a href="#feature"><span class="fa fa-snowflake-o" aria-hidden="true"></span> Data Analytics</a>
<a href="#feature"><span class="fa fa-snowflake-o" aria-hidden="true"></span> Technical SEO</a>
<a href="#feature"><span class="fa fa-snowflake-o" aria-hidden="true"></span> Digital Marketing</a>
</div>
<div class="column-1">
<a href="#feature"><span class="fa fa-snowflake-o" aria-hidden="true"></span> Report Analysis</a>
<a href="#feature"><span class="fa fa-snowflake-o" aria-hidden="true"></span> Data Development</a>
</div>
</div>
<div class="buttons">
<a href="blog-single.html" class="read-more-btn btn">Read More</a>
<a href="blog-single.html" class="read-more-btn2 btn">More Info</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- //specification-6-->
<section class="w3l-content-12-main">
<!-- /content-6-section -->
<div class="content-12 text-left py-5">
<div class="container py-lg-5">
<div class="content-info-tabs">
<input id="tab1" type="radio" name="tabs" checked>
<label class="tabtle" for="tab1">Digital Media</label>
<input id="tab2" type="radio" name="tabs">
<label class="tabtle" for="tab2">Mobile Apps</label>
<input id="tab3" type="radio" name="tabs">
<label class="tabtle" for="tab3">Branding</label>
<section id="content1" class="tab-content">
<div class="row content12 align-items-center">
<div class="col-lg-6 column">
<h6 class="content-heading">Customized digital media solutions</h6>
<p class="content-para">Lorem ipsum dolor sit amet,Ea consequuntur illum facere aperiam
sequi optio consectetur.Ea consequuntur illum facere aperiam sequi optio consectetur adipisicing elitFuga, suscipit totam animi consequatur saepe blanditiis.Lorem ipsum dolor sit amet,Ea consequuntur illum facere aperiam sequi optio consectetur adipisicing elit..</p>
</div>
<div class="col-lg-6 column">
<img src="assets/images/tab1.jpg" class="img-fluid" alt="">
</div>
</div>
</section>
<section id="content2" class="tab-content">
<div class="row content12 align-items-center">
<div class="col-lg-6 column">
<h6 class="content-heading">Responsive web design experts</h6>
<p class="content-para">Lorem ipsum dolor sit amet,Ea consequuntur illum facere aperiam
sequi optio consectetur.Ea consequuntur illum facere aperiam sequi optio consectetur adipisicing elitFuga, suscipit totam animi consequatur saepe blanditiis.Lorem ipsum dolor sit amet,Ea consequuntur illum facere aperiam sequi optio consectetur adipisicing elit..</p>
</div>
<div class="col-lg-6 column">
<img src="assets/images/tab2.jpg" class="img-fluid" alt="">
</div>
</div>
</section>
<section id="content3" class="tab-content">
<div class="row content12 align-items-center">
<div class="col-lg-6 column">
<h6 class="content-heading">Custom application development</h6>
<p class="content-para">Lorem ipsum dolor sit amet,Ea consequuntur illum facere aperiam
sequi optio consectetur.Ea consequuntur illum facere aperiam sequi optio consectetur adipisicing elitFuga, suscipit totam animi consequatur saepe blanditiis.Lorem ipsum dolor sit amet,Ea consequuntur illum facere aperiam sequi optio consectetur adipisicing elit..</p>
</div>
<div class="col-lg-6 column">
<img src="assets/images/tab3.jpg" class="img-fluid" alt="">
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<!-- //content-6-section -->
<section class="w3l-content-5">
<!-- /content-6-section -->
<div class="content-5-main">
<div class="container">
<div class="content-info-in row">
<div class="content-gd col-lg-6">
<h3 class="hny-title two">
We exist to create
things people love <span class="dot-1">.</span></h3>
</div>
<div class="content-gd col-lg-6">
<p>Ea consequuntur illum facere aperiam sequi optio consectetur adipisicing elitFuga, suscipit totam animi consequatur saepe blanditiis.Lorem ipsum dolor sit amet,Ea consequuntur illum facere aperiam sequi optio consectetur adipisicing elit. Fuga, suscipit totam animi consequatur saepe blanditiis.</p>
<p>Lorem ipsum dolor sit amet,Ea consequuntur illum facere aperiam sequi optio consectetur adipisicing elit. Fuga, suscipit totam animi consequatur saepe blanditiis.</p>
</div>
</div>
</div>
</div>
</section>
<!-- //content-6-section -->
<!--/team-sec-->
<section class="w3l-team-main">
<div class="team py-5">
<div class="container py-lg-5">
<h3 class="hny-title text-center">
Skilled Team <span class="dot-1">.</span></h3>
<div class="row team-row mt-5">
<div class="col-lg-4 col-md-6 team-wrap">
<div class="team-member text-center">
<div class="team-img">
<img src="assets/images/team1.jpg" alt="">
<div class="overlay-team">
<div class="team-details text-center">
<div class="socials mt-20">
<a href="#">
<span class="fa fa-facebook-f"></span>
</a>
<a href="#">
<span class="fa fa-twitter"></span>
</a>
<a href="#">
<span class="fa fa-google-plus"></span>
</a>
<a href="#">
<span class="fa fa-instagram"></span>
</a>
</div>
</div>
</div>
</div>
<h6 class="team-title">Mustakim</h6>
<p>web developer</p>
</div>
</div>
<!-- end team member -->
<div class="col-lg-4 col-md-6 team-wrap mt-sm-0 mt-5">
<div class="team-member text-center">
<div class="team-img">
<img src="assets/images/team3.jpg" alt="">
<div class="overlay-team">
<div class="team-details text-center">
<div class="socials mt-20">
<a href="#">
<span class="fa fa-facebook-f"></span>
</a>
<a href="#">
<span class="fa fa-twitter"></span>
</a>
<a href="#">
<span class="fa fa-google-plus"></span>
</a>
<a href="#">
<span class="fa fa-instagram"></span>
</a>
</div>
</div>
</div>
</div>
<h6 class="team-title">Aunto Apu</h6>
<p>android developer</p>
</div>
</div>
<!-- end team member -->
<div class="col-lg-4 col-md-6 team-wrap mt-md-0 mt-5">
<div class="team-member last text-center">
<div class="team-img">
<img src="assets/images/team2.jpg" alt="">
<div class="overlay-team">
<div class="team-details text-center">
<div class="socials mt-20">
<a href="#">
<span class="fa fa-facebook-f"></span>
</a>
<a href="#">
<span class="fa fa-twitter"></span>
</a>
<a href="#">
<span class="fa fa-google-plus"></span>
</a>
<a href="#">
<span class="fa fa-instagram"></span>
</a>
</div>
</div>
</div>
</div>
<h6 class="team-title">Jagir Alam</h6>
<p>Software engineer </p>
</div>
</div>
<!-- end team member -->
</div>
</div>
</section>
<!--//team-sec-->
<section class="w3l-footer-22-main">
<!-- footer-22 -->
<div class="footer-hny py-5">
<div class="container py-lg-4">
<div class="sub-columns row">
<div class="sub-one-left col-lg-4 col-md-6">
<h6>About </h6>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa officia dicta magni ea at, culpa atque, rerum dolorum voluptas alias qui temporibus ex expedita obcaecati vel asperiores totam distinctio nobis impedit minus.</p>
</div>
<div class="sub-two-right col-lg-4 col-md-6 my-md-0 my-5">
<h6>Quick links</h6>
<div class="footer-hny-ul">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul>
<li><a href="#">Careers</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms and Conditions</a></li>
<li><a href="contact.html">Support</a></li>
</ul>
</div>
</div>
<div class="sub-one-left col-lg-4 col-md-6 mt-lg-0 mt-md-5">
<h6>Subscribe to our Newsletter </h6>
<form action="#" method="post" class="footer-newsletter">
<div class="">
<input type="email" name="email" class="form-input" placeholder="Enter your email.." />
</div>
<button type="submit" class="btn">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
<div class="below-section">
<div class="container">
<div class="copyright-footer row">
<div class="columns col-lg-6">
<ul class="social footer">
<li><a href="#"><span class="fa fa-facebook" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="fa fa-linkedin" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="fa fa-twitter" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="fa fa-google" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="fa fa-github" aria-hidden="true"></span></a></li>
</ul>
</div>
<div class="columns copy-right col-lg-6">
<p>© 2020 Handler. All rights reserved. Design by <a href="https://w3layouts.com/" target="_blank">
W3Layouts</a>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- //titels-5 -->
<!-- move top -->
<button onclick="topFunction()" id="movetop" title="Go to top">
<span class="fa fa-long-arrow-up"></span>
</button>
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("movetop").style.display = "block";
} else {
document.getElementById("movetop").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<!-- /move top -->
</section>
</div>
</body>
</html>
<script src="assets/js/jquery-3.3.1.min.js"></script>
<!-- disable body scroll which navbar is in active -->
<script>
$(function () {
$('.navbar-toggler').click(function () {
$('body').toggleClass('noscroll');
})
});
</script>
<!-- disable body scroll which navbar is in active -->
<!-- //jQuery-Photo-filter-lightbox-portfolio-plugin -->
<script src="assets/js/bootstrap.min.js"></script>
home/verseaumee/emglobal/about.html 0000604 00000044766 15074745474 0013455 0 ustar 00 <!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Bingo One page parallax responsive HTML Template ">
<meta name="author" content="Themefisher.com">
<title>Bingo | Responsive Multipurpose Parallax HTML5 Template</title>
<!-- Mobile Specific Meta
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
<!-- CSS
================================================== -->
<!-- Themefisher Icon font -->
<link rel="stylesheet" href="plugins/themefisher-font/style.css">
<!-- bootstrap.min css -->
<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
<!-- Lightbox.min css -->
<link rel="stylesheet" href="plugins/lightbox2/dist/css/lightbox.min.css">
<!-- animation css -->
<link rel="stylesheet" href="plugins/animate/animate.css">
<!-- Slick Carousel -->
<link rel="stylesheet" href="plugins/slick/slick.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body id="body">
<!--
Start Preloader
==================================== -->
<div id="preloader">
<div class='preloader'>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<!--
End Preloader
==================================== -->
<!--
Fixed Navigation
==================================== -->
<header class="navigation fixed-top">
<div class="container">
<!-- main nav -->
<nav class="navbar navbar-expand-lg navbar-light">
<!-- logo -->
<a class="navbar-brand logo" href="index.html">
<img class="logo-default" src="images/logo.png" alt="logo"/>
<img class="logo-white" src="images/logo-white.png" alt="logo"/>
</a>
<!-- /logo -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation"
aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto text-center">
<li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Homepage
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="index.html">Homepage</a>
<a class="dropdown-item" href="onepage-slider.html">Onepage</a>
<a class="dropdown-item" href="onepage-text.html">Onepage 2</a>
</div>
</li>
<li class="nav-item active ">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="service.html">Services</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="team.html">Team</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="pricing.html">Pricing</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Pages
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="404.html">404 Page</a>
<a class="dropdown-item" href="blog.html">Blog Page</a>
<a class="dropdown-item" href="single-post.html">Blog Single Page</a>
</div>
</li>
</ul>
</div>
</nav>
<!-- /main nav -->
</div>
</header>
<!--
End Fixed Navigation
==================================== -->
<section class="single-page-header">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>About Us</h2>
<ol class="breadcrumb header-bradcrumb">
<li><a href="index.html">Home</a></li>
<li class="active">About Us</li>
</ol>
</div>
</div>
</div>
</section>
<section class="about-shot-info section-sm">
<div class="container">
<div class="row">
<div class="col-md-6 mt-20">
<h2>We Create Designs<br> and technology</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat voluptate molestias, quaerat quo natus dolor harum voluptatibus modi dicta ducimus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quae officia earum dolore est quaerat cupiditate voluptatibus id, magni alias veniam voluptate, libero explicabo, distinctio atque!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, fugit itaque ratione incidunt voluptas. Quaerat quidem dolor, quisquam amet inventore quas adipisci ea sint qui placeat beatae molestias aut, aperiam!</p>
</div>
<div class="col-md-6">
<img class="img-fluid" src="images/company/company-image.jpg" alt="">
</div>
</div>
</div>
</section>
<section class="company-mission section-sm bg-gray">
<div class="container">
<div class="row">
<div class="col-md-6">
<h3>Our Mission</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere in suscipit voluptatum totam dolores assumenda vel, quia earum voluptatem blanditiis vero accusantium saepe aliquid nulla nemo accusamus, culpa inventore! Culpa nemo aspernatur tenetur, at quam aliquid reprehenderit obcaecati dicta illum mollitia, perferendis hic, beatae voluptates? Ex labore, obcaecati harum nam.</p>
<img src="images/company/company-image-2.jpg" alt="" class="img-fluid mt-30">
</div>
<div class="col-md-6">
<h3>Our Vision</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere in suscipit voluptatum totam dolores assumenda vel, quia earum voluptatem blanditiis vero accusantium saepe aliquid nulla nemo accusamus, culpa inventore! Culpa nemo aspernatur tenetur, at quam aliquid reprehenderit obcaecati dicta illum mollitia, perferendis hic, beatae voluptates? Ex labore, obcaecati harum nam.</p>
<img src="images/company/company-image-3.jpg" alt="" class="img-fluid mt-30">
</div>
</div>
</div>
</section>
<section class="promo-video section-sm">
<div class="container">
<div class="row">
<!-- section title -->
<div class="col-12">
<div class="title text-center">
<h2>Our Promo Video</h2>
<p>Vestibulum nisl tortor, consectetur quis imperdiet bibendum, laoreet sed arcu.Sed condimentum iaculis ex,
in faucibus lorem accumsan non. Donec mattis tincidunt metus. Morbi sed tortor a risus luctus dignissim.</p>
<div class="border"></div>
</div>
</div>
<!-- /section title -->
<div class="col-md-8 mx-auto">
<iframe src="https://player.vimeo.com/video/51119176" width="100%" height="360" frameborder="0"
webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<!--
Start Call To Action
==================================== -->
<section class="call-to-action-2 section">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a tempor eros. Pellentesque elementum nulla sed justo tempor posuere sit amet sit amet ligula.</h2>
</div>
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- End section -->
<section class="section grallery">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="title text-center">
<h2>Sneak Peak Gallery</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore numquam esse vitae recusandae qui aspernatur, blanditiis, laboriosam dignissimos dolore facere provident ex? Porro, praesentium consectetur tempore. Nulla, error eius dolorem.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="company-gallery">
<img src="images/company/gallery-1.jpg" alt="">
<img src="images/company/gallery-2.jpg" alt="">
<img src="images/company/gallery-3.jpg" alt="">
<img src="images/company/gallery-4.jpg" alt="">
<img src="images/company/gallery-5.jpg" alt="">
<img src="images/company/gallery-5.jpg" alt="">
<img src="images/company/gallery-1.jpg" alt="">
<img src="images/company/gallery-2.jpg" alt="">
<img src="images/company/gallery-3.jpg" alt="">
<img src="images/company/gallery-4.jpg" alt="">
<img src="images/company/gallery-5.jpg" alt="">
<img src="images/company/gallery-5.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- Start Our Team
=========================================== -->
<section class="team" id="team">
<div class="container">
<div class="row">
<!-- section title -->
<div class="col-12">
<div class="title text-center ">
<h2>Our Team</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque quasi tempora obcaecati, quis
similique quos.</p>
<div class="border"></div>
</div>
</div>
<!-- /section title -->
<!-- team member -->
<div class="col-md-4 col-sm-6 ">
<div class="team-member text-center">
<div class="member-photo">
<!-- member photo -->
<img class="img-fluid" src="images/team/member-1.jpg" alt="Meghna">
<!-- /member photo -->
<!-- member social profile -->
<div class="mask">
<ul class="clearfix">
<li><a href="#"><i class="tf-ion-social-facebook"></i></a></li>
<li><a href="#"><i class="tf-ion-social-twitter"></i></a></li>
<li><a href="#"><i class="tf-ion-social-google-outline"></i></a></li>
<li><a href="#"><i class="tf-ion-social-dribbble"></i></a></li>
</ul>
</div>
<!-- /member social profile -->
</div>
<!-- member name & designation -->
<div class="member-content">
<h3>Michael Jonson</h3>
<span>Head Of Marketing</span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur necessitatibus ullam, culpa odio.</p>
</div>
<!-- /member name & designation -->
</div>
</div>
<!-- end team member -->
<!-- team member -->
<div class="col-md-4 col-sm-6 ">
<div class="team-member text-center">
<div class="member-photo">
<!-- member photo -->
<img class="img-fluid" src="images/team/member-2.jpg" alt="Meghna">
<!-- /member photo -->
<!-- member social profile -->
<div class="mask">
<ul class="clearfix">
<li><a href="#"><i class="tf-ion-social-facebook"></i></a></li>
<li><a href="#"><i class="tf-ion-social-twitter"></i></a></li>
<li><a href="#"><i class="tf-ion-social-google-outline"></i></a></li>
<li><a href="#"><i class="tf-ion-social-dribbble"></i></a></li>
</ul>
</div>
<!-- /member social profile -->
</div>
<!-- member name & designation -->
<div class="member-content">
<h3>Carrick Mollenkamp</h3>
<span>Web Developer</span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur necessitatibus ullam, culpa odio.</p>
</div>
<!-- /member name & designation -->
</div>
</div>
<!-- end team member -->
<!-- team member -->
<div class="col-md-4 col-sm-6 ">
<div class="team-member text-center">
<div class="member-photo">
<!-- member photo -->
<img class="img-fluid" src="images/team/member-3.jpg" alt="Meghna">
<!-- /member photo -->
<!-- member social profile -->
<div class="mask">
<ul class="clearfix">
<li><a href="#"><i class="tf-ion-social-facebook"></i></a></li>
<li><a href="#"><i class="tf-ion-social-twitter"></i></a></li>
<li><a href="#"><i class="tf-ion-social-google-outline"></i></a></li>
<li><a href="#"><i class="tf-ion-social-dribbble"></i></a></li>
</ul>
</div>
<!-- /member social profile -->
</div>
<!-- member name & designation -->
<div class="member-content">
<h3>David Gauthier</h3>
<span>Head Of Management</span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur necessitatibus ullam, culpa odio.</p>
</div>
<!-- /member name & designation -->
</div>
</div>
<!-- end team member -->
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- End section -->
<!--
Start Counter Section
==================================== -->
<section class="counter-wrapper section-sm" >
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="title">
<h2>Award-Winning Agency</h2>
<p>Vestibulum nisl tortor, consectetur quis imperdiet bibendum, laoreet sed arcu. Sed condimentum iaculis ex, in faucibus lorem accumsan non. Donec mattis tincidunt metus. Morbi sed tortor a risus luctus dignissim.</p>
</div>
</div>
<!-- first count item -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center " >
<div class="counters-item">
<i class="tf-ion-ios-alarm-outline"></i>
<div>
<span class="counter" data-count="150">0</span>
</div>
<h3>Happy Clients</h3>
</div>
</div>
<!-- end first count item -->
<!-- second count item -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center " >
<div class="counters-item">
<i class="tf-ion-ios-analytics-outline"></i>
<div>
<span class="counter" data-count="130">0</span>
</div>
<h3>Projects completed</h3>
</div>
</div>
<!-- end second count item -->
<!-- third count item -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center " >
<div class="counters-item">
<i class="tf-ion-ios-compose-outline"></i>
<div>
<span class="counter" data-count="99">0</span>
</div>
<h3>Positive feedback</h3>
</div>
</div>
<!-- end third count item -->
<!-- fourth count item -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center ">
<div class="counters-item kill-border">
<i class="tf-ion-ios-bolt-outline"></i>
<div>
<span class="counter" data-count="250">0</span>
</div>
<h3>Cups of Coffee</h3>
</div>
</div>
<!-- end fourth count item -->
</div> <!-- end row -->
</div> <!-- end container -->
</section> <!-- end section -->
<!--
Start Call To Action
==================================== -->
<section class="call-to-action section">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h2>Let's Create Something Together</h2>
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicudin bibendum auctor, <br> nisi elit consequat ipsum, nesagittis sem nid elit. Duis sed odio sitain elit.</p>
<a href="" class="btn btn-main">Contact Us</a>
</div>
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- End section -->
<footer id="footer" class="bg-one">
<div class="top-footer">
<div class="container">
<div class="row">
<div class="col-sm-3 col-md-3 col-lg-3">
<h3>about</h3>
<p>Integer posuere erat a ante venenati dapibus posuere velit aliquet. Fusce dapibus, tellus cursus commodo, tortor mauris sed posuere.</p>
</div>
<!-- End of .col-sm-3 -->
<div class="col-sm-3 col-md-3 col-lg-3">
<ul>
<li><h3>Our Services</h3></li>
<li><a href="#">Graphic Design</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Web Development</a></li>
</ul>
</div>
<!-- End of .col-sm-3 -->
<div class="col-sm-3 col-md-3 col-lg-3">
<ul>
<li><h3>Quick Links</h3></li>
<li><a href="#">Partners</a></li>
<li><a href="#">About</a></li>
<li><a href="#">FAQ’s</a></li>
<li><a href="#">Badges</a></li>
</ul>
</div>
<!-- End of .col-sm-3 -->
<div class="col-sm-3 col-md-3 col-lg-3">
<ul>
<li><h3>Connect with us Socially</h3></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Youtube</a></li>
<li><a href="#">Pinterest</a></li>
</ul>
</div>
<!-- End of .col-sm-3 -->
</div>
</div> <!-- end container -->
</div>
<div class="footer-bottom">
<h5>Copyright 2016. All rights reserved.</h5>
<h6>Design and Developed by <a href="">Themefisher</a></h6>
</div>
</footer> <!-- end footer -->
<!-- end Footer Area
========================================== -->
<!--
Essential Scripts
=====================================-->
<!-- Main jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu5nZKbeK-WHQ70oqOWo-_4VmwOwKP9YQ"></script>
<script src="plugins/google-map/gmap.js"></script>
<!-- Form Validation -->
<script src="plugins/form-validation/jquery.form.js"></script>
<script src="plugins/form-validation/jquery.validate.min.js"></script>
<!-- Bootstrap4 -->
<script src="plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- Parallax -->
<script src="plugins/parallax/jquery.parallax-1.1.3.js"></script>
<!-- lightbox -->
<script src="plugins/lightbox2/dist/js/lightbox.min.js"></script>
<!-- Owl Carousel -->
<script src="plugins/slick/slick.min.js"></script>
<!-- filter -->
<script src="plugins/filterizr/jquery.filterizr.min.js"></script>
<!-- Smooth Scroll js -->
<script src="plugins/smooth-scroll/smooth-scroll.min.js"></script>
<!-- Custom js -->
<script src="js/script.js"></script>
</body>
</html>