Menu do site Plustek Mobi - Código

~~ Menu do site Plustek Mobi ~~

#### HTML

<div id="logo">
<a href="#" class="ic-menu" id="opmenu" onclick="javascript: return false;" rel="nofollow" title="Abrir menu principal"><i class="fa fa-bars"></i></a>
</div>

<div id="menu">
<ul>
<li><a href="/index.xhtml" title="Página inicial - Plustek Mobi"> <i class="fa fa-home"></i> Página inicial</a></li>
<li><a href="/site_blog.xhtml" title="Blog - Plustek Mobi"><i class="fa fa-rss"></i> Blog</a></li>
<li><a href="/site_codigos.xhtml" title="Códigos - Plustek Mobi"><i class="fa fa-code"></i> Códigos</a></li>
<li><a href="/site_entrar.xhtml" rel="nofollow" title="Entrar/registre-se - Plustek Mobi"><i class="fa fa-user"></i> Entrar/registre-se</a></li>
<li><a href="/site_contato.xhtml" title="Contato - Plustek Mobi"><i class="fa fa-phone"></i> Contato</a></li>
<li><a href="/site_sobre-o-site.xhtml" title="Sobre - Plustek Mobi"><i class="fa fa-info"></i> Sobre</a></li>
</ul>
</div>

#### CSS

<style type="text/css">
.ic-menu,.ic-menu:hover{color:#fff!important;font-size:20px;line-height:0;text-shadow:1px 1px 2px #414141;text-decoration:none}
.ic-menu{position:absolute;top:30px;left:20px}
#logo{background:/*#435b98*/#0D469F;text-align:center;line-height:0;height:80px;box-sizing:border-box;padding:10px;box-shadow:0 0 3px #0e47a0;position:relative;width:100%}
#menu{display:none;background:#2b9b61;color:#fff;box-shadow:0 0 3px #1a8a50}
#menu ul{padding:10px 7px}
#menu ul li{display:block;margin:3px 4px}
#menu ul li a{color:#fff;display:block;padding:2px 5px;margin:5px 2px;font-weight:700}
#menu ul li a:hover{background:#26A65B;border-radius:3px;text-decoration:none}
#menu i{padding-right:7px;display:inline-block;width:16px;text-align:center}
</style>

#### Javascript

<script type="text/javascript">
function MobiWizard() {
$('#menu').hide();
$('#opmenu').click(function(){
$('#menu').slideToggle();
$('#menu').toggleClass('expanded');
});
}
$(document).ready(function() {MobiWizard();});
</script>

// Você deve ter o jQuery e Font Awesome em seu site