ok
Mini Shell
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" id="viewport" content="width=device-width, height=device-height,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>AGROVIERO - Nutrição Animal</title>
<meta property="og:title" content="AGROVIERO - Nutrição Animal" />
<meta property="og:description" content="Suplementação animal para toda a cadeia produtiva, linhas especiais e PecBloco: A evolução da suplementação animal" />
<meta property="og:type" content="page" />
<meta property="og:url" content="http://www.agroviero.com.br" />
<meta property="og:image" content="images/bg_visor.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="430" />
<meta property="og:image:height" content="430" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="AGROVIERO - Nutrição Animal" />
<meta name="twitter:description" content="Suplementação animal para toda a cadeia produtiva, linhas especiais e PecBloco: A evolução da suplementação animal" />
<meta name="twitter:creator" content="@agroviero" />
<meta name="twitter:image:src" content="images/bg_visor.jpg" />
<meta name="twitter:domain" content="http://www.agroviero.com.br" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jqueryui.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/slick.css"/>
<link rel="stylesheet" type="text/css" href="css/slick-theme.css"/>
<link rel="stylesheet" href="css/global.css">
<script type="text/javascript">
$(function(){
$(".menu_botao_azul").click(function(){
window.location = $(this).attr("id") + '.html';
});
$(".item_prod").click(function(){
window.location = $(this).find("a").attr("href");
});
$(".menu_botao_verde").click(function(){
if($(this).attr("id") != 'produtos') {
window.location = $(this).find("a").attr("href");
}
});
$(".menu_botao_azul").hover(function(e){
var imagemvisor = "url('images/" + $(this).attr("id").toString() + ".jpg')";
$("#content_esfera").css("background-image",imagemvisor);
},function(e){
var imagemvisor = "url('images/bg_visor.jpg')";
$("#content_esfera").css("background-image",imagemvisor);
});
$(".menu_botao_verde").hover(function(e){
var imagemvisor = "url('images/" + $(this).attr("id").toString() + ".jpg')";
$("#content_esfera").css("background-image",imagemvisor);
},function(e){
var imagemvisor = "url('images/bg_visor.jpg')";
$("#content_esfera").css("background-image",imagemvisor);
});
function carregamesas(){
$('#listagem').empty();
var homepath = "http://www.canalrural.com.br/pt/rss/news/AGILE0029/"
$('#listagem').html('Carregando...');;
$.ajax({
type: "GET",
url: homepath+"rss.xml",
dataType: "xml",
cache: false,
success: function(xml) {
$('#listagem').empty();
$(xml).find('item').each(function(){
var titulo = $(this).find('title').text();
var link = $(this).find('link').text();
var referencia = $(this).find('referencia').text();
var foto = $(this).find('enclosure').attr('url');
//var descricao = $(this).find('descricao').text();
$('<div class="noticias" data-url="'+link+'" id="noticia_'+referencia+'"></div>').html('<img class="minifoto" src="'+foto+'">'+titulo+'').appendTo('#listagem');
});
$('.noticias').bind('click', function() {
window.location.href=$(this).attr('data-url');
});
}
});
}
$('.sliderprodutos').slick({
infinite: true,
slidesToShow: 5,
arrows: true,
dots:true,
slidesToScroll: 3
});
function preload(arrayOfImages) {
$(arrayOfImages).each(function(){
$('<img/>')[0].src = this;
});
}
preload([
'images/representantes.jpg',
'images/localizacao.jpg',
'images/visaomissao.jpg',
'images/informacoes.jpg',
'images/aempresa.jpg',
'images/contato.jpg'
]);
carregamesas();
}); //fim do ready do jquery
</script>
<style>
.slick-prev:before, .slick-next:before {
color:#037a42 !important;
}
</style>
</head>
<body>
<div id="content-menu">
<div id="content_esfera" class="esferacentral">
<div id="aempresa" class="menu_botao_azul" style="top:30px;left:-205px;">A EMPRESA</div>
<div id="visaomissao" class="menu_botao_azul" style="top:113px;left:-255px;">VISÃO & MISSÃO</div>
<div id="representantes" class="menu_botao_azul" style="top:196px;left:-275px;">REPRESENTANTES</div>
<div id="localizacao" class="menu_botao_azul" style="top:287px;left:-255px;">LOCALIZAÇÃO</div>
<div id="contato" class="menu_botao_azul" style="top:370px;left:-205px;">CONTATO</div>
<div id="produtos" class="menu_botao_verde" style="top:30px;right:-205px;">PRODUTOS
<div id="pecbloco" class="item_prod">• <a href="pecbloco.html"></a>PecBlobo</div>
<div id="branca" class="item_prod">• <a href="branca.html"></a>Linha Branca</div>
<div id="campo" class="item_prod">• <a href="campo.html"></a>Linha Campo</div>
<div id="leite" class="item_prod">• <a href="leite.html"></a>Linha Leite</div>
</div>
<div class="menu_botao_verde" style="top:113px;right:-255px;"><a href="noticias.html"></a>NOTÍCIAS</div>
<div class="menu_botao_verde" style="top:196px;right:-275px;"><a href="cotacoes.html"></a>COTAÇÕES</div>
</div>
<img src="images/logotipo_superor_home.png" alt="AGROVIERO" title="AGROVIERO" id="logo_menu_home">
</div>
<div class="content-main" style="width:1004px">
</div>
<div class="content-main" style="">
<div id="infos" style="width:1004px;display:table;margin:0 auto">
<div id="dolar" style="width:310px;float:left"><iframe id="frmPreview" frameborder="0" scrolling="no" src="http://www.agrolink.com.br/clientes/selos/selo.aspx?servico=cotacoes&uf=9833&p=11,9,2182,1772&l=-1&esp=-1&cor=verde&w=300&h=200" width="300" height="200" style="border:none;"></iframe></div>
<div id="agro" style="width:260px;float:left"><script type="text/javascript" src="http://www.noticiasagricolas.com.br/widget/cotacoes.js.php?id=17&fonte=Ubuntu&tamanho=10pt&largura=250px&cortexto=037a42&corcabecalho=FFF&corlinha=eee&imagem=true&output=js"></script></div>
<script type="text/javascript" src="http://www.noticiasagricolas.com.br/widget/noticias.js.php?subsecao=84,10,64,80,85,5,4,11,12,40,60,13,97,2,14,3,95,6,15,7,1,8,28,99,26,70,69,90,71,62,27,92,74,79,73,76,67,61,87,94,66,100,81,82,77,68,83,65&largura=400px&altura=220px&fonte=Ubuntu%2C%20Ubuntu%2C%20sans-serif&tamanho=10pt&cortexto=333333&corlink=006666&qtd=15&output=js"></script>
</div>
</div>
<div id="rodape" class="">
<div class="content-main">
<div style="float:left;color:#fff;font-size:11px;width:400px;height:60px">
<img src="images/logo_small_branco.png" alt="AGROVIERO" title="AGROVIERO" style="width:160px;float:left;margin-right:10px">
Rua das Margaridas, 09<br>
Naviraí, Mato Grosso do Sul, Brasil<br>
CEP 79950-000 +55 67 3461-0005
</div>
<div style="float:left;color:#fff;font-size:11px;width:400px;height:60px">
<br>
<div class="socialbar" style="width:140px">
<a href="http://www.facebook.com/agroviero" target="_blank"><img src="images/social/facebook.png" alt="" title="Facebook" style="width:24px"></a>
<a href="http://www.twitter.com/agroviero" target="_blank"><img src="images/social/twitter.png" alt="" title="Twitter" style="width:24px"></a>
<a href="http://www.instagram.com/agroviero" target="_blank"><img src="images/social/instagram.png" alt="" title="Instagram" style="width:24px"></a>
</div>
</div>
<div style="float:right;color:#fff;font-size:11px;width:400px;height:60px;text-align:right;line-height:60px">
<a href="http://www.ansim.com.br"><img src="images/logo_ansim.png" alt="ANSIM" title="Desenvolvido por" style="width:120px;margin:5px 0px"></a>
</div>
</div>
</div>
</body>
</html>
Zerion Mini Shell 1.0