<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8">
<title>RadioOn</title>
<link href="estilo.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="responsive.css" type="text/css" media="screen" />
<link href="bootstrap.min.css" rel="stylesheet" media="screen">
<link href="jquery.bxslider.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="jquery.bxslider.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider1').bxSlider({
mode: 'fade',
auto: true,
autoControls: true,
pause: 2000
});
$('#slider2').bxSlider({
mode: 'fade',
auto: true,
autoControls: true,
pause: 2000
});
});
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
$(function() {
// grab the initial top offset of the navigation
var sticky_navigation_offset_top = $('#sticky_navigation').offset().top;
// our function that decides weather the navigation bar should have "fixed" css position or not.
var sticky_navigation = function(){
var scroll_top = $(window).scrollTop(); // our current vertical position from the top
// if we've scrolled more than the navigation, change its position to fixed to stick to top, otherwise change it back to relative
if (scroll_top > sticky_navigation_offset_top) {
$('#sticky_navigation').css({ 'position': 'fixed', 'top':0, 'left':0 });
} else {
$('#sticky_navigation').css({ 'position': 'relative' });
}
};
// run our function on load
sticky_navigation();
// and run it again every time you scroll
$(window).scroll(function() {
sticky_navigation();
});
// NOT required:
// for this demo disable all links that point to "#"
$('a[href="#"]').click(function(event){
event.preventDefault();
});
});
</script>
</head>
<body>
<div id="cabecera"><img src="images/cabecera.png">
</div>
<div id="sticky_navigation_wrapper"><!--menu sticky comienza-->
<div id="sticky_navigation">
<!--insertar menu aqui-->
</div>
</div><!--menu sticky termina-->
<div id="copetes">Aqui va texto con animación / Aqui va texto con animación / Aqui va texto con animación / Aqui va texto con animación /
</div>
<div id="secondary">
<div class="bx-wrapper">
<div class="bx-viewport">
<ul id="slider1">
<li><img src="images/noticia1.png" /></li>
<li><img src="images/noticia2.png" /></li>
<li><img src="images/noticia3.png" /></li>
</ul>
</div>
</div>
<div class="bx-wrapper">
<div class="bx-viewport">
<ul id="slider2">
<li><img src="images/noticia1.png" /></li>
<li><img src="images/noticia2.png" /></li>
<li><img src="images/noticia3.png" /></li>
</ul>
</div>
</div>
<div class="item" style="margin-right:0px;">
</div>
<div class="item slidershow">
</div>
<div class="item widget">
<div class="widget">
<div class="cabecera_widget">
</div>
<div class="cuerpo_widget">
</div>
</div>
<div class="widget">
<div class="cabecera_widget">
</div>
<div class="cuerpo_widget">
</div>
</div>
<div class="widget">
<div class="cabecera_widget">
</div>
<div class="cuerpo_widget">
</div>
</div>
<div class="widget">
<div class="cabecera_widget">
</div>
<div class="cuerpo_widget">
</div>
</div>
</div>
<div id="columna_izquierda">
<div class="item dos">
<div id="contenedor_seccion">
<div id="seccion1">Internacionales
</div>
</div>
<div class="titulo"><h2>El ministro de economía español visitará este miércoles el pais</h2>
</div>
<div class="image_noticia"><img src="images/noticia4.png">
</div>
<div class="separador">
</div>
<div class="video">
<iframe src="https://www.youtube.com/embed/qGsTlYLbwy4" frameborder="0" allowfullscreen></iframe>
</div>
<div class="separador">
</div>
<div class="texto">Será luego de 5 años de ausencia, se reunirá con otros ministros en la casa Rosada
</div>
<div class="comentarios">Dejar un comentario - Leer más...<a href="http://www.facebook.com"><img src="images/face.png"></a> <a href="http://www.twitter.com"><img src="images/twitter.png"></a></div>
<div class="linea_separadora"><img src="images/separador.png">
</div>
</div><!--fin de item -->
<div class="banner">
<img src="images/banner1.png">
</div>
<div class="item dos">
<div id="contenedor_seccion">
<div id="seccion1">Internacionales
</div>
</div>
<div class="titulo"><h2>El ministro de economía español visitará este miércoles el pais</h2>
</div>
<div class="separador">
</div>
<div class="video"><iframe src="https://www.youtube.com/embed/qGsTlYLbwy4" frameborder="0" allowfullscreen></iframe>
</div>
<div class="separador">
</div>
<div class="texto">Será luego de 5 años de ausencia, se reunirá con otros ministros en la casa Rosada
</div>
<div class="comentarios">Dejar un comentario - Leer más...<a href="http://www.facebook.com"><img src="images/face.png"></a> <a href="http://www.twitter.com"><img src="images/twitter.png"></a></div>
<div class="linea_separadora"><img src="images/separador.png">
</div>
</div><!--fin de item -->
<div class="item dos">
<div id="contenedor_seccion">
<div id="seccion1">Internacionales
</div>
</div>
<div class="titulo"><h2>El ministro de economía español visitará este miércoles el pais</h2>
</div>
<div class="separador">
</div>
<div class="separador">
</div>
<div class="texto">Será luego de 5 años de ausencia, se reunirá con otros ministros en la casa Rosada
</div>
<div class="comentarios">Dejar un comentario - Leer más...<a href="http://www.facebook.com"><img src="images/face.png"></a> <a href="http://www.twitter.com"><img src="images/twitter.png"></a></div>
<div class="linea_separadora"><img src="images/separador.png">
</div>
</div>
</div><!--fin de columna izquiera -->