<!DOCTYPE html>
<!--[if IE 7 ]>
<html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>
<html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>
<html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="no-js"> <!--<![endif]-->
<!-- =========================================
head
========================================== -->


<!-- Mirrored from demo.themehippo.com/html/decor/ltl/index5.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 08 Dec 2017 13:15:46 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
    <!-- =========================================
    Basic
    ========================================== -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title><?php session_start(); INCLUDE'PHP/databaseconnect.php';INCLUDE'Functions/MainFunctions.php';StatisticRecorder(); ?><?php echo FetchWebsiteName($connecDB); ?></title>
    <meta name="keywords" content="Decor, HTML5, CSS3, responsive, Template"/>
    <meta name="author" content="Cloud Software"/>
    <meta name="description" content="Decor - Responsive HTML5/CSS3 Template"/>

    <!-- =========================================
    Mobile Configurations
    ========================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>


    <!-- Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic'
          rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/font-awesome.min.css"/>
    <link rel="stylesheet" href="css/icostyle.css"/>
    <!-- //Fonts -->


    <!-- Normalize CSS -->
    <link rel="stylesheet" href="css/normalize.css"/>

    <!-- Owl Carousel CSS -->
    <link href="css/owl.carousel.css" rel="stylesheet" media="screen">
    <!-- REVOLUTION BANNER CSS SETTINGS -->
    <link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="rs-plugin/css/extralayers.css" media="screen"/>


    <!-- =========================================
    CSS
    ========================================== -->
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/offcanvas.css"/>
    <link rel="stylesheet" href="style.css"/>
    <link href="css/responsive.css" rel="stylesheet" media="screen"/>


    <!-- =========================================
    Head Libs
    ========================================== -->
    <script src="js/modernizr-2.6.2.min.js"></script>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->


</head>
<!-- /head -->


<!-- =========================================
body
========================================== -->
<body>
<!-- wrapper -->
<div class="wrapper offcanvas-container" id="offcanvas-container">

<!-- inner-wrapper -->
<div class="inner-wrapper offcanvas-pusher">
<!-- container -->
<div class="container">
<!-- header-wrapper -->
<header class="header-wrapper clearfix">
<!-- row -->
<div class="row">
<!-- col-xs-12 -->
<div class="col-xs-12">

<!-- Logo -->
<div class="logo">
    <a title="Decor" href="index.html">
        <img src="img/logo.png" alt="Deccor">
    </a>
</div>
<!-- /Logo -->


<!-- Top Social Icon -->
<div class="social-icon hidden-xs clearfix">
    <ul>
        <li>
            <!-- facebook -->
            <a href="#" title="Facebook" target="_blank"><i class="fa fa-facebook"> </i></a>
            <!-- /facebook -->
        </li>

        <li>
            <!-- twitter -->
            <a href="#" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
            <!-- /twitter -->
        </li>

        <li>
            <!-- google-plus -->
            <a href="#" title="Google plus" target="_blank"><i class="fa fa-google-plus"></i></a>
            <!-- /google-plus -->
        </li>

        <li>
            <!-- youtube -->
            <a href="#" title="YouTube" target="_blank"><i class="fa fa-youtube"></i></a>
            <!-- /youtube-play -->
        </li>

        <li>
            <!-- linkedin -->
            <a href="#" title="Linkedin" target="_blank"><i class="fa fa-linkedin"></i></a>
            <!-- /linkedin -->
        </li>

        <li>
            <!-- flickr -->
            <a href="#" title="Flickr" target="_blank"><i class="fa fa-flickr"></i></a>
            <!-- /flickr -->
        </li>
    </ul>
</div>
<!-- end of Top Social Icon -->


<!-- =========================================
Menu
========================================== -->
<!-- navbar -->
<div class="navbar navbar-default mainnav">
<!-- navbar-header -->
<div class="navbar-header navbar-right pull-right">
    <!-- offcanvas-trigger-effects -->
    <div id="offcanvas-trigger-effects" class="column">
        <button type="button" class="navbar-toggle visible-sm visible-xs" data-toggle="offcanvas"
                data-target=".navbar-collapse" data-placement="right" data-effect="offcanvas-effect">
            <i class="fa fa-bars"></i>
        </button>
    </div>
    <!-- offcanvas-trigger-effects -->

</div>
<!-- /navbar-header -->


<!-- navbar-collapse -->
<div class="collapse navbar-collapse">
<!-- navbar-nav -->
<ul class="nav navbar-nav navbar-right">

<!-- Home Style -->
<li class="active dropdown"><a href="index.html">Home <b class="caret"></b></a>
    <!-- submenu-wrapper -->
    <div class="submenu-wrapper submenu-wrapper-topbottom">
        <div class="submenu-inner  submenu-inner-topbottom">
            <ul class="level1 dropdown-menu">
                <li><a href="index.html">Home style One</a></li>
                <li><a href="index2.html">Home style Two</a></li>
                <li><a href="index3.html">Home style Three</a></li>
                <li><a href="index4.html">Home style Four</a></li>
                <li class="active"><a href="index5.html">Home style Five</a></li>
				<li><a href="index6.html">Home style Six</a></li>
				<li><a href="index7.html">Home style Seven</a></li>
                <li><a href="index8.html">Home style Eight</a></li>				
            </ul>
        </div>
    </div>
    <!-- /submenu-wrapper -->
</li>
<!-- /Home Style -->


<!-- MEGA MENU -->
<li class="dropdown mega-fw has-megamenu"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Features<b
        class="caret"></b></a>
    <!-- megamenu-wrapper -->
    <div class="submenu-wrapper submenu-wrapper-topbottom megamenu-wrapper">
        <div class="submenu-inner  submenu-inner-topbottom megamenu-inner">

            <ul class="dropdown-menu">
                <li>
                    <div class="mega-content">
                        <div class="row">

                            <div class="col-sm-3">
                                <ul class="menu-carousel">
                                    <li class="dropdown-header">Latest Design</li>

                                    <li>
                                        <div id="myCarousel" class="carousel slide" data-ride="carousel">
                                            <div class="carousel-inner">
                                                <div class="item active">
                                                    <a href="#"><img src="img/single-promo.jpg" alt="product"></a>
                                                    <h4>
                                                        <small>Office Decoration</small>
                                                    </h4>
                                                    <button class="btn btn-primary btn-mega" type="button">49,99 €
                                                    </button>
                                                    <button class="btn btn-primary btn-mega" type="button"><span
                                                            class="glyphicon glyphicon-heart"></span> Add to Wishlist
                                                    </button>
                                                </div>
                                                <!-- End Item -->

                                                <div class="item">
                                                    <a href="#"><img src="img/single-promo2.jpg" class="img-responsive"
                                                                     alt="product 2"></a>
                                                    <h4>
                                                        <small>Home Decoration</small>
                                                    </h4>
                                                    <button class="btn btn-primary btn-mega" type="button">9,99 €
                                                    </button>
                                                    <button class="btn btn-primary btn-mega" type="button"><span
                                                            class="glyphicon glyphicon-heart"></span> Add to Wishlist
                                                    </button>
                                                </div>
                                                <!-- End Item -->

                                                <div class="item">
                                                    <a href="#"><img src="img/single-promo.jpg" class="img-responsive"
                                                                     alt="product 3"></a>
                                                    <h4>
                                                        <small>Bedroom decoration</small>
                                                    </h4>
                                                    <button class="btn btn-primary btn-mega" type="button">49,99 €
                                                    </button>
                                                    <button class="btn btn-primary btn-mega" type="button"><span
                                                            class="glyphicon glyphicon-heart"></span> Add to Wishlist
                                                    </button>
                                                </div>
                                                <!-- End Item -->
                                            </div>
                                            <!-- End Carousel Inner -->

                                            <!-- Controls -->
                                            <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                                                <i class="fa fa-chevron-left"></i>
                                            </a>

                                            <a class="right carousel-control" href="#myCarousel" data-slide="next">
                                                <i class="fa fa-chevron-right"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <!-- /.carousel -->

                                    <li class="mega-carousel-more"><a href="#">View all Decoration <i
                                            class="fa fa-angle-right"></i></a></li>

                                </ul>
                            </div>


                            <div class="col-sm-3">
                                <ul>
                                    <li class="dropdown-header">Features</li>

                                    <li><a href="#">100% Responsive</a></li>
                                    <li><a href="#">Mega Menu</a></li>
                                    <li><a href="#">Free Supports And Update</a></li>

                                    <li class="dropdown-header">Home Variation</li>

                                    <li><a href="index.html">Home style One</a></li>
                                    <li><a href="index2.html">Home style Two</a></li>
                                    <li><a href="index3.html">Home style Three</a></li>
                                </ul>
                            </div>


                            <div class="col-sm-3">
                                <ul>
                                    <li class="dropdown-header">Blog Pages</li>

                                    <li><a href="blog.html">Blog Standard</a></li>
                                    <li><a href="blog-single.html">Blog Single Post</a></li>

                                    <li class="dropdown-header">Pages</li>

                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="services.html">Services</a></li>
                                    <li><a href="pricing.html">Pricing</a></li>
                                    <li><a href="faq.html">FAQ Page</a></li>
                                </ul>
                            </div>


                            <div class="col-sm-3">
                                <ul class="menu-form">
                                    <li class="dropdown-header">Bonus Pages</li>
                                    <li><a href="project.html">Project</a></li>
                                    <li><a href="404.html">404 Page</a></li>
                                    <li><a href="single-project.html">Single Project</a></li>
                                    <li><a href="faq2.html">FAQ Page Two</a></li>

                                    <li class="dropdown-header">Newsletter</li>
                                    <li>
                                        <form role="form">
                                            <div class="form-group">
                                                <label class="sr-only" for="email">Email address</label>
                                                <input type="email" class="form-control" id="email"
                                                       placeholder="Enter email">
                                            </div>
                                            <button type="submit" class="btn btn-primary btn-mega btn-block">Sign in
                                            </button>
                                        </form>
                                    </li>
                                </ul>
                            </div>


                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- /megamenu-wrapper -->
</li>
<!-- /MEGA MENU -->

<!-- Pages -->
<li class="dropdown"><a href="#">Pages <b class="caret"></b></a>
    <!-- submenu-wrapper -->
    <div class="submenu-wrapper submenu-wrapper-topbottom">
        <div class="submenu-inner  submenu-inner-topbottom">
            <ul class="level1 dropdown-menu">

                <li class="dropdown"><a href="#">About Pages<b class="caret"></b></a>

                    <!-- submenu-sub-wrapper -->
                    <div class="submenu-sub-wrapper submenu-wrapper-leftright">
                        <div class="submenu-sub-inner  submenu-inner-leftright">
                            <ul class="dropdown-menu">
                                <li><a href="about.html">About Us</a></li>
                                <li><a href="about2.html">About Basic</a></li>
                                <li><a href="about-me.html">About Me</a></li>
                                <li><a href="about-our-team.html">About Team</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- /submenu-sub-wrapper -->
                </li>

                <li class="dropdown"><a href="#">Service Pages<b class="caret"></b></a>

                    <!-- submenu-sub-wrapper -->
                    <div class="submenu-sub-wrapper submenu-wrapper-leftright">
                        <div class="submenu-sub-inner  submenu-inner-leftright">
                            <ul class="dropdown-menu">
                                <li><a href="services.html">Service</a></li>
                                <li><a href="services2.html">Service 2</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- /submenu-sub-wrapper -->
                </li>

                <li class="dropdown"><a href="#">Project Pages<b class="caret"></b></a>

                    <!-- submenu-sub-wrapper -->
                    <div class="submenu-sub-wrapper submenu-wrapper-leftright">
                        <div class="submenu-sub-inner  submenu-inner-leftright">
                            <ul class="dropdown-menu">
                                <li><a href="project.html">Project</a></li>
                                <li><a href="project2.html">Project 2</a></li>

                                <li><a href="single-project.html">Single Project</a></li>
                                <li><a href="single-project-2col.html">Single Project Two</a></li>
                                <li><a href="single-project-fullwidth.html">Single FullWidth</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- /submenu-sub-wrapper -->
                </li>

                <li class="dropdown"><a href="#">Pricing<b class="caret"></b></a>

                    <!-- submenu-sub-wrapper -->
                    <div class="submenu-sub-wrapper submenu-wrapper-leftright">
                        <div class="submenu-sub-inner  submenu-inner-leftright">
                            <ul class="dropdown-menu">
                                <li><a href="pricing.html">Pricing Four Col</a></li>
                                <li><a href="pricing2.html">Pricing Three Col</a></li>
                                <li><a href="pricing3.html">Pricing Two Col</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- /submenu-sub-wrapper -->
                </li>


                <li class="dropdown"><a href="#">FAQ Pages<b class="caret"></b></a>

                    <!-- submenu-sub-wrapper -->
                    <div class="submenu-sub-wrapper submenu-wrapper-leftright">
                        <div class="submenu-sub-inner  submenu-inner-leftright">
                            <ul class="dropdown-menu">
                                <li><a href="faq.html">FAQ Page</a></li>
                                <li><a href="faq2.html">FAQ Page Two</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- /submenu-sub-wrapper -->
                </li>
				<li><a href="testimonial.html">Testimonial</a></li>
                <li><a href="404.html">404 Page</a></li>
            </ul>
        </div>
    </div>
    <!-- /submenu-wrapper -->
</li>
<!-- /Pages -->

<!-- Portfolio Pages -->
<li class="dropdown"><a href="#">Portfolio <b class="caret"></b></a>
    <!-- submenu-wrapper -->
    <div class="submenu-wrapper submenu-wrapper-topbottom">
        <div class="submenu-inner  submenu-inner-topbottom">
            <ul class="level1 dropdown-menu">
                <li><a href="grid-portfolio.html">Grid View</a></li>
                <li><a href="portfolio-timeline.html">Timeline View</a></li>
                <li><a href="portfolio.html">Four Column</a></li>
                <li><a href="portfolio3.html">Three Column</a></li>
                <li><a href="portfolio2.html">Two Column</a></li>
            </ul>

        </div>
    </div>
    <!-- /submenu-wrapper -->
</li>
<!-- /Portfolio Pages -->

<!-- Blog Pages -->
<li class="dropdown"><a href="#">Blog <b class="caret"></b></a>
    <!-- submenu-wrapper -->
    <div class="submenu-wrapper submenu-wrapper-topbottom">
        <div class="submenu-inner  submenu-inner-topbottom">
            <ul class="level1 dropdown-menu">
                <li><a href="blog.html">Standard Blog</a></li>
                <li><a href="blog-single.html">Single Blog Post</a></li>
                <li><a href="blog-timeline.html">Timeline Blog Post</a></li>
            </ul>
        </div>
    </div>
    <!-- /submenu-wrapper -->
</li>
<!-- /Blog Pages -->

<!-- Contact Pages -->
<li class="dropdown"><a href="#">Contact <b class="caret"></b></a>
    <!-- submenu-wrapper -->
    <div class="submenu-wrapper submenu-wrapper-topbottom">

        <div class="submenu-inner submenu-inner-topbottom">
            <ul class="level1 dropdown-menu">
                <li><a href="contact.html">Contact One</a></li>
                <li><a href="contact2.html">Contact Two</a></li>
            </ul>
        </div>
    </div>
    <!-- /submenu-wrapper -->
</li>
<!-- /Contact Pages -->

</ul>
<!-- /navbar-nav -->
</div>
<!-- /navbar-collapse -->
</div>
<!-- /navbar -->

</div>
<!-- /col-xs-12 -->
</div>
<!-- /row -->
</header>
<!-- /header-wrapper -->


<!-- revolution slider -->
<div class="row">
<!-- col-md-12 -->
<div class="col-md-12">
<!--
#################################
    SLIDER FULL WIDTH
#################################
-->

<!-- slider-fullwidth -->
<div class="slider-fullwidth">
<div class="tp-banner-container">
<div class="tp-banner2">
<ul>
<!-- ===================== SLIDE ==================== -->

<li data-transition="fade" data-slotamount="1" data-masterspeed="1500" data-thumb="img/slider/thumb_slider_img_4.jpg"
    data-delay="13000" data-saveperformance="off" data-title="Our Workplace">

    <!-- MAIN IMAGE -->
    <img src="img/slider/slider_img_4.jpg" alt="kenburns1" data-bgposition="left center" data-kenburns="on"
         data-duration="14000" data-ease="Linear.easeNone" data-bgfit="100" data-bgfitend="130"
         data-bgpositionend="right center">
    <!-- LAYERS -->


    <!-- LAYER NR. 1 -->
    <div class="tp-caption finewide_large_white customin customout tp-resizeme"
         data-x="center" data-hoffset="0"
         data-y="center" data-voffset="-40"
         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-customout="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="500"
         data-easing="Power3.easeInOut"
         data-splitin="chars"
         data-splitout="chars"
         data-elementdelay="0.08"
         data-endelementdelay="0.08"
         data-end="4000"
         data-endspeed="500"
         style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">Welcome to Decor
    </div>

    <!-- LAYER NR. 2 -->
    <div class="tp-caption whitedivider3px customin customout tp-resizeme"
         data-x="center" data-hoffset="0"
         data-y="center" data-voffset="0"
         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-customout="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="700"
         data-start="800"
         data-easing="Power3.easeInOut"
         data-splitin="none"
         data-splitout="none"
         data-elementdelay="0.1"
         data-endelementdelay="0.1"
         data-end="4000"
         data-endspeed="500"
         style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">&nbsp;
    </div>

    <!-- LAYER NR. 3 -->
    <div class="tp-caption finewide_medium_white randomrotate customout tp-resizeme"
         data-x="center" data-hoffset="0"
         data-y="center" data-voffset="30"
         data-customout="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="500"
         data-easing="Power3.easeInOut"
         data-splitin="chars"
         data-splitout="chars"
         data-elementdelay="0.08"
         data-endelementdelay="0.08"
         data-end="4000"
         data-endspeed="500"
         style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;">UNIQUE FEATURES
    </div>


    <!-- LAYER NR. 4 -->
    <div class="tp-caption boldwide_small_white customin customout tp-resizeme"
         data-x="240"
         data-y="150"
         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-customout="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="300"
         data-start="5000"
         data-easing="Power3.easeInOut"
         data-splitin="none"
         data-splitout="none"
         data-elementdelay="0.08"
         data-endelementdelay="0.08"
         data-endspeed="300"
         style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;"><strong>Features</strong>
    </div>

    <!-- LAYER NR. 5 -->
    <div class="tp-caption whitedivider3px_vertical customin tp-resizeme"
         data-x="420"
         data-y="140"
         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="300"
         data-start="5500"
         data-easing="Power3.easeInOut"
         data-splitin="none"
         data-splitout="none"
         data-elementdelay="0.1"
         data-endelementdelay="0.1"
         data-endspeed="300"
         style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;">&nbsp;
    </div>

    <!-- LAYER NR. 6 -->
    <div class="tp-caption finewide_small_white randomrotate customout tp-resizeme"
         data-x="460"
         data-y="140"
         data-customout="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="6400"
         data-easing="Power3.easeInOut"
         data-splitin="chars"
         data-splitout="chars"
         data-elementdelay="0.08"
         data-endelementdelay="0.08"
         data-endspeed="300"
         style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;">SMART AND FLEXIBLE
    </div>

    <!-- LAYER NR. 7 -->
    <div class="tp-caption finewide_small_white customin customout tp-resizeme"
         data-x="460"
         data-y="180"
         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-customout="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="7200"
         data-easing="Power3.easeInOut"
         data-splitin="words"
         data-splitout="words"
         data-elementdelay="0.12"
         data-endelementdelay="0.12"
         data-endspeed="300"
         style="z-index: 8; max-width: auto; max-height: auto; white-space: nowrap;">Responsive HTML5 &amp; CSS3 Theme
    </div>

    <!-- LAYER NR. 8 -->
    <div class="tp-caption finewide_small_white customin customout tp-resizeme"
         data-x="460"
         data-y="220"
         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-customout="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="8000"
         data-easing="Power3.easeInOut"
         data-splitin="none"
         data-splitout="none"
         data-elementdelay="0.08"
         data-endelementdelay="0.08"
         data-endspeed="300"
         style="z-index: 9; max-width: auto; max-height: auto; white-space: nowrap;">Multipurpose Use Template
    </div>

</li>


<!-- ===================== SLIDE ==================== -->
<li data-transition="slidedown" data-slotamount="1" data-masterspeed="1500"
    data-thumb="img/slider/thumb_slider_img_2.jpg" data-delay="13000" data-saveperformance="off"
    data-title="Outdoor Decor">
    <!-- MAIN IMAGE -->
    <img src="img/slider/slider_img_2.jpg" alt="kenburns6" data-bgposition="center top" data-kenburns="on"
         data-duration="16000" data-ease="Linear.easeNone" data-bgfit="110" data-bgfitend="100"
         data-bgpositionend="center center">
    <!-- LAYERS -->

    <div class="caption caption-two randomrotate" data-x="center" data-y="70" data-speed="1800" data-start="500"
         data-easing="Power4.easeInOut">UNIQUE FEATURES
    </div>

    <!-- LAYER NR. 1 -->
    <div class="tp-caption medium_bg_asbestos fade"
         data-x="50"
         data-y="250"
         data-speed="500"
         data-start="800"
         data-easing="Power4.easeOut"
         data-endspeed="300"
         data-endeasing="Power1.easeIn"
         data-captionhidden="off"
         style="z-index: 6"> 28 pages models
    </div>

    <!-- LAYER NR. 2 -->
    <div class="tp-caption medium_bg_asbestos sfl"
         data-x="50"
         data-y="300"
         data-speed="500"
         data-start="1200"
         data-easing="Power4.easeOut"
         data-endspeed="300"
         data-endeasing="Power1.easeIn"
         data-captionhidden="off"
         style="z-index: 6"> 3 Different Home Style
    </div>

    <!-- LAYER NR. 3 -->
    <div class="tp-caption medium_bg_asbestos skewfromleft"
         data-x="50"
         data-y="350"
         data-speed="800"
         data-start="1900"
         data-easing="Power4.easeOut"
         data-endspeed="300"
         data-endeasing="Power1.easeIn"
         data-captionhidden="off"
         style="z-index: 6"> New colors available
    </div>

    <!-- LAYER NR. 4 -->
    <div class="tp-caption medium_bg_asbestos sft"
         data-x="50"
         data-y="200"
         data-speed="800"
         data-start="2600"
         data-easing="Power4.easeOut"
         data-endspeed="300"
         data-endeasing="Power1.easeIn"
         data-captionhidden="off"
         style="z-index: 6">Fresh design
    </div>

    <!-- LAYER NR. 5 -->
    <div class="tp-caption medium_bg_asbestos lft"
         data-x="50"

         data-y="400"
         data-speed="800"
         data-start="3300"
         data-easing="Power4.easeOut"
         data-endspeed="300"
         data-endeasing="Power1.easeIn"
         data-captionhidden="off"
         style="z-index: 6">Easy to customize
    </div>

    <!-- LAYER NR. 6 -->
    <div class="tp-caption medium_bg_asbestos sfr"
         data-x="right"
         data-hoffset="-50"
         data-y="200"
         data-speed="800"
         data-start="4000"
         data-easing="Power4.easeOut"
         data-endspeed="300"
         data-endeasing="Power1.easeIn"
         data-captionhidden="off"
         style="z-index: 6">Responsive HTML5, CSS3 Theme
    </div>


    <!-- LAYER NR. 7 -->
    <div class="tp-caption medium_bg_asbestos skewfromright"
         data-x="right"
         data-hoffset="-50"
         data-y="250"
         data-speed="800"
         data-start="4700"
         data-easing="Power4.easeOut"
         data-endspeed="300"
         data-endeasing="Power1.easeIn"
         data-captionhidden="off"
         style="z-index: 6">Well Commented Code
    </div>


    <!-- LAYER NR. 8 -->
    <div class="tp-caption medium_bg_asbestos sfb"
         data-x="right"
         data-hoffset="-50"
         data-y="300"
         data-speed="800"
         data-start="5400"
         data-easing="Power4.easeOut"
         data-endspeed="300"
         data-endeasing="Power1.easeIn"
         data-captionhidden="off"
         style="z-index: 6">Well Structured Code
    </div>

    <!-- LAYER NR. 9 -->
    <div class="tp-caption medium_bg_asbestos lfb"
         data-x="right"
         data-hoffset="-50"
         data-y="350"
         data-speed="800"
         data-start="6100"
         data-easing="Power4.easeOut"
         data-endspeed="300"
         data-endeasing="Power1.easeIn"
         data-captionhidden="off"
         style="z-index: 6">Multipurpose Use Template
    </div>

    <!-- LAYER NR. 10 -->
    <div class="tp-caption medium_bg_asbestos randomrotate"
         data-x="right"
         data-hoffset="-50"
         data-y="400"
         data-speed="800"
         data-start="6800"
         data-easing="Power4.easeOut"
         data-endspeed="300"
         data-endeasing="Power1.easeIn"
         data-captionhidden="off"
         style="z-index: 6">Get Much More...
    </div>

</li>


<!-- SLIDE  -->
<li data-transition="slidehorizontal" data-slotamount="1" data-masterspeed="1000" data-thumb="videos/home-thumb.jpg"
    data-saveperformance="off" data-delay="13000" data-title="Video Slides">
    <!-- MAIN IMAGE -->
    <img src="videos/home.jpg" alt="slide2_bg" data-bgposition="center top" data-bgfit="cover"
         data-bgrepeat="no-repeat">
    <!-- LAYERS -->

    <!-- LAYER NR. 1 -->
    <div class="tp-caption tp-fade fadeout fullscreenvideo"
         data-x="0"
         data-y="0"
         data-speed="1000"
         data-start="1100"
         data-easing="Power4.easeOut"
         data-elementdelay="0.01"
         data-endelementdelay="0.1"
         data-endspeed="1500"
         data-endeasing="Power4.easeIn"
         data-autoplay="true"
         data-autoplayonlyfirsttime="false"
         data-nextslideatend="true"
         data-volume="mute" data-forceCover="1" data-aspectratio="16:9" data-forcerewind="on" style="z-index: 2;">

        <video class="" preload="none">
            <source src='videos/home.mp4' type='video/mp4'/>
            <source src='videos/home.webm' type='video/webm'/>
            <source src='videos/home.ogv' type='video/ogv'/>
        </video>

    </div>

    <!-- LAYER NR. 2 -->
    <div class="tp-caption black_thin_blackbg_30 customin ltl tp-resizeme"
         data-x="700"
         data-y="250"
         data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
         data-speed="1500"
         data-start="2100"
         data-easing="Power4.easeInOut"
         data-splitin="none"
         data-splitout="none"
         data-elementdelay="0.01"
         data-endelementdelay="0.1"
         data-endspeed="1000"
         data-endeasing="Power4.easeIn"
         style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">An intuitive visual interface
    </div>

    <!-- LAYER NR. 3 -->
    <div class="tp-caption white_heavy_60 customin ltl tp-resizeme"
         data-x="700"
         data-y="150"
         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="1500"
         data-start="1100"
         data-easing="Power4.easeOut"
         data-splitin="chars"
         data-splitout="none"
         data-elementdelay="0.1"
         data-endelementdelay="0.1"
         data-endspeed="1000"
         data-endeasing="Power4.easeIn"
         style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;">Video
    </div>

    <!-- LAYER NR. 4 -->
    <div class="tp-caption black_thin_blackbg_30 customin ltl tp-resizeme"
         data-x="700"
         data-y="300"
         data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
         data-speed="1500"
         data-start="2400"
         data-easing="Power4.easeInOut"
         data-splitin="none"
         data-splitout="none"
         data-elementdelay="0.01"
         data-endelementdelay="0.1"
         data-endspeed="1000"
         data-endeasing="Power4.easeIn"
         style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">Set up slides in minutes
    </div>

    <!-- LAYER NR. 5 -->
    <div class="tp-caption black_thin_blackbg_30 customin ltl tp-resizeme"
         data-x="700"
         data-y="350"
         data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
         data-speed="1500"
         data-start="2700"
         data-easing="Power4.easeInOut"
         data-splitin="none"
         data-splitout="none"
         data-elementdelay="0.01"
         data-endelementdelay="0.1"
         data-endspeed="1000"
         data-endeasing="Power4.easeIn"
         style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;">Safe precious time!
    </div>

    <!-- LAYER NR. 6 -->
    <div class="tp-caption light_thin_60 customin ltl tp-resizeme"
         data-x="880"
         data-y="150"
         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="1500"
         data-start="1800"
         data-easing="Power4.easeOut"
         data-splitin="chars"
         data-splitout="none"
         data-elementdelay="0.1"
         data-endelementdelay="0.1"
         data-endspeed="1000"
         data-endeasing="Power4.easeIn"
         style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;">Slides
    </div>
</li>

</ul>
</div>
<!-- /tp-banner2 -->
</div>
<!-- tp-banner-container -->

</div>
<!-- /slider-fullwidth -->
</div>
<!-- /col-md-12 -->
</div>
<!-- /row -->


<!-- Call To Action Area -->
<section class="row mt-50">
    <div class="col-md-12 hidden-xs">
        <div class="call-to-action-box clearfix">
            <div class="floatleft">
                <h3>We can make your Home Beautiful!</h3>

                <p>Latin words, consectetur and going through as the cites of the word in classical literature
                    discoveres</p>
            </div>

            <div class="floatright">
                <a class="get-quote-button" href="contact.html">Find out how we can help</a>
            </div>
        </div>
    </div>
</section>

<!-- promo-box-wrapper -->
<section class="promo-box-wrapper mt-50">
	<div class="row">
		<div class="col-md-4">
			<div class="promo-box">
				<i class="fa fa-bullhorn"></i>
				<strong>Creative Freedom Experience</strong>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore aliquam</p>                
			</div>        
		</div>

		<div class="col-md-4">
			<div class="promo-box">
				<i class="fa fa-bolt"></i>
				<strong>Dedicated Advanced Team</strong>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore aliquam</p>
			</div>
		</div>

		<div class="col-md-4">
			<div class="promo-box">        
				<i class="fa fa-leaf"></i>
				<strong>We Do Things With Love</strong>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore aliquam</p>
			</div>
		</div>
	</div>
</section><!-- /promo-box-wrapper -->




<!-- Welcome-block -->
<section class="welcome-block mt-50">
    <div class="row">
        <div class="col-md-7">
            <!-- title -->
            <div class="lead-title">
                <h2>Our Speciality</h2>
            </div>
            <!-- //title -->

			<p><span class="dropcap">L</span>orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
			<ul class="list-unstyled">
				<li><i class="fa fa-check"></i>Laoreet dolore magna aliquam erat volutpat nibh euismod</li>
				<li><i class="fa fa-check"></i>Nostrud exerci tation ullamcorper suscipit lobortis nisl ut ali</li>
				<li><i class="fa fa-check"></i>Equis nostrud exerci tation ullamcorper suscipit lobortis</li>
				<li><i class="fa fa-check"></i>Dolore magna aliquam erat volutpat. Ut wisi enim minim veniam</li>
			</ul>


        </div>


        <div class="col-md-5">
            <!-- title -->
            <div class="lead-title">
                <h2>Latest Photos</h2>
            </div>
            <!-- //title -->
            <div id="photocarousel" class="carousel slide">
                <div class="carousel-inner">
                    <div class="item">
                        <img src="img/portfolio/portfolio9.jpg" alt="">

                        <div class="carousel-caption">
                            <p>Nonummy nibh euismod tincidunt luptatum.</p>
                        </div>
                    </div>

                    <div class="item active">
                        <img src="img/portfolio/portfolio6.jpg" alt="">

                        <div class="carousel-caption">
                            <p>Duis autem vel luptatum eum iriure dolor.</p>
                        </div>
                    </div>

                    <div class="item">
                        <img src="img/portfolio/portfolio5.jpg" alt="">

                        <div class="carousel-caption">
                            <p>Dignissim qui blandit praesent luptatum del.</p>
                        </div>
                    </div>
                </div>

                <div class="carousel-arrow">
                    <a class="left carousel-control" href="#photocarousel" data-slide="prev">
                        <i class="fa fa-angle-left"></i>
                    </a>
                    <a class="right carousel-control" href="#photocarousel" data-slide="next">
                        <i class="fa fa-angle-right"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>

</section><!-- /Welcome-block -->



<!-- Portfolio-content -->
<section class="portfolio-content mt-50">
    <div class="lead-title">
        <h2>Our Recent Project</h2>
    </div>

    <div class="grid-block">
        <figure class="effect-layla">
            <img src="img/project-thumb/project-1.jpg" alt="img01"/>
            <figcaption>
                <h2>Home <span>Design</span></h2>

                <p>Lily likes to play with crayons and pencils</p>
                <a href="#">View more</a>
            </figcaption>
        </figure>
        <figure class="effect-layla">
            <img src="img/project-thumb/project-2.jpg" alt="img01"/>
            <figcaption>
                <h2>Office <span>Design</span></h2>

                <p>Lily likes to play with crayons and pencils</p>
                <a href="#">View more</a>
            </figcaption>
        </figure>
        <figure class="effect-layla">
            <img src="img/project-thumb/project-3.jpg" alt="img01"/>
            <figcaption>
                <h2>Outdoor <span>Design</span></h2>

                <p>Lily likes to play with crayons and pencils</p>
                <a href="#">View more</a>
            </figcaption>
        </figure>
        <figure class="effect-layla">
            <img src="img/project-thumb/project-4.jpg" alt="img01"/>
            <figcaption>
                <h2>Interior <span>Design</span></h2>

                <p>Lily likes to play with crayons and pencils</p>
                <a href="#">View more</a>
            </figcaption>
        </figure>
        <figure class="effect-layla">
            <img src="img/project-thumb/project-5.jpg" alt="img01"/>
            <figcaption>
                <h2>Pool <span>Design</span></h2>

                <p>Lily likes to play with crayons and pencils</p>
                <a href="#">View more</a>
            </figcaption>
        </figure>
        <figure class="effect-layla">
            <img src="img/project-thumb/project-6.jpg" alt="img01"/>
            <figcaption>
                <h2>Dinning<span>Design</span></h2>

                <p>Lily likes to play with crayons and pencils</p>
                <a href="#">View more</a>
            </figcaption>
        </figure>
        <figure class="effect-layla">
            <img src="img/project-thumb/project-7.jpg" alt="img01"/>
            <figcaption>
                <h2>Living <span>Design</span></h2>

                <p>Lily likes to play with crayons and pencils</p>
                <a href="#">View more</a>
            </figcaption>
        </figure>
        <figure class="effect-layla">
            <img src="img/project-thumb/project-8.jpg" alt="img01"/>
            <figcaption>
                <h2>Garden <span>Design</span></h2>

                <p>Lily likes to play with crayons and pencils</p>
                <a href="#">View more</a>
            </figcaption>
        </figure>

    </div>
</section><!-- /Portfolio-content -->


<!-- partner-wrapper -->
<section class="partner-wrapper mt-50">
    <div class="row">
        <div class="col-md-12">
            <div class="client-logo">
                <div class="lead-title">
                    <h2>Our Partner</h2>
                </div>
                <div class="client-logo-caruosel">
                    <div class="clients">
                        <div class="item">
                            <img src="img/client.png" alt="Image"/>
                        </div>
                        <div class="item">
                            <img src="img/client2.png" alt="Image"/>
                        </div>
                        <div class="item">
                            <img src="img/client3.png" alt="Image"/>
                        </div>
                        <div class="item">
                            <img src="img/client4.png" alt="Image"/>
                        </div>
                        <div class="item">
                            <img src="img/client5.png" alt="Image"/>
                        </div>
                        <div class="item">
                            <img src="img/client6.png" alt="Image"/>
                        </div>
                        <div class="item">
                            <img src="img/client3.png" alt="Image"/>
                        </div>
                        <div class="item">
                            <img src="img/client4.png" alt="Image"/>
                        </div>
                        <div class="item">
                            <img src="img/client5.png" alt="Image"/>
                        </div>
                    </div>

                    <div class="customNavigation clients-navigation">
                        <a class="next"><i class="fa fa-angle-right"></i></a>
                        <a class="prev"><i class="fa fa-angle-left"></i></a>
                    </div>
                    <!-- //clients-navigation -->

                </div>
                <!-- //client-logo-caruosel -->
            </div>
            <!-- //client logo -->
        </div>
        <!-- //col-md-12 -->
    </div>
</section><!-- /partner-wrapper -->

</div><!-- /container -->


<footer class="footer-wrapper">
    <div class="container">
        <div class="row">

            <div class="col-md-8">
                <div class="footer-contact">
                    <span>Call Toll-Free: 1-800-559-65-80 8901</span>

                    <span>Marmora Road Glasgow, D04 89GR</span>

                    <span>E-mail: <a href="https://demo.themehippo.com/cdn-cgi/l/email-protection#0b666a62674b6f6e66646762656025686466"><span class="__cf_email__" data-cfemail="82efe3ebeec2e6e7efedeeebece9ace1edef">[email&#160;protected]</span> </a></span>

                </div>
            </div>


            <div class="col-md-4">
                <div class="social-icon less-margin-top">
                    <ul>
                        <li><a href="#" title="Facebook" target="_blank"><i class="fa fa-facebook"> </i></a></li>

                        <li><a href="#" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a></li>

                        <li><a href="#" title="Google plus" target="_blank"><i class="fa fa-google-plus"></i></a></li>

                        <li><a href="#" title="YouTube" target="_blank"><i class="fa fa-youtube"></i></a></li>

                        <li><a href="#" title="Linkedin" target="_blank"><i class="fa fa-linkedin"></i></a></li>

                        <li><a href="#" title="Flickr" target="_blank"><i class="fa fa-flickr"></i></a></li>
                    </ul>

                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="footer-bottom">
                    <div class="copyright-text">
                        <p>Copyright © 2014 Decor. All Rights Reserved. <br> Design and Developed by Cloud Software
                            Solution.</p>
                        <a href="#" class="back-to-top"><i class="fa fa-angle-up backtop pull-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
</div>
<!-- end of inner wrapper -->


<!-- offcanvas-menu -->
<div class="offcanvas-menu offcanvas-effect">
    <button type="button" class="close" aria-hidden="true" data-toggle="offcanvas"
            id="off-canvas-close-btn">&times;</button>

    <h2>Sidebar Menu</h2>
    <ul>
        <li><a href="#">Home</a>
            <ul>
                <li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
                <li><a href="index2.html"><i class="fa fa-home"></i> Home Style Tow</a></li>
                <li><a href="index3.html"><i class="fa fa-home"></i> Home Style Three</a></li>
            </ul>
        </li>

        <li><a href="#">Pages</a>
            <ul>
                <li><a href="about.html"><i class="fa fa-user"></i> About Us</a></li>
                <li><a href="about2.html"><i class="fa fa-user"></i> About Us 2</a></li>
                <li><a href="services.html"><i class="fa fa-coffee"></i> Service</a></li>
                <li><a href="services2.html"><i class="fa fa-coffee"></i> Service 2</a></li>
                <li><a href="project.html"><i class="fa fa-magic"></i> Project</a></li>
                <li><a href="project2.html"><i class="fa fa-glass"></i> Project 2</a></li>
                <li><a href="404.html"><i class="fa fa-bell-o"></i> 404 Page</a></li>
                <li><a href="pricing.html"><i class="fa fa-puzzle-piece"></i> Pricing</a></li>
                <li><a href="pricing2.html"><i class="fa fa-puzzle-piece"></i> Pricing Two</a></li>
                <li><a href="single-project.html"><i class="fa fa-folder-open-o"></i> Single Project</a></li>
                <li><a href="single-project-2col.html"><i class="fa fa-thumbs-o-up"></i> Single Project Two</a></li>
                <li><a href="single-project-fullwidth.html"><i class="fa fa-thumbs-o-up"></i> Single FullWidth</a></li>
                <li><a href="faq.html"><i class="fa fa-laptop"></i> FAQ Page</a></li>
                <li><a href="faq2.html"><i class="fa fa-laptop"></i> FAQ Page Two</a></li>

            </ul>
        </li>


        <li><a href="#">Portfolio</a>
            <ul>
                <li><a href="grid-portfolio.html"><i class="fa fa-magic"></i> Grid View</a></li>
                <li><a href="portfolio.html"><i class="fa fa-magic"></i> Four Column</a></li>
                <li><a href="portfolio3.html"><i class="fa fa-magic"></i> Three Column</a></li>
                <li><a href="portfolio2.html"><i class="fa fa-magic"></i> Two Column</a></li>
            </ul>
        </li>

        <li><a href="#">Blog</a>
            <ul>
                <li><a href="blog.html"><i class="fa fa-pencil-square-o"></i> Blog Standard</a></li>
                <li><a href="blog-single.html"><i class="fa fa-pencil-square-o"></i> Blog single post</a></li>
            </ul>
        </li>

        <li><a href="#">Contact</a>
            <ul>
                <li><a href="contact.html"><i class="fa fa-envelope-o"></i> Contact</a></li>
                <li><a href="contact2.html"><i class="fa fa-envelope-o"></i> Contact Two</a></li>
            </ul>
        </li>
    </ul>
</div>
<!-- /offcanvas-menu -->

</div>
<!-- /wrapper -->


<!-- =========================================
JavaScript
========================================== -->
<script data-cfasync="false" src="../../../cdn-cgi/scripts/af2821b0/cloudflare-static/email-decode.min.js"></script><script src="js/jquery.min.js"></script>

<!-- jQuery REVOLUTION Slider  -->
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.donutchart.js"></script>
<script src="js/sidebarEffects.js"></script>
<script src="js/classie.js"></script>
<script src="js/smoothscroll.min.js"></script>
<script src="js/script.js"></script>
<?php INCLUDE'../../Pages/PageEditor/Assembler.php'; ?> </body>

<!-- Mirrored from demo.themehippo.com/html/decor/ltl/index5.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 08 Dec 2017 13:15:46 GMT -->
</html>