File size: 16.48Kb
<!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>Menu side | Components | Structura</title>
<meta name="description" content="Side lateral menu with scroll box and drodowns.">
<link rel="stylesheet" href="../../../HTWF/scripts/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="../../../HTWF/style.css">
<link rel="stylesheet" href="../../../HTWF/scripts/flexslider/flexslider.css">
<link rel="stylesheet" href="../../../HTWF/css/content-box.css">
<link rel="stylesheet" href="../../../HTWF/css/components.css">
<link rel="stylesheet" href="../../../HTWF/css/animations.css">
<link rel="stylesheet" href="../../../skin.css">
<link rel="icon" href="../../../images/favicon.png">
</head>
<body class="side-menu-container">
<div id="preloader"></div>
<header class="side-menu-header" data-menu-anima="default">
<div class="navbar-header">
<a class="hamburger-button" data-menu-anima="fade-left">
<i class="fa fa-bars"></i>
</a>
<a class="navbar-brand" href="../../index.html"><img src="../../../images/logo.png" alt="logo" /> </a>
</div>
<div class="side-menu-fixed">
<div class="top-area">
<a class="brand" href="../../index.html">
<img src="../../../images/logo-mini.png" alt="logo">
</a>
<form class="navbar-form" role="search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="submit">GO</button>
</span>
</div>
</form>
</div>
<aside class="sidebar mi-menu">
<nav class="sidebar-nav scroll-content">
<ul class="side-menu">
<li>
<a href="#">Home<span class="fa arrow"></span></a>
<ul class="collapse">
<li><a href="../../index-square.html">Square</a></li>
<li><a href="../../index-cube.html">Cube</a></li>
<li><a href="../../index-parallelogram.html">Parallelogram</a></li>
<li><a href="../../index-ellipse.html">Ellipse</a></li>
<li><a href="../../index-rectangle.html">Rectangle</a></li>
<li><a href="../../index-circle.html">Circle</a></li>
<li><a href="../../index-triangle.html">Triangle</a></li>
<li><a href="../../index-hexagon.html">Hexagon</a></li>
<li><a href="../../index-pentagon.html">Pentagon</a></li>
<li><a href="../../index-line.html">Line</a></li>
<li><a href="../../index-fullpage.html">Fullpage</a></li>
<li><a href="../../index.html">Intro</a></li>
</ul>
</li>
<li>
<a href="#">Pages <span class="fa arrow"></span></a>
<ul class="collapse">
<li><a href="../../about-us-1.html">About us one</a></li>
<li><a href="../../about-us-2.html">About us two</a></li>
<li><a href="../../about-us-3.html">About us three</a></li>
<li><a href="../../about-us-4.html">About us four</a></li>
<li><a href="../../pricing.html">Pricing</a></li>
<li><a href="../../gallery.html">Photo & video</a></li>
<li><a href="../../faq.html">Faq</a></li>
<li><a href="../../history.html">History</a></li>
<li><a href="../../team.html">Team</a></li>
<li><a href="../../coming-soon.html">Coming soon</a></li>
<li><a href="../../404.html">404</a></li>
<li><a href="../../contacts-1.html">Contacts one</a></li>
<li><a href="../../contacts-2.html">Contacts two</a></li>
<li><a href="../../contacts-3.html">Contacts three</a></li>
<li><a href="../../contacts-4.html">Contacts four</a></li>
</ul>
</li>
<li>
<a href="#">Portfolio <span class="fa arrow"></span></a>
<ul class="collapse">
<li><a href="../../portfolio-1.html">Portfolio one</a></li>
<li><a href="../../portfolio-2.html">Portfolio two</a></li>
<li><a href="../../portfolio-3.html">Portfolio three</a></li>
<li><a href="../../portfolio-4.html">Portfolio four</a></li>
<li><a href="../../portfolio-5.html">Portfolio five</a></li>
<li><a href="../../portfolio-single-1.html">Portfolio single 1</a></li>
<li><a href="../../portfolio-single-2.html">Portfolio single 2</a></li>
<li><a href="../../portfolio-single-3.html">Portfolio single 3</a></li>
</ul>
</li>
<li>
<a href="#">Blog <span class="fa arrow"></span></a>
<ul class="collapse">
<li><a href="../../blog-grid.html">Grid</a></li>
<li><a href="../../blog-masonry.html">Masonry</a></li>
<li><a href="../../blog-classic.html">Classic</a></li>
<li><a href="../../blog-single-1.html">Post single 1</a></li>
<li><a href="../../blog-single-2.html">Post single 2</a></li>
<li><a href="../../blog-single-3.html">Post single 3</a></li>
</ul>
</li>
<li>
<a href="#">Elements <span class="fa arrow"></span></a>
<ul class="collapse">
<li><a href="../../features/components/icons.html">Icons</a></li>
<li><a href="../../features/components/counters-countdown.html">Counters</a></li>
<li><a href="../../features/components/counters-countdown.html">Countdowns</a></li>
<li><a href="../../features/components/progress-bars.html">Progress bars</a></li>
<li><a href="../../features/components/progress-bars.html">Circle progress bars</a></li>
<li><a href="../../features/components/timeline.html">Timeline</a></li>
<li><a href="../../features/components/maps.html">Google maps</a></li>
<li><a href="../../features/components/tables.html">Advanced table</a></li>
<li><a href="../../features/components/php-contact-form.html">Contact form</a></li>
<li><a href="../../features/components/buttons.html">Buttons</a></li>
<li><a href="../../features/components/image-boxes.html">Image boxes</a></li>
<li><a href="../../features/components/image-boxes-advanced.html">Advanced image boxes</a></li>
<li><a href="../../features/components/content-box.html">Content boxes</a></li>
<li><a href="../../features/components/social-media.html">Social media</a></li>
<li><a href="../../features/components/lists.html">Lists</a></li>
<li><a href="../../features/components/typography.html">Typography</a></li>
<li><a href="../../features/containers/list-grid.html">Grid</a></li>
<li><a href="../../features/containers/list-masonry.html">Masonry</a></li>
<li><a href="../../features/containers/lightbox.html">Lightbox and popups</a></li>
<li><a href="../../features/containers/sliders.html">Sliders and carousels</a></li>
<li><a href="../../features/containers/scroll-box-collapse.html">Scroll box</a></li>
<li><a href="../../features/containers/scroll-box-collapse.html">Collapse box</a></li>
<li><a href="../../features/containers/tabs.html">Tabs</a></li>
<li><a href="../../features/containers/accordions.html">Accordions</a></li>
<li><a href="../../features/footers/parallax.html">Footer parallax</a></li>
<li><a href="../../features/footers/minimal.html">Footer minimal</a></li>
<li><a href="../../features/footers/base.html">Footer base</a></li>
<li><a href="../../features/containers/section-background-image.html">Background image</a></li>
<li><a href="../../features/containers/section-background-image-parallax.html">Background parallax</a></li>
<li><a href="../../features/containers/section-slider.html">Slider</a></li>
<li><a href="../../features/containers/section-background-video.html">Background video</a></li>
<li><a href="../../features/containers/section-animations.html">Bg animations</a></li>
<li><a href="../../features/containers/section-animations-parallax.html">Bg animations parallax</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
<div class="bottom-area">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
<img src="../../../images/en.png" alt="lan" />
</a>
<span class="space"></span>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
<img src="../../../images/it.png" alt="lan" />
</a>
<hr class="space xs" />
<div class="social-group">
<a target="_blank" href="#"><i class="fa fa-facebook"></i></a>
<a target="_blank" href="#"><i class="fa fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fa fa-instagram"></i></a>
<a target="_blank" href="#"><i class="fa fa-youtube"></i></a>
</div>
<p>© Copyright 2018.</p>
</div>
</div>
</header>
<div class="header-base">
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="title-base text-left">
<h1>Menu side</h1>
<p>This template come with lot of innovative features and an awesome and extensive documentation ready to be used to build your website.</p>
</div>
</div>
<div class="col-md-3">
<ol class="breadcrumb b white">
<li><a href="#">Home</a></li>
<li class="active">Features</li>
</ol>
</div>
</div>
</div>
</div>
<div class="section-empty section-item">
<div class="container content">
<div class="row proporzional-row">
<div class="col-md-6">
<p>
Proin augue neque, vestibulum vitae urna quis, ornare lobortis sem. Maecenas sit amet gravida neque, in mollis nulla. Aenean vel nulla at
enim maximus varius vitae in tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</p>
<p class="block-quote quote-1">
It is better to lead from behind and to put others in front,
especially when you celebrate victory when nice things occur.
</p>
<p>
Vulputate nobis impedit aute unde exercitation quod quidem! Hymenaeos placerat, temporibus quas incidunt, dicta proin ea quas morbi. Cursus eos, quidem. Soluta?
Iste repellendus. Tenetur, natoque saepe facere odio sed. Fuga provident, exercitation dolorum minus tempor.
</p>
</div>
<div class="col-md-3 boxed-inverse middle-content text-center">
<h4 class="text-m">PERFORMANCE OF THE FUTURE</h4>
</div>
<div class="col-md-3 middle-content boxed white text-center">
<h4 class="text-m">MAGNIFIC AND UNIQUE DESIGN</h4>
</div>
</div>
</div>
</div>
<footer class="footer-base">
<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/flexslider/jquery.flexslider-min.js"></script>
<script src="../../../HTWF/scripts/jquery.slimscroll.min.js"></script>
<script src="../../../HTWF/scripts/jquery.tab-accordion.js"></script>
<script src="../../../HTWF/scripts/parallax.min.js"></script>
<script src="../../../HTWF/scripts/metis.menu.min.js"></script>
</footer>
</body>
</html>