<!doctype html
>
<html
class="no-js" lang
="en">
<head>
<!-- programb
-->
<meta charset
="utf-8">
<meta http
-equiv
="X-UA-Compatible" content
="IE=edge">
<meta name
="viewport" content
="width=device-width, initial-scale=1">
<!--font
-family
-->
<link href
="programb" rel
="stylesheet">
<link href
="programb" rel
="stylesheet">
<link href
="programb" rel
="stylesheet">
<!-- TITLE OF SITE
-->
<title></title
>
<!-- for title img
-->
<link rel
="shortcut icon" type
="image/icon" href
="assets/images/logo/favicon.png"/>
<!--font
-awesome
.min
.css
-->
<link rel
="stylesheet" href
="assets/css/font-awesome.min.css">
<!--linear icon css
-->
<link rel
="stylesheet" href
="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<!--animate
.css
-->
<link rel
="stylesheet" href
="assets/css/animate.css">
<!--hover
.css
-->
<link rel
="stylesheet" href
="assets/css/hover-min.css">
<!--vedio player css
-->
<link rel
="stylesheet" href
="assets/css/magnific-popup.css">
<!--owl
.carousel
.css
-->
<link rel
="stylesheet" href
="assets/css/owl.carousel.min.css">
<link href
="assets/css/owl.theme.default.min.css" rel
="stylesheet"/>
<!--bootstrap
.min
.css
-->
<link rel
="stylesheet" href
="assets/css/bootstrap.min.css">
<!-- bootsnav
-->
<link href
="assets/css/bootsnav.css" rel
="stylesheet"/>
<!--style
.css
-->
<link rel
="stylesheet" href
="assets/css/style.css">
<!--responsive
.css
-->
<link rel
="stylesheet" href
="assets/css/responsive.css">
</head
>
<body>
<!--header start
-->
<section
class="header">
<div
class="container">
<div
class="header-left">
<ul
class="pull-left">
<li>
<a href
="#">
<i
class="fa fa-phone" aria
-hidden
="true"></i
> +992 563 542
</a
>
</li
><!--/li
-->
<li>
<a href
="#">
<i
class="fa fa-envelope" aria
-hidden
="true"></i
>info
@mail.com
</a
>
</li
><!--/li
-->
</ul
><!--/ul
-->
</div
><!--/.header
-left
-->
<div
class="header-right pull-right">
<ul>
<li
class="reg">
<a href
="#" data
-toggle
="modal" data
-target
=".bs-example-modal-sm">
Register
</a
>
/
<a href
="#" data
-toggle
="modal" data
-target
=".bs-example-modal-lg">
Log in
</a
>
<!-- small modal
-->
<div
class="modal fade bs-example-modal-sm" tabindex
="-1" role
="dialog" aria
-labelledby
="mySmallModalLabel">
<div
class="modal-dialog modal-sm" role
="document">
<div
class="modal-content">
<div
class="modal-header">
<button type
="button" class="close" data
-dismiss
="modal" aria
-label
="Close">
<span aria
-hidden
="true">
<i
class="fa fa-close"></i
>
</span
>
</button
>
<h4
class="modal-title" id
="mySmallModalLabel">
Sign In
</h4
>
<form
class="sm-frm" style
="padding:25px">
<label>Name
:</label
>
<input type
="text" class="form-control" placeholder
="Enter Email">
<label>Passoward
:</label
>
<input type
="text" class="form-control" placeholder
="Enter Passoward">
<label><input type
="checkbox" name
="personality"> Remenber Me
</label
>
<button type
="button" class="btn btn-default pull-right">Submit
</button
>
</form
>
</div
>
</div
>
</div
>
</div
>
<!-- large modal
-->
<div
class="modal fade bs-example-modal-lg" tabindex
="-1" role
="dialog" aria
-labelledby
="myLargeModalLabel">
<div
class="modal-dialog modal-lg" role
="document">
<div
class="modal-content">
<div
class="modal-header">
<button type
="button" class="close" data
-dismiss
="modal" aria
-label
="Close">
<span aria
-hidden
="true">
<i
class="fa fa-close"></i
>
</span
>
</button
>
<h4
class="modal-title" id
="myLargeModalLabel">Register
</h4
>
<form
class="lg-frm" style
="padding:25px">
<label>Name
:</label
>
<input type
="text" class="form-control" placeholder
="Enter Name">
<label>Email
:</label
>
<input type
="text" class="form-control" placeholder
="Enter Email">
<label>Passoward
:</label
>
<input type
="text" class="form-control" placeholder
="Enter Passoward">
<button type
="button" class="btn btn-default pull-right">Submit
</button
>
</form
>
</div
>
</div
>
</div
>
</div
>
</li
><!--/li
-->
<li>
<div
class="social-icon">
<ul>
<li><a href
="#"><i
class="fa fa-facebook"></i
></a
></li
>
<li><a href
="#"><i
class="fa fa-google-plus"></i
></a
></li
>
<li><a href
="#"><i
class="fa fa-linkedin"></i
></a
></li
>
<li><a href
="#"><i
class="fa fa-twitter"></i
></a
></li
>
</ul
><!--/.ul
-->
</div
><!--/.social
-icon
-->
</li
><!--/li
-->
</ul
><!--/ul
-->
</div
><!--/.header
-right
-->
</div
><!--/.container
-->
</section
><!--/.header
-->
<!--header end
-->
<!--menu start
-->
<section id
="menu">
<div
class="container">
<div
class="menubar">
<nav
class="navbar navbar-default">
<!-- Brand and toggle get grouped
for better mobile display
-->
<div
class="navbar-header">
<button type
="button" class="navbar-toggle collapsed" data
-toggle
="collapse" data
-target
="#bs-example-navbar-collapse-1" aria
-expanded
="false">
<span
class="sr-only">Toggle navigation
</span
>
<span
class="icon-bar"></span
>
<span
class="icon-bar"></span
>
<span
class="icon-bar"></span
>
</button
>
<a
class="navbar-brand" href
="index.html">
<img src
="assets/images/logo/logo.png" alt
="logo">
</a
>
</div
><!--/.navbar
-header
-->
<!-- Collect the nav links
, forms
, and other content
for toggling
-->
<div
class="collapse navbar-collapse" id
="bs-example-navbar-collapse-1">
<ul
class="nav navbar-nav navbar-right">
<li
><a href
="index.html">Home
</a
></li
>
<li
class="active"><a href
="about.html">About
</a
></li
>
<li><a href
="service.html">Service
</a
></li
>
<li><a href
="project.html">Project
</a
></li
>
<li><a href
="team.html">Team
</a
></li
>
<li><a href
="blog.html">Blog
</a
></li
>
<li><a href
="contact.html">Contact
</a
></li
>
<li>
<a href
="#">
<span
class="lnr lnr-cart"></span
>
</a
>
</li
>
<li
class="search">
<form action
="">
<input type
="text" name
="search" placeholder
="Search....">
<a href
="#">
<span
class="lnr lnr-magnifier"></span
>
</a
>
</form
>
</li
>
</ul
><!-- / ul
-->
</div
><!-- /.navbar
-collapse
-->
</nav
><!--/nav
-->
</div
><!--/.menubar
-->
</div
><!-- /.container
-->
</section
><!--/#menu
-->
<!--menu end
-->
<!--about
-part start
-->
<section
class="about-part">
<div
class="container">
<div
class="about-part-details text-center">
<h2>about us
</h2
>
<div
class="about-part-content">
<div
class="breadcrumbs">
<div
class="container">
<ol
class="breadcrumb">
<li><a href
="index.html">home
</a
><span>
<li><a href
="about.html">about
</a
></li
>
</ol
><!--/.breadcrumb
-->
</div
><!--/.container
-->
</div
><!--/.breadcrumbs
-->
</div
><!--/.about
-part
-content
-->
</div
><!--/.about
-part
-details
-->
</div
><!--/.container
-->
</section
><!--/.about
-part
-->
<!--about
-part end
-->
<!--about
-history start
-->
<div
class="about-history">
<div
class="container">
<div
class="about-history-content">
<div
class="row">
<div
class="col-md-5 col-sm-12">
<div
class="single-about-history">
<div
class="about-history-img">
<img src
="assets/images/about/ab1.jpg" alt
="about">
</div
><!--/.about
-history
-img
-->
</div
><!--/.single
-about
-history
-->
</div
><!--/.col
-->
<div
class="col-md-offset-1 col-md-6 col-sm-12">
<div
class="single-about-history">
<div
class="about-history-txt">
<h2>our history
</h2
>
<p>
Lorem ipsum dolor sit amet
, consectetur adiping elit
, sed
do eiusmod tempor incidd ut labore rhei et dolore magna aliqua
. Ut enim ad veniam
, quis laboris nisi ut aliquip ex ea commodo
. Duis aute irure dolor in repre voluptate in the velit esse
.
</p
>
<div
class="main-timeline">
<div
class="row">
<div
class="col-md-2 col-sm-2">
<div
class="experience-time">
<h3>2002</h3
>
</div
><!--/.experience
-time
-->
</div
><!--/.col
-->
<div
class="col-md-10 col-sm-10">
<div
class="timeline">
<div
class="timeline-content">
<h4
class="title"> <span><i
class="fa fa-circle-o" aria
-hidden
="true"></i
></span
></h4
>
<ul
class="description">
<li>Duis aute irure dolor in reprehenderit in the voluptate velit esse cillum dolore eu ugiat nulla pariatur cupiat non proident
.<
/li
>
</ul
>
</div
><!--/.timeline
-content
-->
</div
><!--/.timeline
-->
</div
><!--/.col
-->
</div
><!--/.row
-->
<div
class="row">
<div
class="col-md-2 col-sm-2">
<div
class="experience-time">
<h3>2007</h3
>
</div
><!--/.experience
-time
-->
</div
><!--/.col
-->
<div
class="col-md-10 col-sm-10">
<div
class="timeline">
<div
class="timeline-content">
<h4
class="title"> <span><i
class="fa fa-circle-o" aria
-hidden
="true"></i
></span
></h4
>
<ul
class="description">
<li>Duis aute irure dolor in reprehenderit in the voluptate velit esse cillum dolore eu ugiat nulla pariatur cupiat non proident
.<
/li
>
</ul
>
</div
><!--/.timeline
-content
-->
</div
><!--/.timeline
-->
</div
><!--/.col
-->
</div
><!--/.row
-->
<div
class="row">
<div
class="col-md-2 col-sm-2">
<div
class="experience-time">
<h3>2012</h3
>
</div
><!--/.experience
-time
-->
</div
><!--/.col
-->
<div
class="col-md-10 col-sm-10">
<div
class="timeline">
<div
class="timeline-content">
<h4
class="title"> <span><i
class="fa fa-circle-o" aria
-hidden
="true"></i
></span
></h4
>
<ul
class="description">
<li>Duis aute irure dolor in reprehenderit in the voluptate velit esse cillum dolore eu ugiat nulla pariatur cupiat non proident
.<
/li
>
</ul
>
</div
><!--/.timeline
-content
-->
</div
><!--/.timeline
-->
</div
><!--/.col
-->
</div
><!--/.row
-->
<div
class="row">
<div
class="col-md-2 col-sm-2">
<div
class="experience-time">
<h3>2016</h3
>
</div
><!--/.experience
-time
-->
</div
><!--/.col
-->
<div
class="col-md-10 col-sm-10">
<div
class="timeline">
<div
class="timeline-content">
<h4
class="title"> <span><i
class="fa fa-circle-o" aria
-hidden
="true"></i
></span
></h4
>
<ul
class="description">
<li>Duis aute irure dolor in reprehenderit in the voluptate velit esse cillum dolore eu ugiat nulla pariatur cupiat non proident
.<
/li
>
</ul
>
</div
><!--/.timeline
-content
-->
</div
><!--/.timeline
-->
</div
><!--/.col
-->
</div
><!--/.row
-->
</div
><!--.main
-timeline
-->
</div
><!--/.about
-history
-txt
-->
</div
><!--/.single
-about
-history
-->
</div
><!--/.col
-->
</div
><!--/.row
-->
<div
class="row">
<div
class="about-vission-content">
<div
class="col-md-6 col-sm-12">
<div
class="single-about-history">
<div
class="about-history-txt">
<h2>vision and mission
</h2
>
<p>
Lorem ipsum dolor sit amet
, consectetur adiping elit
, sed
do eiusmod tempor incidd ut labore rhei et dolore magna aliqua
. Ut enim ad veniam
, quis laboris nisi ut aliquip ex ea commodo
. Duis aute irure dolor in repre voluptate in the velit esse
.
</p
>
<div
class="main-timeline xtra-timeline">
<div
class="row">
<div
class="col-sm-12">
<div
class="timeline timeline-ml-20">
<div
class="timeline-content">
<h4
class="title"> <span><i
class="fa fa-circle-o" aria
-hidden
="true"></i
></span
></h4
>
<ul
class="description">
<li>Duis aute irure dolor in reprehenderit in the voluptate velit esse cillum dolore eu ugiat nulla pariatur cupiat non proident
.<
/li
>
</ul
>
</div
><!--/.timeline
-content
-->
</div
><!--/.timeline
-->
</div
><!--/.col
-->
</div
><!--/.row
-->
<div
class="row">
<div
class="col-sm-12">
<div
class="timeline timeline-ml-20">
<div
class="timeline-content">
<h4
class="title"> <span><i
class="fa fa-circle-o" aria
-hidden
="true"></i
></span
></h4
>
<ul
class="description">
<li>Duis aute irure dolor in reprehenderit in the voluptate velit esse cillum dolore eu ugiat nulla pariatur cupiat non proident
.<
/li
>
</ul
>
</div
><!--/.timeline
-content
-->
</div
><!--/.timeline
-->
</div
><!--/.col
-->
</div
><!--/.row
-->
<div
class="row">
<div
class="col-sm-12">
<div
class="timeline timeline-ml-20">
<div
class="timeline-content">
<h4
class="title"> <span><i
class="fa fa-circle-o" aria
-hidden
="true"></i
></span
></h4
>
<ul
class="description">
<li>Duis aute irure dolor in reprehenderit in the voluptate velit esse cillum dolore eu ugiat nulla pariatur cupiat non proident
.<
/li
>
</ul
>
</div
><!--/.timeline
-content
-->
</div
><!--/.timeline
-->
</div
><!--/.col
-->
</div
><!--/.row
-->
</div
><!--.main
-timeline
-->
</div
><!--/.about
-history
-txt
-->
</div
><!--/.single
-about
-history
-->
</div
><!--/.col
-->
<div
class="col-md-offset-1 col-md-5 col-sm-12">
<div
class="single-about-history">
<div
class="about-history-img">
<img src
="assets/images/about/ab2.jpg" alt
="about">
</div
><!--/.about
-history
-img
-->
</div
><!--/.single
-about
-history
-->
</div
><!--/.col
-->
</div
><!--/.about
-vission
-content
-->
</div
><!--/.row
-->
</div
><!--/.about
-history
-content
-->
</div
><!--/.container
-->
</div
><!--/.about
-history
-->
<!--about
-history end
-->
<!--statistics start
-->
<section
class="statistics">
<div
class="container">
<div
class="statistics-counter ">
<div
class="col-md-3 col-sm-6">
<div
class="single-ststistics-box">
<div
class="statistics-img">
<img src
="assets/images/counter/counter1.png" alt
="counter-icon" />
</div
><!--/.statistics
-img
-->
<div
class="statistics-content">
<div
class="counter">2556</div
>
<h3>days worked
</h3
>
</div
><!--/.statistics
-content
-->
</div
><!--/.single
-ststistics
-box
-->
</div
><!--/.col
-->
<div
class="col-md-3 col-sm-6">
<div
class="single-ststistics-box">
<div
class="statistics-img">
<img src
="assets/images/counter/counter2.png" alt
="counter-icon" />
</div
><!--/.statistics
-img
-->
<div
class="statistics-content">
<div
class="counter">326</div
>
<h3>project finished
</h3
>
</div
><!--/.statistics
-content
-->
</div
><!--/.single
-ststistics
-box
-->
</div
><!--/.col
-->
<div
class="col-md-3 col-sm-6">
<div
class="single-ststistics-box">
<div
class="statistics-img">
<img src
="assets/images/counter/counter3.png" alt
="counter-icon" />
</div
><!--/.statistics
-img
-->
<div
class="statistics-content">
<div
class="counter">1526</div
>
<h3>coffee cup
</h3
>
</div
><!--/.statistics
-content
-->
</div
><!--/.single
-ststistics
-box
-->
</div
><!--/.col
-->
<div
class="col-md-3 col-sm-6">
<div
class="single-ststistics-box">
<div
class="statistics-img">
<img src
="assets/images/counter/counter4.png" alt
="counter-icon" />
</div
><!--/.statistics
-img
-->
<div
class="statistics-content">
<div
class="counter">856</div
>
<h3>client satisfied
</h3
>
</div
><!--/.statistics
-content
-->
</div
><!--/.single
-ststistics
-box
-->
</div
><!--/.col
-->
</div
><!--/.statistics
-counter
-->
</div
><!--/.container
-->
</section
><!--/.statistics
-->
<!--statistics end
-->
<!--we
-do start
-->
<section
class="we-do">
<div
class="container">
<div
class="we-do-details">
<div
class="section-header text-center">
<h2>what we
do</h2
>
<p>
Pallamco laboris nisi ut aliquip ex ea commodo consequat
. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
.
</p
>
</div
><!--/.section
-header
-->
<div
class="we-do-carousel">
<div
class="row">
<div
class="col-sm-4 col-xs-12">
<div
class="single-we-do-box text-center">
<div
class="we-do-description">
<div
class="we-do-info">
<div
class="we-do-img">
<img src
="assets/images/home/consultency.png" alt
="image of consultency" />
</div
><!--/.we
-do-img
-->
<div
class="we-do-topics">
<h2>
<a href
="#">
Business Consultancy
</a
>
</h2
>
</div
><!--/.we
-do-topics
-->
</div
><!--/.we
-do-info
-->
<div
class="we-do-comment">
<p>
Lorem ipsum dolor sit amet
, consectetur adipisicing elit
, sed
do eiusmod tempor incididunt ul
.
</p
>
</div
><!--/.we
-do-comment
-->
</div
><!--/.we
-do-description
-->
</div
><!--/.single
-we
-do-box
-->
</div
><!--/.col
-->
<div
class="col-sm-4 col-xs-12">
<div
class="single-we-do-box text-center">
<div
class="we-do-description">
<div
class="we-do-info">
<div
class="we-do-img">
<img src
="assets/images/home/busisness_grow.png" alt
="image of business" />
</div
><!--/.we
-do-img
-->
<div
class="we-do-topics">
<h2>
<a href
="#">
help to grow Business
</a
>
</h2
>
</div
><!--/.we
-do-topics
-->
</div
><!--/.we
-do-info
-->
<div
class="we-do-comment">
<p>
Lorem ipsum dolor sit amet
, consectetur adipisicing elit
, sed
do eiusmod tempor incididunt ul
.
</p
>
</div
><!--/.we
-do-comment
-->
</div
><!--/.we
-do-description
-->
</div
><!--/.single
-we
-do-box
-->
</div
><!--/.col
-->
<div
class="col-sm-4 col-xs-12">
<div
class="single-we-do-box text-center">
<div
class="we-do-description">
<div
class="we-do-info">
<div
class="we-do-img">
<img src
="assets/images/home/support-logo.png" alt
="image of support" />
</div
><!--/.we
-do-img
-->
<div
class="we-do-topics">
<h2>
<a href
="#">
great support
</a
>
</h2
>
</div
><!--/.we
-do-topics
-->
</div
><!--/.we
-do-info
-->
<div
class="we-do-comment">
<p>
Lorem ipsum dolor sit amet
, consectetur adipisicing elit
, sed
do eiusmod tempor incididunt ul
.
</p
>
</div
><!--/.we
-do-comment
-->
</div
><!--/.we
-do-description
-->
</div
><!--/.single
-we
-do-box
-->
</div
><!--/.col
-->
</div
><!--/.row
-->
</div
><!--/.we
-do-carousel
-->
</div
><!--/.we
-do-details
-->
</div
><!--/.container
-->
</section
><!--/.we
-do-->
<!--we
-do end
-->
<!-- testemonial Start
-->
<section
class="testemonial">
<div
class="container">
<div
class="section-header text-center">
<h2>
<span>
what our client say about us
</span
>
</h2
>
</div
><!--/.section
-header
-->
<div
class="owl-carousel owl-theme" id
="testemonial-carousel">
<div
class="home1-testm item">
<div
class="home1-testm-single text-center">
<div
class="home1-testm-img">
<img src
="assets/images/client/testimonial1.jpg" alt
="img"/>
</div
><!--/.home1
-testm
-img
-->
<div
class="home1-testm-txt">
<span
class="icon section-icon">
<i
class="fa fa-quote-left" aria
-hidden
="true"></i
>
</span
>
<p>
Lorem ipsum dolor sit amet conse adipisicing elit
, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua
. Ut enim ad minim veniam
..
</p
>
<h3>
<a href
="#">
kevin watson
</a
>
</h3
>
<h4>CEO
, Kingston
</h4
>
</div
><!--/.home1
-testm
-txt
-->
</div
><!--/.home1
-testm
-single
-->
</div
><!--/.item
-->
<div
class="home1-testm item">
<div
class="home1-testm-single text-center">
<div
class="home1-testm-img">
<img src
="assets/images/client/testimonial2.jpg" alt
="img"/>
</div
><!--/.home1
-testm
-img
-->
<div
class="home1-testm-txt">
<span
class="icon section-icon">
<i
class="fa fa-quote-left" aria
-hidden
="true"></i
>
</span
>
<p>
Lorem ipsum dolor sit amet conse adipisicing elit
, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua
. Ut enim ad minim veniam
..
</p
>
<h3>
<a href
="#">
kevin watson
</a
>
</h3
>
<h4>CEO
, Kingston
</h4
>
</div
><!--/.home1
-testm
-txt
-->
</div
><!--/.home1
-testm
-single
-->
</div
><!--/.item
-->
<div
class="home1-testm item">
<div
class="home1-testm-single text-center">
<div
class="home1-testm-img">
<img src
="assets/images/client/testimonial1.jpg" alt
="img"/>
</div
><!--/.home1
-testm
-img
-->
<div
class="home1-testm-txt">
<span
class="icon section-icon">
<i
class="fa fa-quote-left" aria
-hidden
="true"></i
>
</span
>
<p>
Lorem ipsum dolor sit amet conse adipisicing elit
, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua
. Ut enim ad minim veniam
..
</p
>
<h3>
<a href
="#">
kevin watson
</a
>
</h3
>
<h4>CEO
, Kingston
</h4
>
</div
><!--/.home1
-testm
-txt
-->
</div
><!--/.home1
-testm
-single
-->
</div
><!--/.item
-->
</div
><!--/.testemonial
-carousel
-->
</div
><!--/.container
-->
</section
><!--/.testimonial
-->
<!-- testemonial End
-->
<!-- new-project start
-->
<section
class="new-project">
<div
class="container">
<div
class="new-project-details">
<div
class="row">
<div
class="col-md-10 col-sm-8">
<div
class="single-new-project">
<h3>
Want to start a
new project with us
? Let’s Start
!
</h3
>
</div
><!-- /.single
-new-project
-->
</div
><!-- /.col
-->
<div
class="col-md-2 col-sm-4">
<div
class="single-new-project">
<a href
="#" class="slide-btn">
start now
</a
>
</div
><!-- /.single
-new-project
-->
</div
><!-- /.col
-->
</div
><!-- /.row
-->
</div
><!-- /.new-project
-details
-->
</div
><!-- /.container
-->
</section
><!-- /.new-project
-->
<!-- new-project end
-->
<!--hm
-footer start
-->
<section
class="hm-footer">
<div
class="container">
<div
class="hm-footer-details">
<div
class="row">
<div
class="col-md-4 col-sm-6 col-xs-12">
<div
class="hm-footer-widget">
<div
class="hm-foot-title ">
<div
class="logo">
<a href
="index.html">
<img src
="assets/images/logo/logo.png" alt
="logo" />
</a
>
</div
><!-- /.logo
-->
</div
><!--/.hm
-foot
-title
-->
<div
class="hm-foot-para">
<p>
Lorem ipsum dolor sit amt conetur adcing elit
. Sed
do eiusod tempor utslr
. Ut laboris nisi ut aute irure dolor in rein velit esse
.
</p
>
</div
><!--/.hm
-foot
-para
-->
<div
class="hm-foot-icon">
<ul>
<li><a href
="#"><i
class="fa fa-facebook" aria
-hidden
="true"></i
></a
></li
><!--/li
-->
<li><a href
="#"><i
class="fa fa-google-plus" aria
-hidden
="true"></i
></a
></li
><!--/li
-->
<li><a href
="#"><i
class="fa fa-linkedin" aria
-hidden
="true"></i
></a
></li
><!--/li
-->
<li><a href
="#"><i
class="fa fa-twitter" aria
-hidden
="true"></i
></a
></li
><!--/li
-->
</ul
><!--/ul
-->
</div
><!--/.hm
-foot
-icon
-->
</div
><!--/.hm
-footer
-widget
-->
</div
><!--/.col
-->
<div
class=" col-md-2 col-sm-6 col-xs-12">
<div
class="hm-footer-widget">
<div
class="hm-foot-title">
<h4>Useful Links
</h4
>
</div
><!--/.hm
-foot
-title
-->
<div
class="footer-menu ">
<ul
class="">
<li><a href
="index.html" >Home
</a
></li
>
<li><a href
="about.html">About
</a
></li
>
<li><a href
="services.html">Service
</a
></li
>
<li><a href
="portfolio.html">Portfolio
</a
></li
>
<li><a href
="blog.html">Blog
</a
></li
>
<li><a href
="contact.html">Contact us
</a
></li
>
</ul
>
</div
><!-- /.footer
-menu
-->
</div
><!--/.hm
-footer
-widget
-->
</div
><!--/.col
-->
<div
class=" col-md-3 col-sm-6 col-xs-12">
<div
class="hm-footer-widget">
<div
class="hm-foot-title">
<h4>from the news
</h4
>
</div
><!--/.hm
-foot
-title
-->
<div
class="hm-para-news">
<a href
="blog_single.html">
The Pros and Cons of Starting an Online Business
.
</a
>
<span>12th June
2017</span
>
</div
><!--/.hm
-para
-news
-->
<div
class="footer-line">
<div
class="border-bottom"></div
>
</div
>
<div
class="hm-para-news">
<a href
="blog_single.html">
The Pros and Cons of Starting an Online Business
.
</a
>
<span>12th June
2017</span
>
</div
><!--/.hm
-para
-news
-->
</div
><!--/.hm
-footer
-widget
-->
</div
><!--/.col
-->
<div
class=" col-md-3 col-sm-6 col-xs-12">
<div
class="hm-footer-widget">
<div
class="hm-foot-title">
<h4> Our Newsletter
</h4
>
</div
><!--/.hm
-foot
-title
-->
<div
class="hm-foot-para">
<p
class="para-news">
Subscribe to our newsletter to get the latest News and offers
..
</p
>
</div
><!--/.hm
-foot
-para
-->
<div
class="hm-foot-email">
<div
class="foot-email-box">
<input type
="text" class="form-control" placeholder
="Email Address">
</div
><!--/.foot
-email
-box
-->
<div
class="foot-email-subscribe">
<button type
="button" >go
</button
>
</div
><!--/.foot
-email
-icon
-->
</div
><!--/.hm
-foot
-email
-->
</div
><!--/.hm
-footer
-widget
-->
</div
><!--/.col
-->
</div
><!--/.row
-->
</div
><!--/.hm
-footer
-details
-->
</div
><!--/.container
-->
</section
><!--/.hm
-footer
-details
-->
<!--hm
-footer end
-->
<!-- footer
-copyright start
-->
<footer
class="footer-copyright">
<div
class="container">
<div
class="row">
<div
class="col-sm-7">
<div
class="foot-copyright pull-left">
<p>
Copyright
©
; 2019.Company name All rights reserved
.<a target
="_blank" href
="http://www.programb.com/">网
;页
;模
;板
;</a
></p
>
</div
><!--/.foot
-copyright
-->
</div
><!--/.col
-->
<div
class="col-sm-5">
<div
class="foot
-menu pull
-right
"
>
<ul>
<li
><a href
="#">legal
</a
></li
>
<li
><a href
="#">sitemap
</a
></li
>
<li
><a href
="#">privacy policy
</a
></li
>
</ul
>
</div
><!-- /.foot
-menu
-->
</div
><!--/.col
-->
</div
><!--/.row
-->
<div id
="scroll-Top">
<i
class="fa fa-angle-double-up return-to-top" id
="scroll-top" data
-toggle
="tooltip" data
-placement
="top" title
="" data
-original
-title
="Back to Top" aria
-hidden
="true"></i
>
</div
><!--/.scroll
-Top
-->
</div
><!-- /.container
-->
</footer
><!-- /.footer
-copyright
-->
<!-- footer
-copyright end
-->
<!-- jaquery link
-->
<script src
="assets/js/jquery.js"></script
>
<!-- Include all compiled plugins
(below
), or include individual files as needed
-->
<!--modernizr
.min
.js
-->
<script type
="text/javascript" src
="https://programb.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script
>
<!--bootstrap
.min
.js
-->
<script type
="text/javascript" src
="assets/js/bootstrap.min.js"></script
>
<!-- bootsnav js
-->
<script src
="assets/js/bootsnav.js"></script
>
<!-- for manu
-->
<script src
="assets/js/jquery.hc-sticky.min.js" type
="text/javascript"></script
>
<!-- vedio player js
-->
<script src
="assets/js/jquery.magnific-popup.min.js"></script
>
<script type
="text/javascript" src
="https.programb.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script
>
<!--owl
.carousel
.js
-->
<script type
="text/javascript" src
="assets/js/owl.carousel.min.js"></script
>
<!-- counter js
-->
<script src
="assets/js/jquery.counterup.min.js"></script
>
<script src
="assets/js/waypoints.min.js"></script
>
<!--Custom JS
-->
<script type
="text/javascript" src
="assets/js/jak-menusearch.js"></script
>
<script type
="text/javascript" src
="assets/js/custom.js"></script
>
</body
>
</html
>
