File size: 8.9Kb
<!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 simple | 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="icon" href="../../../images/favicon.png"><link rel="stylesheet" href="../../../skin.css">
</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.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 box-middle-container">
<nav class="sidebar-nav box-middle">
<ul class="side-menu ms-simple">
<li class="active current-active">
<a href="#">
<i class="im-home"></i>
Home
</a>
</li>
<li>
<a href="#">
<i class="im-air-balloon"></i>
Portfolio
</a>
</li>
<li>
<a href="#">
<i class="im-aim"></i>
About
</a>
</li>
<li>
<a href="#">
<i class="im-address-book2"></i>
Services
</a>
</li>
<li>
<a href="#">
<i class="im-administrator"></i>
Team
</a>
</li>
</ul>
</nav>
</aside>
<div class="bottom-area">
<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. All rights reserved. </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 simple</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.tab-accordion.js"></script>
<script src="../../../HTWF/scripts/parallax.min.js"></script>
<script src="../../../HTWF/scripts/metismenu.jquery.min.js"></script>
</footer>
</body>
</html>