File size: 41.61Kb
<!DOCTYPE html>
<!--[if lt IE 10]> <html lang="en" class="iex"> <![endif]-->
<!--[if (gt IE 10)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hexagon | Home | Structura</title>
<meta name="description" content="Multipurpose HTML template.">
<link rel="stylesheet" href="../HTWF/scripts/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="../HTWF/style.css">
<link rel="stylesheet" href="../HTWF/css/content-box.css">
<link rel="stylesheet" href="../HTWF/css/image-box.css">
<link rel="stylesheet" href="../HTWF/css/animations.css">
<link rel="stylesheet" href="../HTWF/css/components.css">
<link rel="stylesheet" href="../HTWF/scripts/flexslider/flexslider.css">
<link rel="stylesheet" href="../HTWF/scripts/magnific-popup.css">
<link rel="stylesheet" href="../HTWF/scripts/php/contact-form.css">
<link rel="stylesheet" href="../HTWF/scripts/social.stream.css">
<link rel="icon" href="../images/favicon.png">
<link rel="stylesheet" href="../skin.css">
</head>
<body data-spy="scroll" data-target="#menu" data-offset="250">
<div id="preloader"></div>
<div class="footer-parallax-container">
<header class="fixed-top scroll-change" data-menu-anima="fade-bottom">
<div class="navbar navbar-default mega-menu-fullwidth navbar-fixed-top" role="navigation">
<div class="navbar navbar-main">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="index.html">
<img class="logo-default" src="../images/logo.png" alt="logo" />
<img class="logo-retina" src="../images/logo-retina.png" alt="logo" />
</a>
</div>
<div class="collapse navbar-collapse">
<div class="nav navbar-nav navbar-right">
<ul id="menu" class="nav navbar-nav one-page-menu">
<li>
<a href="#portfolio">Works</a>
</li>
<li>
<a href="#services">Services</a>
</li>
<li>
<a href="#gallery">Gallery</a>
</li>
<li>
<a href="#contacts">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="home" class="section-empty">
<div class="container content">
<hr class="space m" />
<div class="row" data-anima="fade-bottom">
<div class="col-md-6">
<h1 class="text-black text-xl">A creative's environment for smart workers</h1>
<hr class="space s" />
<h4 class="text-s">WE BUILD THE NEXT FUTURE</h4>
<hr class="space xs" />
<p>
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.
Utenim ad minim veniam quis nostrud exercitation ullamco laboriso.
</p>
<a href="#" class="btn btn-sm shadow">JOIN NOW FOR $49</a><a href="#" class="btn-text">Take a closer look</a>
<hr class="space m visible-xs" />
</div>
<div class="col-md-5 col-sm-6 pull-right pull-none-sm">
<div class="flexslider slider visible-dir-nav vertical-nav" data-options="controlNav:true,directionNav:true">
<ul class="slides">
<li>
<img src="http://via.placeholder.com/422x468" alt="Alternate Text" />
</li>
<li>
<img src="http://via.placeholder.com/422x468" alt="Alternate Text" />
</li>
<li>
<img src="http://via.placeholder.com/422x468" alt="Alternate Text" />
</li>
</ul>
</div>
</div>
</div>
<hr class="space" />
<div class="row" data-anima="fade-bottom" data-timeline="asc">
<div class="col-md-4 anima">
<h2>UI / UX Design</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.
</p>
<hr class="space s" />
<p class="text-s">
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.
Utenim ad minim veniam quis nostrud exercitation ullamco 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>
<a href="#" class="btn btn-sm">Read more</a>
<hr class="space m visible-xs" />
</div>
<div class="col-md-4 anima">
<h2>Front-end</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore dolore magna aliqua.
</p>
<hr class="space s" />
<p class="text-s">
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.
Utenim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
<a href="#" class="btn btn-sm">Read more</a>
<hr class="space m visible-xs" />
</div>
<div class="col-md-4 anima">
<h2>Back-end</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt et dolore magna aliqua.
</p>
<hr class="space s" />
<p class="text-s">
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.
Utenim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariaturwe ertiso.
</p>
<a href="#" class="btn btn-sm">Read more</a>
</div>
</div>
</div>
</div>
<div class="section-empty section-bg-color">
<div class="container content">
<table class="grid-table border-table margin-logo-table grid-table-xs-12">
<tbody>
<tr>
<td>
<img src="../images/logos/logo_1b.png" alt="Logo" />
</td>
<td>
<img src="../images/logos/logo_2b.png" alt="Logo" />
</td>
<td>
<img src="../images/logos/logo_3b.png" alt="Logo" />
</td>
<td>
<img src="../images/logos/logo_4b.png" alt="Logo" />
</td>
<td>
<img src="../images/logos/logo_5b.png" alt="Logo" />
</td>
</tr>
<tr>
<td>
<img src="../images/logos/logo_6b.png" alt="Logo" />
</td>
<td>
<img src="../images/logos/logo_7b.png" alt="Logo" />
</td>
<td>
<img src="../images/logos/logo_8b.png" alt="Logo" />
</td>
<td>
<img src="../images/logos/logo_9b.png" alt="Logo" />
</td>
<td>
<img src="../images/logos/logo_10b.png" alt="Logo" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="portfolio" class="section-empty">
<div class="container content">
<div class="title-base">
<hr />
<h2>Creative works</h2>
<p>
Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla.
</p>
</div>
<div class="tab-box right" data-tab-anima="fade-in" data-anima="fade-bottom">
<div class="panel-box col-md-9">
<div class="panel active">
<div class="grid-list">
<div class="grid-box row">
<div class="grid-item col-md-6">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="../images/gallery/image-1.jpg">
<div class="caption">
<i class="fa fa-plus"></i>
</div>
<img src="../images/gallery/image-1.jpg" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Night from taxy</a></h2>
<p>Tempor incididunto</p>
</div>
</div>
</div>
<div class="grid-item col-md-6">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="http://via.placeholder.com/800x600">
<div class="caption">
<i class="fa fa-plus"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">People of the dark</a></h2>
<p>Tempor incididunte</p>
</div>
</div>
</div>
<div class="grid-item col-md-6">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="http://via.placeholder.com/800x600">
<div class="caption">
<i class="fa fa-plus"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Coolest hidden clubs</a></h2>
<p>Tempor incididunt sede</p>
</div>
</div>
</div>
<div class="grid-item col-md-6">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="http://via.placeholder.com/800x600">
<div class="caption">
<i class="fa fa-plus"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Citizens and people</a></h2>
<p>Tempor incididunt artono</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="grid-list">
<div class="grid-box row">
<div class="grid-item col-md-6">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="../images/gallery/image-1.jpg">
<div class="caption">
<i class="fa fa-plus"></i>
</div>
<img src="../images/gallery/image-1.jpg" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Night from taxy</a></h2>
<p>Tempor incididunto</p>
</div>
</div>
</div>
<div class="grid-item col-md-6">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="http://via.placeholder.com/800x600">
<div class="caption">
<i class="fa fa-plus"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">People of the dark</a></h2>
<p>Tempor incididunte</p>
</div>
</div>
</div>
<div class="grid-item col-md-6">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="http://via.placeholder.com/800x600">
<div class="caption">
<i class="fa fa-plus"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Coolest hidden clubs</a></h2>
<p>Tempor incididunt sede</p>
</div>
</div>
</div>
<div class="grid-item col-md-6">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="http://via.placeholder.com/800x600">
<div class="caption">
<i class="fa fa-plus"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Citizens and people</a></h2>
<p>Tempor incididunt artono</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="grid-list">
<div class="grid-box row">
<div class="grid-item col-md-6">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="../images/gallery/image-1.jpg">
<div class="caption">
<i class="fa fa-plus"></i>
</div>
<img src="../images/gallery/image-1.jpg" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Night from taxy</a></h2>
<p>Tempor incididunto</p>
</div>
</div>
</div>
<div class="grid-item col-md-6">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="http://via.placeholder.com/800x600">
<div class="caption">
<i class="fa fa-plus"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">People of the dark</a></h2>
<p>Tempor incididunte</p>
</div>
</div>
</div>
<div class="grid-item col-md-6">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="http://via.placeholder.com/800x600">
<div class="caption">
<i class="fa fa-plus"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Coolest hidden clubs</a></h2>
<p>Tempor incididunt sede</p>
</div>
</div>
</div>
<div class="grid-item col-md-6">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="http://via.placeholder.com/800x600">
<div class="caption">
<i class="fa fa-plus"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Citizens and people</a></h2>
<p>Tempor incididunt artono</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<ul class="nav nav-tabs col-md-3">
<li class="active"><a href="#">Digital paint</a></li>
<li><a href="#">Society and people</a></li>
<li><a href="#">City and urban</a></li>
</ul>
</div>
</div>
</div>
<div class="section-empty section-bg-color">
<div class="container content">
<div class="row">
<div class="col-md-4">
<div class="title-base text-left">
<hr />
<h2>Subscribe now</h2>
</div>
</div>
<div class="col-md-8 ">
<form action="http://www.framework-y.com/scripts/php/contact-form.php" class="form-box form-ajax form-inline width-80" method="post" data-email="aaa@pixor.it">
<input id="email" name="email" placeholder="Your email address" type="email" class="form-control form-value" required="">
<hr class="space m">
<button class="btn btn-sm" type="submit">Join</button>
<div class="success-box">
<div class="alert alert-success">Congratulations. Your message has been sent successfully</div>
</div>
<div class="error-box">
<div class="alert alert-warning">Error, please retry. Your message has not been sent</div>
</div>
</form>
<hr class="space s" />
<p class="text-xs">We don't do spam and we respct the privacy. <b>Check our terms of services</b></p>
</div>
</div>
</div>
</div>
<div id="services" class="section-empty">
<div class="container content">
<div class="title-base">
<hr />
<h2>Services</h2>
<p>Duis aute irure dolor in reprehe in voluptate velit esse cillum dolore eu fugiat nulla pariature litsed do eiusmo.</p>
</div>
<div class="grid-list" data-anima="fade-bottom">
<div class="grid-box row">
<div class="grid-item col-md-4">
<div class="advs-box advs-box-top-icon no-icon boxed-inverse">
<h3>Abstract arts</h3>
<p>
Interdum iusto pulvinar consequuntur augue optio, repellat fuga! Purus expedita fusce. Merlusco pierre baeto.
</p>
<a href="#" class="btn-text">Informations</a>
</div>
</div>
<div class="grid-item col-md-4">
<div class="advs-box advs-box-top-icon no-icon boxed-inverse">
<h3>Capitalism for business</h3>
<p>
Interdum iusto pulvinar consequuntur augue optio, repellat fuga! Purus expedita fusce. Merlusco pierre baeto.
</p>
<a href="#" class="btn-text">Informations</a>
</div>
</div>
<div class="grid-item col-md-4">
<div class="advs-box advs-box-top-icon no-icon boxed-inverse">
<h3>Employeers analytics</h3>
<p>
Interdum iusto pulvinar consequuntur augue optio, repellat fuga! Purus expedita fusce. Merlusco pierre baeto.
</p>
<a href="#" class="btn-text">Informations</a>
</div>
</div>
<div class="grid-item col-md-4">
<div class="advs-box advs-box-top-icon no-icon boxed-inverse">
<h3>Secuirty tests</h3>
<p>
Interdum iusto pulvinar consequuntur augue optio, repellat fuga! Purus expedita fusce. Merlusco pierre baeto.
</p>
<a href="#" class="btn-text">Informations</a>
</div>
</div>
<div class="grid-item col-md-4">
<div class="advs-box advs-box-top-icon no-icon boxed-inverse">
<h3>Minds and creation</h3>
<p>
Interdum iusto pulvinar consequuntur augue optio, repellat fuga! Purus expedita fusce. Merlusco pierre baeto.
</p>
<a href="#" class="btn-text">Informations</a>
</div>
</div>
<div class="grid-item col-md-4">
<div class="advs-box advs-box-top-icon no-icon boxed-inverse">
<h3>Color the business</h3>
<p>
Interdum iusto pulvinar consequuntur augue optio, repellat fuga! Purus expedita fusce. Merlusco pierre baeto.
</p>
<a href="#" class="btn-text">Informations</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-empty section-bg-color">
<div class="container content">
<div class="row">
<div class="col-md-4">
<div class="title-base text-left">
<hr />
<h2>Testimonials</h2>
<p>What our fabouolous clients think about our work expedita fusce merlusco pierre.</p>
</div>
</div>
<div class="col-md-8">
<div class="flexslider carousel outer-navs" data-options="minWidth:200,itemMargin:30,numItems:2,controlNav:true,directionNav:true">
<ul class="slides">
<li>
<div class="advs-box niche-box-testimonails-cloud">
<p>
Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod temporo.
</p>
<div class="name-box vertical-row">
<i class="vertical-col fa text-l circle onlycover" style="background-image:url('http://via.placeholder.com/450x450')"></i>
<h5 class="vertical-col subtitle">Alissa William<span class="subtxt">Microsoft</span></h5>
</div>
</div>
</li>
<li>
<div class="advs-box niche-box-testimonails-cloud">
<p>
Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod incidi.
</p>
<div class="name-box vertical-row">
<i class="vertical-col fa text-l circle onlycover" style="background-image:url('http://via.placeholder.com/450x450')"></i>
<h5 class="vertical-col subtitle">Albert De Niro<span class="subtxt">Facebook</span></h5>
</div>
</div>
</li>
<li>
<div class="advs-box niche-box-testimonails-cloud">
<p>
Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod are.
</p>
<div class="name-box vertical-row">
<i class="vertical-col fa text-l circle onlycover" style="background-image:url('http://via.placeholder.com/450x450')"></i>
<h5 class="vertical-col subtitle">Alex Ferd<span class="subtxt">Uber</span></h5>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="gallery" class="section-empty">
<div class="container content">
<div class="row">
<div class="col-md-8">
<div class="maso-list gallery black-imgs">
<div class="navbar navbar-inner">
<div class="navbar-toggle"><i class="fa fa-bars"></i><span>Menu</span><i class="fa fa-angle-down"></i></div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav over ms-minimal inner maso-filters">
<li class="current-active active"><a data-filter="maso-item">All</a></li>
<li><a data-filter="cat1">Arts</a></li>
<li><a data-filter="cat2">Urban</a></li>
<li><a data-filter="cat3">Creative</a></li>
<li><a class="maso-order" data-sort="asc"><i class="fa fa-arrow-down"></i></a></li>
</ul>
</div>
</div>
<div class="maso-box maso-layout row" data-lightbox-anima="fade-top">
<div data-sort="1" class="maso-item col-md-6 cat1 cat2">
<a class="img-box" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</div>
<div data-sort="1" class="maso-item col-md-6 cat2">
<a class="img-box" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</div>
<div data-sort="1" class="maso-item col-md-6 cat1 cat3">
<a class="img-box" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</div>
<div data-sort="1" class="maso-item col-md-6 cat1 cat2">
<a class="img-box" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="col-md-4">
<hr class="space m visible-xs" />
<h2>Gallery</h2>
<p class="text-s">
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.
Utenim ad minim veniam quis nostrud exercitation ullamco.
</p>
<hr class="space m" />
<p class="block-quote quote-1">
When words become unclear, I shall focus with photographs. When images become inadequate, I shall be content with silence
<span class="quote-author">Robert Kennedy</span>
</p>
<hr class="space m" />
<a href="#" class="btn btn-sm">All photos</a>
</div>
</div>
</div>
</div>
<div id="contacts" class="section-map box-middle-container row-20">
<div class="google-map" data-address="London, UK" data-skin="" data-zoom="15" data-marker-pos-top="40" data-marker-pos="col-md-6-left" data-marker="http://templates.framework-y.com/structura/images/marker-map-4.png"></div>
<div class="overlaybox overlaybox-side overlaybox-right">
<div class="container content">
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6 overlaybox-inner box-middle">
<h2>We're londoners!</h2>
<ul class="fa-ul text-s" style="margin-top:25px;">
<li><i class="fa-li im-marker"></i> Street Carbone 25/A, London, UK</li>
<li><i class="fa-li im-phone"></i> (+05) 320-3256472</li>
<li><i class="fa-li im-fax"></i> (+05) 320-3256475</li>
<li><i class="fa-li im-envelope"></i> contacts@example.com</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<i class="scroll-top scroll-top-mobile show fa fa-sort-asc"></i>
<footer class="footer-parallax">
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="tag-row icon-row icon-row-square">
<span><a>About</a></span>
<span><a>Services</a></span>
<span><a>Support</a></span>
<span><a>Contacts</a></span>
</div>
</div>
<div class="col-md-6 text-right text-center-sm">
<div class="btn-group social-group btn-group-icons">
<a target="_blank" href="#" data-social="share-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fa fa-facebook text-s"></i>
</a>
<a target="_blank" href="#" data-social="share-twitter" data-toggle="tooltip" data-placement="top" title="Twitter">
<i class="fa fa-twitter text-s"></i>
</a>
<a target="_blank" href="#" data-social="share-google" data-toggle="tooltip" data-placement="top" title="Google+">
<i class="fa fa-google-plus text-s"></i>
</a>
<a target="_blank" href="#" data-social="share-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
<i class="fa fa-linkedin text-s"></i>
</a>
</div>
</div>
</div>
<div class="row copy-row">
<div class="col-md-12 copy-text">
© 2018 Structura - One page minimal template <span>Handmade by <a href="http://schiocco.com/">schiocco.com</a></span>
</div>
</div>
</div>
</div>
<script src="../HTWF/scripts/jquery.min.js"></script>
<script src="../HTWF/scripts/script.js"></script>
<link rel="stylesheet" href="../HTWF/scripts/iconsmind/line-icons.min.css">
<script src="../HTWF/scripts/bootstrap/js/bootstrap.min.js"></script>
<script src="../HTWF/scripts/imagesloaded.min.js"></script>
<script src="../HTWF/scripts/parallax.min.js"></script>
<script src="../HTWF/scripts/flexslider/jquery.flexslider-min.js"></script>
<script src="../HTWF/scripts/isotope.min.js"></script>
<script src="../HTWF/scripts/php/contact-form.js"></script>
<script src="../HTWF/scripts/jquery.progress-counter.js"></script>
<script src="../HTWF/scripts/jquery.tab-accordion.js"></script>
<script src="../HTWF/scripts/bootstrap/js/bootstrap.popover.min.js"></script>
<script src="../HTWF/scripts/jquery.magnific-popup.min.js"></script>
<script src="../HTWF/scripts/social.stream.min.js"></script>
<script src="../HTWF/scripts/google.maps.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="../HTWF/scripts/jquery.slimscroll.min.js"></script>
<script src="../HTWF/scripts/smooth.scroll.min.js"></script>
</footer>
</body>
</html>