File size: 46.19Kb
<!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>Parallelogram | 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">
<div id="home" class="section-empty background-lines z-index">
<div class="container content">
<div class="row">
<div class="col-md-7" data-anima="fade-left" data-timeline="asc" data-time="1000" data-timeline-time="500">
<h3 class="text-normal anima">Discover the deep mind</h3>
<h1 class="text-black text-xl anima">WE TOUCH THE SUN<br />WE GET SH** DONE</h1>
</div>
<div class="col-md-5">
<hr class="space l" />
<div class="navbar navbar-inner scroll-change menu-inner-side">
<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 id="menu" class="nav navbar-nav inner">
<li class="current-active active"><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#about">About</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#contacts">Contacts</a></li>
</ul>
</div>
</div>
</div>
</div>
<hr class="space l" />
<div class="flexslider slider vertical-nav visible-dir-nav" data-options="controlNav:true,directionNav:true">
<ul class="slides">
<li>
<img src="http://via.placeholder.com/1920x900" alt="" />
</li>
<li>
<img src="http://via.placeholder.com/1920x900" alt="" />
</li>
<li>
<img src="http://via.placeholder.com/1920x900" alt="" />
</li>
</ul>
</div>
<hr class="space m" />
<span class="text-s">SHARE</span>
<span class="space"></span>
<div class="btn-group btn-group-icons" role="group">
<a data-social="share-facebook" class="btn btn-sm">
<i class="fa fa-facebook"></i>
</a>
<a data-social="share-twitter" class="btn btn-sm">
<i class="fa fa-twitter"></i>
</a>
<a data-social="share-google" class="btn btn-sm">
<i class="fa fa-google-plus"></i>
</a>
<a data-social="share-linkedin" class="btn btn-sm">
<i class="fa fa-linkedin"></i>
</a>
</div>
<hr class="space l" />
<div class="row">
<div class="col-md-9 text-right">
<div class="collapse-box" data-height="150">
<div class="panel">
<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 laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. no sea takimata sanctus est
Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet. sed diam voluptua.
</p>
</div>
<div class="text-center;">
<a class="collapse-button" data-button-open-text="Hide all" data-button-close-text="Show all">
<b>Show all</b> <span class="caret"></span>
</a>
</div>
</div>
</div>
<div class="col-md-3">
<h2>Our Mission</h2>
</div>
</div>
</div>
</div>
<div class="section-empty background-lines-2">
<div class="container content">
<div class="flexslider carousel black-imgs" data-options="minWidth:200,itemMargin:30,numItems:4,controlNav:false,directionNav:false">
<ul class="slides">
<li>
<a class="img-box lightbox" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
<li>
<a class="img-box lightbox" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
<li>
<a class="img-box lightbox" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
<li>
<a class="img-box lightbox" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
<li>
<a class="img-box lightbox" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
<li>
<a class="img-box lightbox" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
</ul>
</div>
</div>
</div>
<div id="services" class="section-empty">
<div class="container content">
<div class="row" data-anima="fade-bottom">
<div class="col-md-3">
<h2>Services</h2>
<p>Lorem ipsum dolor sit amet conse cillum dolore eu f iatur.</p>
<a href="#" class="btn btn-sm">All services</a>
</div>
<div class="col-md-3">
<h4 class="text-m">Social & people</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.
</p>
<p class="text-s">We belive in our mission to help the people to reach their goals adipiscing elitsed do eiusmod tempor incididunte.</p>
<a href="#" class="btn-text">Explore service</a>
</div>
<div class="col-md-3">
<h4 class="text-m">Business & careers</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.
</p>
<p class="text-s">We belive in our mission to help the people to reach their goals adipiscing elitsed do eiusmod tempor incididunte.</p>
<a href="#" class="btn-text">Explore service</a>
</div>
<div class="col-md-3">
<h4 class="text-m">Arts & design</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.
</p>
<p class="text-s">We belive in our mission to help the people to reach their goals adipiscing elitsed do eiusmod tempor incididunte.</p>
<a href="#" class="btn-text">Explore service</a>
</div>
</div>
</div>
</div>
<div class="section-bg-image parallax-window" data-bleed="0" data-natural-height="601" data-natural-width="1920" data-parallax="scroll" data-image-src="http://via.placeholder.com/1920x601">
<div class="container content">
<hr class="space m" />
<div class="flexslider carousel png-over outer-navs" data-options="minWidth:200,itemMargin:30,numItems:5,controlNav:false,directionNav:true">
<ul class="slides">
<li>
<img src="../images/logos/logo_1b.png" alt="logo" />
</li>
<li>
<img src="../images/logos/logo_2b.png" alt="logo" />
</li>
<li>
<img src="../images/logos/logo_3b.png" alt="logo" />
</li>
<li>
<img src="../images/logos/logo_4b.png" alt="logo" />
</li>
<li>
<img src="../images/logos/logo_5b.png" alt="logo" />
</li>
<li>
<img src="../images/logos/logo_1b.png" alt="logo" />
</li>
</ul>
</div>
<hr class="space m" />
</div>
</div>
<div class="section-empt background-lines">
<div class="container content">
<div class="row" data-anima="fade-bottom">
<div class="col-md-3 col-sm-4">
<div class="list-group accordion-list" data-open="1">
<div class="list-group-item">
<a href="#"> Included in the service</a>
<div class="panel">
<div class="inner">
<ul class="fa-ul ul-squares">
<li>Colors linking</li>
<li>Logo sentiments</li>
<li>Niche of market</li>
<li>General analysis</li>
<li>Design quality</li>
</ul>
</div>
</div>
</div>
<div class="list-group-item">
<a href="#"> Not included</a>
<div class="panel">
<div class="inner">
<ul class="fa-ul ul-squares">
<li>Colors linking</li>
<li>Logo sentiments</li>
<li>Niche of market</li>
<li>General analysis</li>
<li>Design quality</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-8">
<p class="no-margins">
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 consequate.
Duis aute irure dolor in reprehende in voluptate velita esse cillum dolore eu fugiat nulla pariature.
</p>
<hr class="space m" />
<div class="flexslider carousel outer-navs black-imgs-small" data-options="minWidth:50,itemMargin:15,numItems:3,controlNav:false,directionNav:true">
<ul class="slides">
<li>
<a class="img-box row-3 lightbox shadow" data-lightbox-anima="fade-in" href="../images/gallery/image-1.jpg">
<img src="../images/gallery/image-1.jpg" alt="">
</a>
</li>
<li>
<a class="img-box row-3 lightbox shadow" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
<li>
<a class="img-box row-3 lightbox shadow" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
<li>
<a class="img-box row-3 lightbox shadow" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
<li>
<a class="img-box row-3 lightbox shadow" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
</ul>
</div>
<hr class="space m" />
<table class="grid-table border-table text-left">
<tbody>
<tr>
<td>
<h4 class="font-1 text-s no-margins">Price from <span class="text-m">$ 99</span></h4>
</td>
<td>
<h4 class="font-1 text-s no-margins">Support from <span class="text-m">$ 19</span></h4>
</td>
<td>
<h4 class="font-1 text-s no-margins">Gold plan <span class="text-m">$ 299</span></h4>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-3">
<hr class="space m visible-sm" />
<div class="title-base text-left">
<hr />
<h2>Brand perception analysis</h2>
<p>Asea takimata sanctus est Lorem ipsum dolor sit amete.</p>
</div>
</div>
</div>
<hr class="space m" />
<hr />
<hr class="space m" />
<div class="row" data-anima="fade-bottom">
<div class="col-md-3">
<div class="title-base text-left">
<hr />
<h2>Employees and environment study</h2>
<p>Asea takimata sanctus est Lorem ipsum dolor sit amete.</p>
</div>
</div>
<div class="col-md-3">
<div class="list-group accordion-list" data-open="1">
<div class="list-group-item">
<a href="#"> Included in the service</a>
<div class="panel">
<div class="inner">
<ul class="fa-ul ul-squares">
<li>Mate connections</li>
<li>Employee sentiments</li>
<li>Satisfaction</li>
<li>General analysis</li>
<li>Work quality</li>
</ul>
</div>
</div>
</div>
<div class="list-group-item">
<a href="#"> Not included</a>
<div class="panel">
<div class="inner">
<ul class="fa-ul ul-squares">
<li>Colors linking</li>
<li>Logo sentiments</li>
<li>Niche of market</li>
<li>General analysis</li>
<li>Design quality</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<hr class="space m visible-sm" />
<p class="no-margins">
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 consequate.
Duis aute irure dolor in reprehende in voluptate velita esse cillum dolore eu fugiat nulla pariature.
</p>
<hr class="space m" />
<div class="flexslider carousel outer-navs" data-options="minWidth:50,itemMargin:15,numItems:3,controlNav:false,directionNav:true">
<ul class="slides">
<li>
<a class="img-box row-3 lightbox shadow" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
<li>
<a class="img-box row-3 lightbox shadow" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
<li>
<a class="img-box row-3 lightbox shadow" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
<li>
<a class="img-box row-3 lightbox shadow" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
<li>
<a class="img-box row-3 lightbox shadow" data-lightbox-anima="fade-in" href="http://via.placeholder.com/800x600">
<img src="http://via.placeholder.com/800x600" alt="">
</a>
</li>
</ul>
</div>
<hr class="space m" />
<table class="grid-table border-table text-left">
<tbody>
<tr>
<td>
<h4 class="font-1 text-s no-margins">Price from <span class="text-m">$ 99</span></h4>
</td>
<td>
<h4 class="font-1 text-s no-margins">Support from <span class="text-m">$ 19</span></h4>
</td>
<td>
<h4 class="font-1 text-s no-margins">Gold plan <span class="text-m">$ 299</span></h4>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="portfolio" class="section-empty background-lines-2">
<div class="container content">
<div class="title-base">
<hr />
<h2>Portfolio</h2>
<p>Veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequate</p>
</div>
<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 nav-center over ms-minimal inner maso-filters">
<li class="current-active active"><a data-filter="maso-item">All</a></li>
<li><a data-filter="cat1">Cities</a></li>
<li><a data-filter="cat2">People</a></li>
<li><a data-filter="cat3">Business</a></li>
<li><a data-filter="cat4">Society</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 row">
<div data-sort="1" class="maso-item col-md-3 cat1 cat3">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="#">
<div class="caption">
<i class=" im-align-justifyall"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Classic minds meetup</a></h2>
<p>Tempo incidino</p>
</div>
</div>
</div>
<div data-sort="1" class="maso-item col-md-3 cat2 cat3">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="#">
<div class="caption">
<i class=" im-align-justifyall"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">The secreted of arts</a></h2>
<p>Tempo incidino</p>
</div>
</div>
</div>
<div data-sort="1" class="maso-item col-md-3 cat4 cat1">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="#">
<div class="caption">
<i class=" im-align-justifyall"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Youth back now</a></h2>
<p>Tempo incidino</p>
</div>
</div>
</div>
<div data-sort="1" class="maso-item col-md-3 cat1 cat2">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="#">
<div class="caption">
<i class=" im-align-justifyall"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Royal academy event</a></h2>
<p>Tempo incidino</p>
</div>
</div>
</div>
<div data-sort="1" class="maso-item col-md-3 cat2 cat3">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="#">
<div class="caption">
<i class=" im-align-justifyall"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Unconvetional tour</a></h2>
<p>Tempo incidino</p>
</div>
</div>
</div>
<div data-sort="1" class="maso-item col-md-3 cat4 cat2">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="#">
<div class="caption">
<i class=" im-align-justifyall"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Artists workshop</a></h2>
<p>Tempo incidino</p>
</div>
</div>
</div>
<div data-sort="1" class="maso-item col-md-3 cat1 cat2">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="#">
<div class="caption">
<i class=" im-align-justifyall"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Mary party lights</a></h2>
<p>Tempo incidino</p>
</div>
</div>
</div>
<div data-sort="1" class="maso-item col-md-3 cat4 cat3">
<div class="img-box adv-img adv-img-down-text">
<a class="img-box img-scale-up lightbox i-center" href="#">
<div class="caption">
<i class=" im-align-justifyall"></i>
</div>
<img src="http://via.placeholder.com/800x600" alt="" />
</a>
<div class="caption-bottom">
<h2><a href="#">Museum exibition</a></h2>
<p>Tempo incidino</p>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="section-empty">
<div class="container content">
<table class="grid-table border-table grid-table-xs-12">
<tbody>
<tr>
<td>
<div class="counter-box-simple counter-box-vertical">
<span class="counter text-xl" data-to="500" data-separator="">500</span>
<span class="text-m">Projects</span>
</div>
</td>
<td>
<div class="counter-box-simple counter-box-vertical">
<span class="counter text-xl" data-to="25" data-separator="">25</span>
<span class="text-m">Team members</span>
</div>
</td>
<td>
<div class="counter-box-simple counter-box-vertical">
<span class="counter text-xl" data-to="2000" data-separator="">2000</span>
<span class="text-m">Coffee</span>
</div>
</td>
<td>
<div class="counter-box-simple counter-box-vertical">
<span class="counter text-xl" data-to="365" data-separator="">365</span>
<span class="text-m">Days for year</span>
</div>
</td>
<td>
<div class="counter-box-simple counter-box-vertical">
<span class="counter text-xl" data-to="2015" data-separator="">2019</span>
<span class="text-m">The next year</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="about" class="section-empty">
<div class="container content">
<div class="row" data-anima="fade-bottom">
<div class="col-md-4">
<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 laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
</div>
<div class="col-md-4">
<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 laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
</div>
<div class="col-md-4">
<hr class="space m visible-xs" />
<h2>About us</h2>
<p class="text-s">
Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.
</p>
<hr class="space s" />
<img src="../images/sign-3.png" alt="sign" />
</div>
</div>
</div>
</div>
<div id="team" class="section-empty background-lines">
<div class="container content">
<div class="row">
<div class="col-md-4 col-sm-6">
<h2>Amazing<br />team</h2>
<hr class="space hidden-xs" />
<hr class="space m visible-sm" />
<a data-anima="fade-in" class="img-box lightbox adv-circle circle adv-circle-center-2" href="#">
<i class="fa fa-scissors"></i>
<img src="http://via.placeholder.com/250x250" alt="" />
<div class="caption anima">
<div class="inner">
<h2>Jessica Swarosky</h2>
<p>Sed do eiusmod tempor incididunt ut labore</p>
</div>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6">
<hr class="space m visible-sm" />
<a data-anima="fade-in" class="img-box lightbox adv-circle circle adv-circle-center-2" href="#">
<i class="fa fa-scissors"></i>
<img src="http://via.placeholder.com/250x250" alt="" />
<div class="caption anima">
<div class="inner">
<h2>Malissa Rodrigue</h2>
<p>Sed do eiusmod tempor incididunt ut labore</p>
</div>
</div>
</a>
<hr class="space l" />
<a href="#" class="btn btn-sm">Discovery all </a>
</div>
<div class="col-md-4 col-sm-6">
<hr class="space hidden-sm" />
<hr class="space hidden-sm" />
<hr class="space m visible-sm" />
<a data-anima="fade-in" class="img-box lightbox adv-circle circle adv-circle-center-2" href="#">
<i class="fa fa-scissors"></i>
<img src="http://via.placeholder.com/250x250" alt="" />
<div class="caption anima">
<div class="inner">
<h2>Sarah Pettison</h2>
<p>Sed do eiusmod tempor incididunt ut labore</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div id="contacts" class="section-empty background-lines-2">
<div class="container content">
<div class="row" data-anima="fade-bottom">
<div class="col-md-6">
<h2>Contacts</h2>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.</p>
<hr class="space s" />
<ul class="list-texts list-texts-justified">
<li><b>Address:</b> <span>05, Martin Street, San Francisco, USA</span></li>
<li><b>Email:</b> <span>hello@example.com</span></li>
<li><b>Phone:</b> <span>(123) 456-78910</span></li>
<li><b>Fax:</b> <span>(123) 456-78915</span></li>
<li><b>Skype:</b> <span>example.name</span></li>
<li><b>Website:</b> <span>www.example.com</span></li>
</ul>
<hr class="space s" />
<a class="btn-text lightbox" data-lightbox-anima="fade-top" href="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom">View map</a>
</div>
<div class="col-md-6">
<hr class="space l" />
<form action="http://templates.framework-y.com/gourmet/scripts/php/contact-form.php" class="form-box form-ajax" method="post">
<div class="row">
<div class="col-md-6">
<p>Name</p>
<input id="name" name="name" placeholder="" type="text" class="form-control form-value" required="">
</div>
<div class="col-md-6">
<p>Email</p>
<input id="email" name="email" placeholder="" type="email" class="form-control form-value" required="">
</div>
</div>
<hr class="space xs">
<div class="row">
<div class="col-md-12">
<p>Messagge</p>
<textarea id="messagge" name="messagge" placeholder="" class="form-control form-value" required=""></textarea>
<hr class="space s">
<button class="anima-button btn btn-sm" type="submit"><i class="im-right"></i>Send messagge</button>
</div>
</div>
<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>
</div>
</div>
</div>
</div>
</div>
<i class="scroll-top scroll-top-mobile show fa fa-sort-asc"></i>
<footer class="footer-parallax bg-white">
<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>