zino/pkrstarsbot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init commit

Browse Source
This commit is contained in:
zino
2021-02-16 23:07:41 +01:00
parent ec3fc78e0f
commit 12b4ef5db4
5000 changed files with 2596132 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

826
website/Boson/HTML/onepage-construction.html Normal file
View File

@@ -0,0 +1,826 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Boson</title>
<!-- Styles -->
<link rel="stylesheet" href="css/prettyPhoto.css">
<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/yamm/yamm.css">
<link rel="stylesheet" href="css/color-scheme/blue.css">
<link rel="stylesheet" href="css/responsive.css">
<!-- extra CSS for new pages -->
<link rel="stylesheet" href="css/custom.css">
<!-- Base JS -->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/stellar.js"></script>
<script src="js/main.js"></script>
<!-- Revolution Slider -->
<script src="js/jquery.themepunch.plugins.min.js"></script>
<script src="js/jquery.themepunch.revolution.min.js"></script>
<script src="js/revolution-slider-options.js"></script>
<!-- Prety photo -->
<script src="js/jquery.prettyPhoto.js"></script>
<script>
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
<!-- CSS and JS from Boson -->
<!-- Styles -->
<link rel="stylesheet" href="js/owl-carousel/owl.carousel.css">
<link rel="stylesheet" href="js/owl-carousel/owl.theme.css">
<link rel="stylesheet" href="js/owl-carousel/owl.transitions.css">
<link rel="stylesheet" href="js/rs-plugin/css/settings.css">
<link rel="stylesheet" href="js/flexslider/flexslider.css">
<link rel="stylesheet" href="js/isotope/isotope.css">
<link rel="stylesheet" href="js/magnific-popup/magnific-popup.css">
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,200,100,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
<!-- Icon Fonts -->
<link rel="stylesheet" href="css/icomoon/style.css" type="text/css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">
</head>
<body class="onepage-body">
<div class="main">
<!-- HEADER -->
<header id="header-main">
<div class="container">
<div class="navbar yamm navbar-default">
<div class="navbar-header">
<button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand"><img src="img/logo.png" alt=""></a>
</div>
<div id="navbar-collapse-1" class="navbar-collapse collapse navbar-right">
<ul class="nav navbar-nav">
<li class="page-scroll"><a href="#page-top">Home</a></li>
<li class="page-scroll"><a href="#1">About</a></li>
<li class="page-scroll"><a href="#2">Features</a></li>
<li class="page-scroll"><a href="#3">Works</a></li>
<li class="page-scroll"><a href="#4">Testimonials</a></li>
<li class="page-scroll"><a href="#5">Contact</a></li>
</ul>
</div>
</div>
</div>
</header>
<div class="slider-wrap">
<div class="tp-banner-container">
<div class="tp-banner" >
<ul>
<!-- SLIDE -->
<!-- SLIDE -->
<li data-transition="fade" data-slotamount="7" data-masterspeed="2000" data-saveperformance="on" data-title="Ken Burns Slide">
<!-- MAIN IMAGE -->
<img src="images/dummy.png" alt="2" data-lazyload="images/slider/3.jpg" data-bgposition="right top" data-kenburns="on" data-duration="12000" data-ease="Power0.easeInOut" data-bgfit="115" data-bgfitend="100" data-bgpositionend="center bottom">
<!-- LAYERS -->
<!-- LAYER NR. 2 -->
<div class="tp-caption small_text ss-bg-color customin tp-resizeme rs-parallaxlevel-0"
data-x="center"
data-y="360"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="2600"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap; width: 150px !important;
height: 5px !important;
background: #8DC73F ;
">
<p class="line white"></p>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption finewide_medium_white lfl tp-resizeme rs-parallaxlevel-0 center-align"
data-x="center"
data-y="215"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="2200"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
style="z-index: 8; max-width: auto; max-height: auto; white-space: nowrap; color: #222222;
text-shadow: none;
font-size: 60px;
line-height: 60px;
font-weight: 900;
background-color: none;
text-decoration: none;
font-family:Open Sans, sans-serif;
text-transform: uppercase;
border-width: 0px;
color: #fff;
text-align:center;
border-color: transparent;
border-style: none;
letter-spacing: -2px;
"><span>We build not homes, we build<br> your dream palace</span>
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption small_text lfr tp-resizeme rs-parallaxlevel-0"
data-x="center"
data-y="385"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="3000"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap; position: absolute;
color: #222222;
text-shadow: none;
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin: 0px;
border-width: 0px;
font-family:Open Sans, sans-serif;
text-transform: uppercase;
white-space: nowrap;
color: #fff;
letter-spacing: 1.8px;
"><span>Create UNLIMITED portfolios and showcase them ANYWHERE</span>
</div>
<!-- LAYER NR. 6 -->
<a href="#" class="tp-caption lfb tp-resizeme rs-parallaxlevel-0"
data-x="center"
data-y="430"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="3400"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-linktoslide="next"
style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;padding:18px 28px;
color: #fff;
text-transform: uppercase;
border: none;
background:#000;
font-size: 13px;
letter-spacing: 2px;
font-family: Montserrat;
border-radius: 0px;
display: table;
transition: .4s;">buy this theme</a>
</li>
<!-- SLIDE -->
<!-- SLIDE -->
<li data-transition="fade" data-slotamount="7" data-masterspeed="2000" data-saveperformance="on" data-title="Ken Burns Slide">
<!-- MAIN IMAGE -->
<img src="images/dummy.png" alt="2" data-lazyload="images/slider/4.jpg" data-bgposition="right top" data-kenburns="on" data-duration="12000" data-ease="Power0.easeInOut" data-bgfit="115" data-bgfitend="100" data-bgpositionend="center bottom">
<!-- LAYERS -->
<!-- LAYER NR. 2 -->
<div class="tp-caption small_text ss-bg-color customin tp-resizeme rs-parallaxlevel-0"
data-x="center"
data-y="360"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="2600"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap; width: 150px !important;
height: 5px !important;
background: #8DC73F;
">
<p class="line white"></p>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption finewide_medium_white lfl tp-resizeme rs-parallaxlevel-0 center-align"
data-x="center"
data-y="215"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="2200"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
style="z-index: 8; max-width: auto; max-height: auto; white-space: nowrap; color: #222222;
text-shadow: none;
font-size: 60px;
line-height: 60px;
font-weight: 900;
background-color: none;
text-decoration: none;
font-family:Open Sans, sans-serif;
text-transform: uppercase;
border-width: 0px;
color: #fff;
text-align:center;
border-color: transparent;
border-style: none;
letter-spacing: -2px;
"><span>The leader in construction<br> business for a decade</span>
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption small_text lfr tp-resizeme rs-parallaxlevel-0"
data-x="center"
data-y="385"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="3000"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap; position: absolute;
color: #222222;
text-shadow: none;
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin: 0px;
border-width: 0px;
font-family:Open Sans, sans-serif;
text-transform: uppercase;
white-space: nowrap;
color: #fff;
letter-spacing: 1.8px;
"><span>Create UNLIMITED portfolios and showcase them ANYWHERE</span>
</div>
<!-- LAYER NR. 6 -->
<a href="#" class="tp-caption lfb tp-resizeme rs-parallaxlevel-0"
data-x="center"
data-y="430"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="3400"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-linktoslide="next"
style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;padding:18px 28px;
color: #fff;
text-transform: uppercase;
border: none;
background:#000;
font-size: 13px;
letter-spacing: 2px;
font-family: Montserrat;
border-radius: 0px;
display: table;
transition: .4s;">buy this theme</a>
</li>
<!-- SLIDE -->
</ul>
<div class="tp-bannertimer"></div>
</div>
</div>
</div>
<div class="inner-content padding70" id="1">
<div class="container">
<div class="col-md-8 col-md-offset-2 text-center space50">
<h2 class="uppercase">We are the specialised in.</h2>
<p>Sed dapibus, leo ut placerat bibendum, ligula ligula consectetur eros, sed efficitur justo ex ut risus. Integer nec eros non elit finibus dictum quis sit amet augue.</p>
</div>
<div class="ct-info row">
<div class="col-md-4">
<img src="images/onepage/2/1.jpg" class="img-responsive" alt=""/>
<div class="space20"></div>
<h4 class="uppercase">The twin towers</h4>
<p>Lorem ipsum dolor sit amet elit facilisis aliquam ipsum a convallis sapien cursus lacinia egestas sem elit pretium lorem rutrum sit amet tempus magna laoreet.</p>
</div>
<div class="col-md-4">
<img src="images/onepage/2/2.jpg" class="img-responsive" alt=""/>
<div class="space20"></div>
<h4 class="uppercase">Our equipments</h4>
<p>Lorem ipsum dolor sit amet elit facilisis aliquam ipsum a convallis sapien cursus lacinia egestas sem elit pretium lorem rutrum sit amet tempus magna laoreet.</p>
</div>
<div class="col-md-4">
<img src="images/onepage/2/3.jpg" class="img-responsive" alt=""/>
<div class="space20"></div>
<h4 class="uppercase">The Success People</h4>
<p>Lorem ipsum dolor sit amet elit facilisis aliquam ipsum a convallis sapien cursus lacinia egestas sem elit pretium lorem rutrum sit amet tempus magna laoreet.</p>
</div>
</div>
</div>
<div class="space70"></div>
<div class="parallax-bg5 padding-top-70" id="2">
<div class="container">
<div class="col-md-8 col-md-offset-2 text-center">
<h2 class="white uppercase">We Craft Digital Experiences.</h2>
<p class="white">Sed dapibus, leo ut placerat bibendum, ligula ligula consectetur eros, sed efficitur justo ex ut risus. Integer nec eros non elit finibus dictum quis sit amet augue.</p>
</div>
<div class="features">
<div class="container">
<div class="row">
<div class="col-md-6">
<div>
<div class="space30"></div>
<img src="images/onepage/2/1.png" class="img-responsive" alt="">
</div>
</div>
<div class="col-md-6">
<div class="fc-main">
<div class="feature-content space50">
<i class="fa fa-hdd-o"></i>
<div class="fc-inner">
<h2 class="white">Professionals</h2>
<p class="lite-white">Morbi vel imperdiet justo, a cursus risus. Sed auctor ullamcorper elit a feugiat. </p>
</div>
</div>
<div class="feature-content space50">
<i class="icon-pencil2"></i>
<div class="fc-inner">
<h2 class="white">Modern Equipments</h2>
<p class="lite-white">Morbi vel imperdiet justo, a cursus risus. Sed auctor ullamcorper elit a feugiat. </p>
</div>
</div>
<div class="feature-content space50">
<i class="icon-user"></i>
<div class="fc-inner">
<h2 class="white">Experienced Team</h2>
<p class="lite-white">Morbi vel imperdiet justo, a cursus risus. Sed auctor ullamcorper elit a feugiat. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container padding80" id="3">
<section id="portfolio-section">
<div class="container">
<h2 class="uppercase text-center">Recent <span class="highlight">Works</span></h2>
<ul class="filter" data-option-key="filter">
<li><a class="selected" href="#filter" data-option-value="*">All</a></li>
<li><a href="#" data-option-value=".branding">Buildings</a></li>
<li><a href="#" data-option-value=".illustration">Industries</a></li>
<li><a href="#" data-option-value=".web-design">Architechture</a></li>
<li><a href="#" data-option-value=".print">Empire</a></li>
</ul>
<div id="portfolio-home" class="isotope home-project-3col">
<div class="project-item illustration print">
<div class="project-gal">
<img src="images/projects/4/1.jpg" class="img-responsive" alt="">
<div class="overlay-folio">
<div class="hover-box">
<div class="hover-zoom">
<a class="mp-lightbox zoom" href="images/projects/4/1.jpg"><i class="fa fa-search"></i></a>
<a class="link" href="single-project.html"><i class="icon-link3"></i></a>
</div>
</div>
</div>
</div>
<div class="project-info">
<h2>Cras ornare tristique elit</h2>
<p>Photoshop</p>
</div>
</div>
<div class="project-item photography web-design">
<div class="project-gal">
<img src="images/projects/4/2.jpg" class="img-responsive" alt="">
<div class="overlay-folio">
<div class="hover-box">
<div class="hover-zoom">
<a class="mp-lightbox zoom" href="images/projects/4/2.jpg"><i class="fa fa-search"></i></a>
<a class="link" href="single-project.html"><i class="icon-link3"></i></a>
</div>
</div>
</div>
</div>
<div class="project-info">
<h2>Praesent placerat risus quis</h2>
<p>UI/UX, Web Design</p>
</div>
</div>
<div class="project-item branding">
<div class="project-gal">
<img src="images/projects/4/3.jpg" class="img-responsive" alt="">
<div class="overlay-folio">
<div class="hover-box">
<div class="hover-zoom">
<a class="mp-lightbox zoom" href="images/projects/4/3.jpg"><i class="fa fa-search"></i></a>
<a class="link" href="single-project.html"><i class="icon-link3"></i></a>
</div>
</div>
</div>
</div>
<div class="project-info">
<h2>Ut aliquam sollicitudin</h2>
<p>Web Development</p>
</div>
</div>
<div class="project-item illustration web-design print">
<div class="project-gal">
<img src="images/projects/4/4.jpg" class="img-responsive" alt="">
<div class="overlay-folio">
<div class="hover-box">
<div class="hover-zoom">
<a class="mp-lightbox zoom" href="images/projects/4/4.jpg"><i class="fa fa-search"></i></a>
<a class="link" href="single-project.html"><i class="icon-link3"></i></a>
</div>
</div>
</div>
</div>
<div class="project-info">
<h2>Cras ornare tristique</h2>
<p>Creative, Web</p>
</div>
</div>
<div class="project-item illustration web-design">
<div class="project-gal">
<img src="images/projects/4/5.jpg" class="img-responsive" alt="">
<div class="overlay-folio">
<div class="hover-box">
<div class="hover-zoom">
<a class="mp-lightbox zoom" href="images/projects/4/5.jpg"><i class="fa fa-search"></i></a>
<a class="link" href="single-project.html"><i class="icon-link3"></i></a>
</div>
</div>
</div>
</div>
<div class="project-info">
<h2>Aliquam tincidunt risus.</h2>
<p>Image Gallery</p>
</div>
</div>
<div class="project-item photography branding">
<div class="project-gal">
<img src="images/projects/4/6.jpg" class="img-responsive" alt="">
<div class="overlay-folio">
<div class="hover-box">
<div class="hover-zoom">
<a class="mp-lightbox zoom" href="images/projects/4/6.jpg"><i class="fa fa-search"></i></a>
<a class="link" href="single-project.html"><i class="icon-link3"></i></a>
</div>
</div>
</div>
</div>
<div class="project-info">
<h2>Aliquam erat volutpat</h2>
<p>Image Gallery</p>
</div>
</div>
</div>
</div>
</section>
<div class="clearfix"></div>
</div>
<div id="stats2" class="pattern-bg1 no-padding">
<div class="container">
<div class="clearfix space80"></div>
<h2 class="uppercase text-center white">Our <span class="highlight">Achievements</span></h2>
<div class="clearfix space60"></div>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="stats2-info">
<p><span class="count count2">200</span></p>
<h2 class="highlight">Completed Projects</h2>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="stats2-info">
<p><span class="count count2">150</span></p>
<h2 class="highlight">Awards Received</h2>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="stats2-info">
<p><span class="count count2">387</span></p>
<h2 class="highlight">Happy Clients</h2>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="stats2-info">
<p><span class="count count2">1540</span></p>
<h2 class="highlight">Workers</h2>
</div>
</div>
</div>
<div class="clearfix space80"></div>
</div>
</div>
<div class="space60"></div>
<div class="container padding30" id="4">
<div class="row">
<div class="col-md-6">
<h4 class="uppercase text-center space30">What our clients say?</h4>
<div class="testimonial-box">
<div id="testimonial" class="owl-carousel">
<div class="quote-info">
<img src="images/quote/1.jpg" class="img-responsive" alt="">
<p>Duis iaculis mauris dui tellus arcu rhoncus tellus non auris in porta sapien. Pellentesque luctus urna volutpat, mollis dolor porttitor, rutrum sem. Aliquam vitae orci a libero iaculis sollicitudin. Sed ullamcorper lorem justo, ut elementum enim dapibus vel.</p>
<h2>David Billie</h2>
</div>
<div class="quote-info">
<img src="images/quote/2.jpg" class="img-responsive" alt="">
<p>Duis iaculis mauris dui tellus arcu rhoncus tellus non auris in porta sapien. Pellentesque luctus urna volutpat, mollis dolor porttitor, rutrum sem. Aliquam vitae orci a libero iaculis sollicitudin. Sed ullamcorper lorem justo, ut elementum enim dapibus vel.</p>
<h2>Katey Thane</h2>
</div>
<div class="quote-info">
<img src="images/quote/3.jpg" class="img-responsive" alt="">
<p>Duis iaculis mauris dui tellus arcu rhoncus tellus non auris in porta sapien. Pellentesque luctus urna volutpat, mollis dolor porttitor, rutrum sem. Aliquam vitae orci a libero iaculis sollicitudin. Sed ullamcorper lorem justo, ut elementum enim dapibus vel.</p>
<h2>Wally Buddy</h2>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<h4 class="uppercase space30">Check the Features</h4>
<div class="panel-group" id="accordion-e1">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-e1" href="#collapseOne">
Lorem ipsum dolor sit amet consectetur adipiscing elit
<span class="fa fa-chevron-down"></span>
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<div class="row">
<p>Nam ullamcorper imperdiet luctus. Vestibulum tincidunt malesuada mi, in posuere augue cursus nec. Morbi et vehicula risus, fermentum lacinia justo. Etiam tellus arcu, eleifend tristique enim rutrum iaculis risus, id tincidunt dui fringilla.</p>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-e1" href="#collapseTwo">
Curabitur et diam vitae dolor aliquet et in massa
<span class="fa fa-chevron-right"></span>
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<p>Nam ullamcorper imperdiet luctus. Vestibulum tincidunt malesuada mi, in posuere augue cursus nec. Morbi et vehicula risus, fermentum lacinia justo. Etiam tellus arcu, eleifend tristique enim rutrum iaculis risus, id tincidunt dui fringilla.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-e1" href="#collapseThree">
Proin faucibus sem sed dapibus dapibus
<span class="fa fa-chevron-right"></span>
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<p>Nam ullamcorper imperdiet luctus. Vestibulum tincidunt malesuada mi, in posuere augue cursus nec. Morbi et vehicula risus, fermentum lacinia justo. Etiam tellus arcu, eleifend tristique enim rutrum iaculis risus, id tincidunt dui fringilla.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="space30"></div>
<div class="border-top">
<div class="space80"></div>
<div class="clients container">
<div id="carousel_five" class="owl-carousel">
<div class="item client-logo">
<a href="#"><img src="images/clients/1.png" class="img-responsive" alt=""/></a>
</div>
<div class="item client-logo">
<a href="#"><img src="images/clients/2.png" class="img-responsive" alt=""/></a>
</div>
<div class="item client-logo">
<a href="#"><img src="images/clients/3.png" class="img-responsive" alt=""/></a>
</div>
<div class="item client-logo">
<a href="#"><img src="images/clients/4.png" class="img-responsive" alt=""/></a>
</div>
<div class="item client-logo">
<a href="#"><img src="images/clients/5.png" class="img-responsive" alt=""/></a>
</div>
<div class="item client-logo">
<a href="#"><img src="images/clients/6.png" class="img-responsive" alt=""/></a>
</div>
<div class="item client-logo">
<a href="#"><img src="images/clients/7.png" class="img-responsive" alt=""/></a>
</div>
</div>
</div>
</div>
</div>
<div class="border-top"></div>
<div class="container-fluid no-padding" id="5">
<div class="col-md-6 full-contact">
<h4 class="uppercase no-margin">Contact Us</h4>
<div class="space20"></div>
<p>We would be glad to have feedback from you. Drop us a line, whether it is a comment, a question or just a hello. You can use either the form below or the contact details on the right.</p>
<form class="home-contact-form">
<div class="row">
<div class="col-md-6">
<div class="input-wrap">
<input class="i-field form-control" placeholder="Name (required)" type="text">
<i class="fa fa-user"></i>
</div>
</div>
<div class="col-md-6">
<div class="input-wrap">
<input class="i-field form-control" placeholder="Email (required)" type="text">
<i class="fa fa-envelope"></i>
</div>
</div>
</div>
<div class="input-wrap">
<input class="i-field form-control" placeholder="Subject" type="text">
<i class="fa fa-pencil"></i>
</div>
<div class="textarea-wrap">
<textarea class="i-field form-control" placeholder="Message"></textarea>
<i class="fa fa-pencil"></i>
</div>
<input class="button" value="Send it" type="submit">
</form>
</div>
<div class="col-md-6 padding-top-70">
<div class="map-greyscale" id="map-greyscale"></div>
</div>
</div>
<!-- FOOTER COPYRIGHT -->
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-md-7">
<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
</div>
<div class="col-md-5">
<div class="f-social pull-right">
<a class="fa fa-twitter" href="#"></a>
<a class="fa fa-facebook" href="#"></a>
<a class="fa fa-linkedin" href="#"></a>
<a class="fa fa-dribbble" href="#"></a>
<a class="fa fa-google-plus" href="#"></a>
<a class="fa fa-skype" href="#"></a>
<a class="fa fa-behance" href="#"></a>
<a class="fa fa-stumbleupon" href="#"></a>
<a class="fa fa-rss" href="#"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> <!-- /.content-wrapper -->
</div> <!-- .offcanvas-pusher -->
</div><!-- /#main-wrapper -->
<!-- STYLE SWITCHER
============================================= -->
<div class="b-settings-panel">
<div class="settings-section">
<span>
Boxed
</span>
<div class="b-switch">
<div class="switch-handle"></div>
</div>
<span>
Wide
</span>
</div>
<hr class="dashed" style="margin: 15px 0px;">
<h5>Main Background</h5>
<div class="settings-section bg-list">
<div class="bg-pattern1"></div>
<div class="bg-pattern2"></div>
<div class="bg-pattern6"></div>
<div class="bg-pattern10"></div>
<div class="bg-pattern16"></div>
<div class="bg-pattern4"></div>
<div class="bg-pattern5"></div>
<div class="bg-pattern7"></div>
<div class="bg-pattern9"></div>
<div class="bg-pattern11"></div>
<div class="bg-pattern12"></div>
<div class="bg-pattern13"></div>
<div class="bg-pattern17"></div>
<div class="bg-pattern8"></div>
<div class="bg-pattern14"></div>
<div class="bg-pattern15"></div>
<div class="bg-pattern3"></div>
<div class="bg-pattern18"></div>
</div>
<hr class="dashed" style="margin: 15px 0px;">
<h5>Color Scheme</h5>
<div class="settings-section color-list">
<div data-src="css/color-scheme/moderate-green.css" style="background: #8ec249"></div>
<div data-src="css/color-scheme/vivid-blue.css" style="background: #228dff"></div>
<div data-src="css/color-scheme/orange.css" style="background: #fa6900"></div>
<div data-src="css/color-scheme/brown.css" style="background: #a68c69"></div>
<div data-src="css/color-scheme/yellow.css" style="background: #fabe28"></div>
<div data-src="css/color-scheme/violet.css" style="background: #ba01ff"></div>
<div data-src="css/color-scheme/strong-cyan.css" style="background: #00b9bd"></div>
<div data-src="css/color-scheme/soft-cyan.css" style="background: #4bd5ea"></div>
<div data-src="css/color-scheme/red.css" style="background: #ff0104"></div>
<div data-src="css/color-scheme/lite-brown.css" style="background: #f3a76d"></div>
<div data-src="css/color-scheme/lime-green.css" style="background: #3bdbad"></div>
<div data-src="css/color-scheme/light-voilet.css" style="background: #aaa5ff"></div>
<div data-src="css/color-scheme/gray-green.css" style="background: #697060"></div>
<div data-src="css/color-scheme/gray-cyan.css" style="background: #aeced2"></div>
<div data-src="css/color-scheme/de-green.css" style="background: #b6cd71"></div>
<div data-src="css/color-scheme/cream.css" style="background: #e0d6b2"></div>
</div>
<div class="btn-settings"></div>
</div>
<!-- END STYLE SWITCHER
============================================= -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Plugins -->
<script src="js/bootstrap.min.js"></script>
<script src="js/menu.js"></script>
<script src="js/owl-carousel/owl.carousel.min.js"></script>
<script src="js/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script src="js/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/isotope/isotope.pkgd.js"></script>
<script src="js/jflickrfeed.min.js"></script>
<script src="js/tweecool.js"></script>
<script src="js/flexslider/jquery.flexslider.js"></script>
<script src="js/easypie/jquery.easypiechart.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/jquery.inview.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.easing/jquery.easing.js"></script>
<script src="js/hippo-off-canvas.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="js/gmaps/greyscale.js"></script>
<script>
jQuery( "button.navbar-toggle" ).click(function(){
jQuery('#navbar-collapse-1').toggleClass('in');
});
</script>
<script src="js/menu-target.js"></script>
</body>
</html>