Codigo Web

<!
DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>:: AticoRadio ::</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script type="text/javascript" src="js/Josefin_Sans_600.font.js"></script>
<script type="text/javascript" src="js/Lobster_400.font.js"></script>
<script type="text/javascript" src="js/sprites.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.settings.js"></script>
<script type="text/javascript" src="js/gSlider.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>



</head>
<body id="page1">
<div id="main">
<header>
<nav>
<ul>
<li class="active"><a href="index.html">Inicio</a></li>
<li><a href="audios.html">Ranking</a></li>
<li><a href="videos.html">Video</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="datos.html">Datos</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</nav>
<h1><a href="index.html">AticoRadio</a></h1>
<div class="header-slider">
<ul>
<li>Bienvenidos a <a href="http://aticoradio.com/">Atico
Radio</a> Tu Espacio Musical. Aqui encontraras la mejor música de ayer, h
oy y siempre. Puedes enviar tus saludos y pedir tus canciones favoritas en vivo.
</li>
</ul>
</div>
<a href="#" class="header-more">Tu Espacio Musical</a>
</header>
<div class="innercopy"></div>
<div class="tumbvr">
<div class="tumbvr-mask"></div>
<ul>
<li><img src="images/01.jpg" alt="Agua Marina"></li>
<li><img src="images/02.jpg" alt="Don Omar"></li>
<li><img src="images/03.jpg" alt="Nicole Pillman"></li>
<li><img src="images/04.jpg" alt="Daddy Yankee"></li>
<li><img src="images/05.jpg" alt="Olga T."></li>
<li><img src="images/06.jpg" alt="Aventura"></li>
<li><img src="images/07.jpg" alt="Miriam Hernandez"></li>
<li><img src="images/08.jpg" alt="Gian Marco"></li>
</ul>
</div>
<article id="content">
<div class="col-1">
<div class="p2">
<h2>Lo Nuevo...</h2>
<img src="images/col-1-img1.png" class="p1" alt=""> <a href="aud
ios.html" class="more">Leer Más</a></div>
<div class="p2">
<h2>Video Nuevo</h2>
<img class="p1" src="images/col1-video-thumb1.jpg" alt="">
<div class="alc"><a href="videos.html">Más Videos</a></di
v>
</div>
</div>
<div class="col-2">

<div id="jplayer"></div>
<div class="jp-audio">
<h2>Radio En Vivo</h2>
<div class="jp-type-single">
<div id="jp_interface_1" class="jp-interface">
<ul class="jp-controls">
<li><a href="#" class="jp-play"></a></li>
<li><a href="#" class="jp-pause"></a></li>
<li><a href="#" class="jp-prev">Previous Track</
a></li>
<li><a href="#" class="jp-next">Next Track</a></
li>
<li><a href="#" class="jp-more-songs">Listen to
More Songs</a></li>
</ul>
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-title"></div>
</div>
</div>
</div>

<h2 class="pl">.::Chat AticoRadio::.</h2>
<div class="table-border">
<table class="dates" cellpadding="0" cellspacing="0" border="0">
<tr class="even">
<td><embed src="http://www.xatech.com/web_gear/chat/chat
.swf" quality="high" name="chat" flashvars="id=92364352&rl=Spanish" allowscripta
ccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.
com/update_flash.shtml" width="540" height="480"> </embed>
</td>
</tr>
</table>
</div>
</div>
<div class="col-3">
<h2>Tweets Aticoradio</h2>
<div class="und">
<a class="twitter-timeline" href="https://twitter.com/AticoRadio" data-widget-id
="473972887062208513">Tweets por @AticoRadio</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.tes
t(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.
id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(
js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<h2>Encuentranos</h2>
<ul class="soc-ico">
<li><a href="https://www.facebook.com/pages/AticoRadio/662265523
857587"><img src="images/facebook.png" alt=""></a></li>
<li><a href="https://twitter.com/AticoRadio"><img src="images/tw
itter.png" alt=""></a></li>
<li><a href="#"><img src="images/myspace.png" alt=""></a></li>
<li><a href="#"><img src="images/linkedin.png" alt=""></a></li>
</ul>
</div>
</article>
<div class="af clear"></div>
</div>
<footer>
<span>
<a rel="nofollow" href="http://www.aticoradio.com/" target="_blank">::.A
ticoRadio.::</a> Tu Espacio Musical.<br>
<a href="http://www.aticoradio.com/" target="_blank">.::AticoRad
io::.</a> Todos Los Derechos Reservados 2014.
</span>
</footer>
<script type="text/javascript">Cufon.now()
$(function(){
$('nav,.more,.header-more').sprites()
$('.header-slider').gSlider({
prevBu:'.hs-prev',
nextBu:'.hs-next'
})
})
$(window).load(function(){
$('.tumbvr')._fw({tumbvr:{
duration:2000,
easing:'easeOutQuart'
}})
.bind('click',function(){
location="index-3.html"
})
$('a[rel=prettyPhoto]').each(function(){
var th=$(this),
pb
th
.append(pb=$('<span class="playbutt"></span>').css({opac
ity:.7}))
pb
.bind('mouseenter',function(){
$(this)
.stop()
.animate({opacity:.9})
})
.bind('mouseleave',function(){
$(this)
.stop()
.animate({opacity:.7})
})
})
.prettyPhoto({theme:'dark_square'})
})
</script>
</body>
</html>

Codigo Web

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Codigo Web

Uploaded by

Copyright:

Available Formats

<!

You might also like