Actualizar 'index.html'

This commit is contained in:
Gilson Javier 2019-12-30 00:56:48 +00:00
parent 1cdb1d5c3f
commit 4a90babeb6
1 changed files with 79 additions and 52 deletions

View File

@ -27,7 +27,8 @@
</head>
<header>
<nav>
<!-- <nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fa fa-bars"></i>
@ -43,58 +44,84 @@
<li><a href="https://download.fosc.space"><i class="fa fa-download"></i>Donwloads</a></li>
<li><a href="#contact"><i class="fa fa-user"></i>Contact</a></li>
</ul>
</nav>
</nav> -->
<!-- <section class="navigation">
<div class="nav-container">
<div class="brand">
<img class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">
</div>
<nav>
<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
<ul class="nav-list">
<li>
<a href="#!">Home</a>
</li>
<li>
<a href="#!">Blog</a>
</li>
<li>
<a href="#!">Services</a>
<ul class="nav-dropdown">
<li>
<a href="#!">Cloud</a>
</li>
<li>
<a href="#!">Wiki</a>
</li>
<li>
<a href="#!">RSS</a>
</li>
<li>
<a href="#!">NetData</a>
</li>
<li>
<a href="#!">Analytics</a>
</li>
<li>
<a href="#!">Stolen Code</a>
</li>
</ul>
</li>
<li>
<a href="#!">Gallery</a>
</li>
<li>
<a href="#!">Donwloads</a>
</li>
<li>
<a href="#!">Contact</a>
</li>
</ul>
</nav>
</div>
</section> -->
<section class="navigation">
<div class="nav-container">
<div class="brand">
<img class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">
</div>
<nav>
<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
<ul class="nav-list">
<li>
<a href="https://fosc.space/"><i class="fa fa-home"></i>Home</a>
</li>
<li>
<a href="https://blog.fosc.space"><i class="fa fa-book"></i>Blog</a>
</li>
<li>
<a href="#!"><i class="fa fa-cogs"></i>Services</a>
<ul class="nav-dropdown">
<li>
<a href="https://cloud.fosc.space">Cloud</a>
</li>
<li>
<a href="https://doc.fosc.space">Wiki</a>
</li>
<li>
<a href="https://rss.fosc.space">RSS</a>
</li>
<li>
<a href="https://netdata.fosc.space">NetData</a>
</li>
<li>
<a href="https://analytics.fosc.space">Analytics</a>
</li>
<li>
<a href="https://git.fosc.space">Stolen Code</a>
</li>
</ul>
</li>
<li>
<a href="https://gallery.fosc.space"><i class="fa fa-image"></i>Gallery</a>
</li>
<li>
<a href="https://download.fosc.space"><i class="fa fa-download"></i>Donwloads</a>
</li>
<li>
<a href="#contact"><i class="fa fa-user"></i>Contact</a>
</li>
</ul>
</nav>
</div>
</section>
<script>
(function($) { // Begin jQuery
$(function() { // DOM ready
// If a link has a dropdown, add sub menu toggle.
$('nav ul li a:not(:only-child)').click(function(e) {
$(this).siblings('.nav-dropdown').toggle();
// Close one dropdown when selecting another
$('.nav-dropdown').not($(this).siblings()).hide();
e.stopPropagation();
});
// Clicking away from dropdown will remove the dropdown class
$('html').click(function() {
$('.nav-dropdown').hide();
});
// Toggle open and close nav styles on click
$('#nav-toggle').click(function() {
$('nav ul').slideToggle();
});
// Hamburger to X toggle
$('#nav-toggle').on('click', function() {
this.classList.toggle('active');
});
}); // end DOM ready
})(jQuery); // end jQuery
</script>
</header>