Categorias
iiiiii
practica uikit
Descripcion
uikit
html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
<title>
Grid uikit + components bootstrap
</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="uikit/css/uikit.min.css" rel="stylesheet" type="text/css"/>
<style rel="stylesheet" type="text/css">
</style>
</head>
<body>
<div class="uk-offcanvas-content">
<div id="jes-navabar">
</div>
<div id="jes-sidebar">
<div id="offcanvas-nav" uk-offcanvas="mode: reveal; overlay: true">
<div class="uk-offcanvas-bar">
<div class="uk-offcanvas-bar">
<button class="uk-offcanvas-close" type="button" uk-close="">
</button>
<h3>
Title
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<!-- -->
<ul class="uk-nav-default uk-nav-parent-icon" uk-nav="multiple: true">
<li class="uk-active">
<a href="#">
Active
</a>
</li>
<li class="uk-parent">
<a href="#">
Parent
</a>
<ul class="uk-nav-sub">
<li>
<a href="#">
Sub item
</a>
</li>
<li>
<a href="#">
Sub item
</a>
<ul>
<li>
<a href="#">
Sub item
</a>
</li>
<li>
<a href="#">
Sub item
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="uk-parent">
<a href="#">
Parent
</a>
<ul class="uk-nav-sub">
<li>
<a href="#">
Sub item
</a>
</li>
<li>
<a href="#">
Sub item
</a>
</li>
</ul>
</li>
</ul>
<!-- -->
</div>
</div>
</div>
</div>
<div id="jes-content">
<!-- -->
<nav class="uk-navbar uk-navbar-container uk-margin">
<div class="uk-navbar-left">
<a class="uk-navbar-toggle" href="#" uk-navbar-toggle-icon="" uk-toggle="target: #offcanvas-nav">
</a>
</div>
</nav>
<!--
<button class="uk-button uk-button-default" type="button" uk-toggle="target: #offcanvas-nav">
Menú
</button>
-->
</div>
</div>
<!-- scripts -->
<script src="jquery/jquery-3.2.1.min.js" type="text/javascript">
</script>
<script src="bootstrap/js/bootstrap.bundle.min.js" type="text/javascript">
</script>
<!-- -->
<script src="uikit/js/uikit.min.js" type="text/javascript">
</script>
<script src="uikit/js/uikit-icons.min.js" type="text/javascript">
</script>
</body>
</html>