Categorias
iiiiii
cod pagina editada inspinia sin errores.. limpia
Descripcion
diseñando el modelo mas optimo
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My App</title>
<script type="text/javascript">
var x = new Date();
window.addEventListener("load", function(event) {
var y = new Date();
var formuleSg = (((y - x)/1000)/60)/60;
console.log('Load page whit all components in: ' + formuleSg + ' sg.');
});
</script>
<!-- Mainly css -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<!-- Custom and plugin css -->
<link href="css/style.css" rel="stylesheet">
<!-- Mainly scripts -->
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="js/plugins/pace/pace.min.js"></script>
<!-- Custom and plugin javascript -->
<script src="js/inspinia.js"></script>
</head>
<!-- canvas-menu -->
<body class="canvas-menu">
<div id="wrapper">
<nav class="navbar-default navbar-static-side" role="navigation">
<div class="sidebar-collapse">
<!-- canvas-menu -->
<a class="close-canvas-menu"><i class="fa fa-times-circle"></i></a>
<ul class="nav metismenu" id="side-menu">
<li class="nav-header">
<div class="dropdown profile-element">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
</span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span>
</a>
<ul class="dropdown-menu animated fadeInRight m-t-xs">
<li><a href="#">Logout</a></li>
</ul>
</div>
<div class="logo-element">
IN+
</div>
</li>
<li class="active">
<a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Main view</span></a>
</li>
<li>
<a href="minor.html"><i class="fa fa-th-large"></i> <span class="nav-label">Minor view</span> </a>
</li>
<li>
<a href="minor.html"><i class="fa fa-th-large"></i> <span class="nav-label">Minor view</span> </a>
</li>
<li>
<a href="minor.html"><i class="fa fa-th-large"></i> <span class="nav-label">Minor view</span> </a>
</li>
<li>
<a href="minor.html"><i class="fa fa-th-large"></i> <span class="nav-label">Minor view</span> </a>
</li>
<li>
<a href="minor.html"><i class="fa fa-th-large"></i> <span class="nav-label">Minor view</span> </a>
</li><li>
<a href="minor.html"><i class="fa fa-th-large"></i> <span class="nav-label">Minor view</span> </a>
</li>
<li>
<a href="minor.html"><i class="fa fa-th-large"></i> <span class="nav-label">Minor view</span> </a>
</li>
<li>
<a href="minor.html"><i class="fa fa-th-large"></i> <span class="nav-label">Minor view</span> </a>
</li>
<li>
<a href="minor.html"><i class="fa fa-th-large"></i> <span class="nav-label">Minor view</span> </a>
</li>
<li>
<a href="minor.html"><i class="fa fa-th-large"></i> <span class="nav-label">Minor view</span> </a>
</li>
<li>
<a href="minor.html"><i class="fa fa-th-large"></i> <span class="nav-label">Minor view</span> </a>
</li>
<li>
<a href="minor.html"><i class="fa fa-th-large"></i> <span class="nav-label">Minor view</span> </a>
</li>
</ul>
</div>
</nav>
<div id="page-wrapper" class="gray-bg">
<div class="row border-bottom">
<nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
<form role="search" class="navbar-form-custom" method="post" action="#">
<div class="form-group">
<input type="text" placeholder="Busca algo..." class="form-control" name="top-search" id="top-search">
</div>
</form>
</div>
<ul class="nav navbar-top-links navbar-right">
<li>
<a href="#">
<i class="fa fa-sign-out"></i> Log out
</a>
</li>
</ul>
</nav>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-lg-12">
<div class="text-center m-t-lg">
<h1>
Welcome in INSPINIA Static SeedProject
</h1>
<small>
It is an application skeleton for a typical web app. You can use it to quickly bootstrap your webapp projects and dev environment for these projects.
</small>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="pull-right">
10GB of <strong>250GB</strong> Free.
</div>
<div>
<strong>Copyright</strong> Example Company © 2014-2017
</div>
</div>
</div>
</div>
</body>
</html>