ok
Mini Shell
<style type="text/css">
@media (max-width: 800px) {
.info li{
height: auto !important;
}
.m1{
width: 100% !important
}
}
.margin-40{
margin-right: 40px;
}
.linha:hover{
border-bottom:1px solid #566A7C !important;
color: #4ea709 !important;
}
.linha2:hover{
border-bottom:1px solid #566A7C !important;
color: #566a7c !important;
}
.linha{
border-size: 0px;
height: 43px;
}
.linha2{
border-size: 0px;
height: 43px;
}
.booked-weather-160x36-degree
{
font-size: 14px !important;
}
header.affix.menu-hidden{
transform: none !important;
}
</style>
<!-- Header -->
<header id="masthead" class="header-default affix-top sticky-header header_v2 bg_white">
<div class="container">
<div class="row">
<div class="header-menu col-sm-12 tm-table">
<div class="menu-mobile-effect navbar-toggle" style="padding-left: 1%" data-effect="mobile-effect">
<div class="icon-wrap">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</div>
</div>
<div class="width-logo sm-logo table-cell">
<a href="index.php" class="no-sticky-logo" title="Pequena Capitólio">
<img style="width: 75%" class="logo" src="images/Logo-HorizontalColorida-JPG.jpg" alt="">
<img style="width: 75%" class="mobile-logo" src="images/Logo-HorizontalColorida-JPG.jpg" alt="">
</a>
<a href="index.php" class="sticky-logo">
<img style="width: 75%" src="images/Logo-HorizontalColorida-JPG.jpg" alt="">
</a>
</div>
<div class="width-navigation navigation table-cell">
<ul class="nav main-menu" style="padding-left: 0px !important">
<li class="margin-40">
<!-- menu-item has-children // classe para fazer dropdown-->
<a id="obcao1" class="linha" href="index.php" style="font-size: 13px">Início</a>
<!-- <ul class="sub-menu">
<li class="menu-item"><a href="index.html">Home 01</a></li>
<li class="menu-item"><a href="index-2.html">Home 02</a></li>
<li class="menu-item"><a href="index-3.html">Home 03</a></li>
<li class="menu-item"><a href="index-4.html">Home 04</a></li>
</ul> -->
</li>
<li class="margin-40">
<a class="linha2" href="pequena-capitolio.php" style="font-size: 13px;padding-bottom: 12%">Sobre</a>
</li>
<li class="margin-40 menu-item has-children">
<a class="linha " href="" style="font-size: 13px;padding-bottom: 14%">Pequena Capitólio</a>
<ul class="sub-menu">
<li class="margin-40"><a class="linha" href="especialidades.php?id=5">Mercado</a></li>
<li class="margin-40"><a class="linha" href="especialidades.php?id=2">Trilha 4x4</a></li>
<li class="margin-40"><a class="linha" href="especialidades.php?id=4">Cachoeiras</a></li>
<li class="margin-40"><a class="linha" href="especialidades.php?id=1">Restaurante</a></li>
<li class="margin-40"><a class="linha" href="especialidades.php?id=3">Passeio de Lancha</a></li>
</ul>
</li>
<li class="margin-40">
<a class="linha2" href="guia.php" style="font-size: 13px">Guia</a>
</li>
<li class="margin-40">
<a class="linha2" href="fotos.php" style="font-size: 13px">Fotos</a>
</li>
<li class="margin-40 menu-item has-children">
<a class="linha " href="" style="font-size: 13px;padding-bottom: 14%">Eventos</a>
<ul class="sub-menu">
<li class="margin-40">
<a class="linha" href="#">Jetsky</a>
<a class="linha" href="#">Quadriciclo</a>
<a class="linha" href="#">Safari Fotográfico</a>
</li>
</ul>
</li>
<?
$tblog = $conn->query("SELECT * FROM noticias");
$tblog = $tblog->fetch(PDO::FETCH_OBJ);
?>
<?if (empty($tblog) == false) {?>
<li class="margin-40">
<a class="linha" href="blog.php" style="font-size: 13px">Blog</a>
</li>
<?}?>
<li class="margin-40">
<a class="linha2" href="contato.php" style="font-size: 13px">Contato</a>
</li>
<li style="padding-bottom: 0px;width: 120px">
<!-- weather widget start -->
<div id="m-booked-small-t3-20630"> <div class="booked-weather-160x36 w160x36-18" style="background-color:#566a7c; color:#ffffff; border-radius:4px; -moz-border-radius:4px;"> <a target="_blank" style="color:#ffffff;" href="https://ibooked.com.br/weather/capitolio-41174" class="booked-weather-160x36-city">Capitólio</a> <a target="_blank" class="booked-weather-160x36-right" href="https://www.booked.net/"><img src="//s.bookcdn.com/images/letter/s5.gif" alt="booked.net" /></a> <div class="booked-weather-160x36-degree"><span class="plus">+</span>22°<span>C</span></div> </div> </div><script type="text/javascript"> var css_file=document.createElement("link"); css_file.setAttribute("rel","stylesheet"); css_file.setAttribute("type","text/css"); css_file.setAttribute("href",'https://s.bookcdn.com/css/w/bw-160-36.css?v=0.0.1'); document.getElementsByTagName("head")[0].appendChild(css_file); function setWidgetData(data) { if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = document.getElementById('m-booked-small-t3-20630'); if(objMainBlock !== null) { var copyBlock = document.getElementById('m-bookew-weather-copy-'+data.results[i].widget_type); objMainBlock.innerHTML = data.results[i].html_code; if(copyBlock !== null) objMainBlock.appendChild(copyBlock); } } } else { alert('data=undefined||data.results is empty'); } } </script> <script type="text/javascript" charset="UTF-8" src="https://widgets.booked.net/weather/info?action=get_weather_info&ver=6&cityID=41174&type=13&scode=124<id=3458&domid=585&anc_id=80610&cmetric=1&wlangID=8&color=566a7c&wwidth=158&header_color=fff5d9&text_color=ffffff&link_color=ffffff&border_form=0&footer_color=fff5d9&footer_text_color=333333&transparent=0"></script>
<!-- <div id="m-booked-small-t2-65596"> <div class="booked-weather-120x36 w120x36-18" style="background-color:#566a7c; color:#ffffff; border-radius:0px; -moz-border-radius:0px;"> <a target="_blank" style="color:#9de852;" href="https://ibooked.com.br/weather/capitolio-41174" class="booked-weather-120x36-city">Capitólio</a> <a target="_blank" class="booked-weather-120x36-bottom" href="https://www.booked.net/"><img src="//s.bookcdn.com/images/letter/s5.gif" alt="booked.net - Hotel reservations" /></a> <div class="booked-weather-120x36-degree"><span class="plus">+</span>19...<span class="plus">+</span>28° C</div> </div> </div><script type="text/javascript"> var css_file=document.createElement("link"); css_file.setAttribute("rel","stylesheet"); css_file.setAttribute("type","text/css"); css_file.setAttribute("href",'https://s.bookcdn.com/css/w/bw-120-36.css?v=0.0.1'); document.getElementsByTagName("head")[0].appendChild(css_file); function setWidgetData(data) { if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = document.getElementById('m-booked-small-t2-65596'); if(objMainBlock !== null) { var copyBlock = document.getElementById('m-bookew-weather-copy-'+data.results[i].widget_type); objMainBlock.innerHTML = data.results[i].html_code; if(copyBlock !== null) objMainBlock.appendChild(copyBlock); } } } else { alert('data=undefined||data.results is empty'); } } </script> <script type="text/javascript" charset="UTF-8" src="https://widgets.booked.net/weather/info?action=get_weather_info&ver=6&cityID=41174&type=12&scode=124<id=3458&domid=585&anc_id=89544&cmetric=1&wlangID=8&color=566a7c&wwidth=118&header_color=2071c9&text_color=ffffff&link_color=9de852&border_form=1&footer_color=2071c9&footer_text_color=ffffff&transparent=0"></script> --><!-- weather widget end -->
<!-- <div id="cont_a725b6865ddf7940d38b78b07b009bdb"><script type="text/javascript" async src="https://www.tempo.com/wid_loader/a725b6865ddf7940d38b78b07b009bdb"></script></div> -->
<!-- weather widget end -->
</li>
</ul>
<div class="header-right" style="">
<div class="language">
<div class="dropdown">
<!-- <a href="#" class="dropdown-toggle select" data-hover="dropdown" data-toggle="dropdown" aria-expanded="false">
<i class="flag-el"></i><span class="fa fa-caret-down"></span>
</a> -->
</div>
</div>
<!-- weather widget start --><!-- weather widget end -->
<!-- <div class="book-button">
<a href="rooms.html" class="btn-book">BOOK NOW</a>
</div> -->
</div>
<!-- <style type="text/css">
.temperature:hover{
color: #eca026;
}
</style> -->
</div>
</div>
</div>
</div>
</header>
<style type="text/css">
.menu-mobile-effect .navbar-toggle{
padding-left: 1% !important;
}
</style>
<!-- Mobile menu -->
<nav class="visible-xs mobile-menu-container mobile-effect" style="padding-left: 1%" itemscope itemtype="http://schema.org/SiteNavigationElement">
<div class="inner-off-canvas">
<div class="menu-mobile-effect navbar-toggle" style="padding-left: 1%"> <i class="fa fa-times"></i></div>
<ul class="nav main-menu">
<li class="margin-40">
<a href="index.php">Início</a>
</li>
<li class="margin-40">
<a class="linha" href="pequena-capitolio.php" style="padding-bottom: 12%">Sobre</a>
</li>
<li class="margin-40 menu-item has-children">
<a class="linha " href="" style="padding-bottom: 14%">Pequena Capitólio</a>
<ul class="sub-menu">
<li class="margin-40"><a class="linha" href="especialidades.php?id=1">Restaurante</a></li>
<li class="margin-40"><a class="linha" href="especialidades.php?id=2">Entretenimento</a></li>
<li class="margin-40"><a class="linha" href="especialidades.php?id=3">Passeio de Lancha</a></li>
<li class="margin-40"><a class="linha" href="especialidades.php?id=4">Passeio Sustentável</a></li>
</ul>
</li>
<!-- <li class="margin-40">
<a href="guia.php">Guia</a>
</li> -->
<li class="margin-40">
<a href="blog.php">Blog</a>
</li>
<li class="margin-40">
<a href="contato.php">Contato</a>
</li>
</ul>
</div>
</nav><!-- nav.mobile-menu-container -->
Zerion Mini Shell 1.0