Azeri
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
www
/
vhosts
/
chipionatv.com
/
httpdocs
/
verano2021
/
Filename :
index.html
back
Copy
<!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Actividades Verano 2021</title> <meta name="description" content="Programa de Actividades Chipiona Verano 2021" /> <meta name="keywords" content="verano, actividades, fiestas, cultura, 2021" /> <meta name="author" content="Delegación de Comunicación" /> <link rel="shortcut icon" href="images/favicon.ico"> <link rel="stylesheet" type="text/css" href="css/jquery.jscrollpane.custom.css" /> <link rel="stylesheet" type="text/css" href="css/bookblock.css" /> <link rel="stylesheet" type="text/css" href="css/custom.css" /> <script src="js/modernizr.custom.79639.js"></script> <link rel="stylesheet" type="text/css" href="css/pointee.css"> </head> <body> <div class="logo"> <img src="images/logo.png" alt=""> </div> <div id="container" class="container"> <div class="menu-panel"> <div> <img src="images/logowhite.png" alt=""> </div> <ul id="menu-toc" class="menu-toc"> <li class="menu-toc-current"><a href="#item1">Portada</a></li> <li><a href="#item2">Eventos del mes de julio</span></a></li> <li><a href="#item7">51 Exaltación al Moscatel de Chipiona<br><span>Colegio M. Manuel Aparcero<br>13 de agosto 22:00h</span></a></li> <li><a href="#item8">Recital Flamenco<br><span>Colegio M. Manuel Aparcero<br>21 de agosto 22:00h</span></a></li> <li><a href="#item9">Joana Jiménez<br><span>Colegio M. Manuel Aparcero<br>28 de agosto 22:00h</span></a></li> </ul> </div> <div class="bb-custom-wrapper"> <div id="bb-bookblock" class="bb-bookblock"> <div class="bb-item" id="item1"> <div class="content"> <div class="scroller"> <div class="icon-holder"> <!-- Flick Left --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -25 105.58 120.49"> <title>Flick Left</title> <g id="flick_left" data-name="Flick Left"> <g id="flick_left_inner" data-name="Flick Left Pointer"> <g> <g class="anim-group"> <path class="flick_left_cls-1" d="M26.1,38.24,9.19,21.32c-1.87-1.87-4-2.18-6.46.24S.62,26.16,2.49,28L27.54,53.08"/> <path class="flick_left_cls-1" d="M41,28.77l-6.08-6.08c-2.57-2.57-4.82-3.62-7.32-1.56a5.85,5.85,0,0,0-2.3,3.47"/> <path class="flick_left_cls-1" d="M33.91,21.68c2.8-3.93,5.71-3.15,8.85-.38s4.81,4.3,8.54,8c9,9,9.21,19.08,9.21,19.08"/> <path class="flick_left_cls-1" d="M16.78,42.89a14.56,14.56,0,0,0-2.33,1.92c-1.68,1.68-1.61,4.27.51,6.9a76,76,0,0,0,5.31,6.08C24.39,62,27,63.17,31.08,63.91c5.6,1,14.12,0,14.12,0"/> <path class="flick_left_cls-1" d="M33.43,32.17l-5.64-5.64C25.22,24,22.21,22.34,19.56,25a10.83,10.83,0,0,0-2.76,3.93"/> </g> <g> <path class="flick_left_cls-2" d="M56.14,10a33.47,33.47,0,0,0-45.67,0"/> <polyline class="flick_left_cls-2" points="15.74 10.39 10.15 10.39 10.15 4.8"/> </g> </g> </g> </g> </svg> <!-- End Flick Left --> </div> <div class="portada"><img src="images/portada.jpg" alt="portada"></div> </div> </div> </div> <div class="bb-item" id="item2"> <div class="content"> <div class="scroller"> <h2>Actuación Banda de Música Maestra Doña Lola</h2> <div class="evento1"> </div> <div class="evento2"> <img src="images/velada.jpg" alt=""> <img src="images/selu.jpg"> <img src="images/yolanda.jpg"> <img src="images/nadapersonal.jpg"> <img src="images/baul.jpg" alt=""> <img src="images/recital1.jpg" alt=""> <img src="images/banda.jpg" alt=""> <img src="images/xacobeo.jpg" alt=""> </div> </div> </div> </div> <div class="bb-item" id="item7"> <div class="content"> <div class="scroller"> <h2>51 Exaltación al Moscatel de Chipiona</h2> <div class="evento1"> <img src="images/moscatel.jpg" alt=""> </div> <div class="evento2"> <h3>Viernes 13 de agosto 22:00h en el Colegio Maestro Manuel Aparcero</h3> <p>Pregón a cargo de Juan Luis Naval Molero (Cronista oficial de la Villa)</p> <p>La Comparsa de David Carapapa "Carretera y Manta" y Antología de "Los Carapapas"</p> <img src="images/carapapas.jpg" alt=""> </div> </div> </div> </div> <div class="bb-item" id="item8"> <div class="content"> <div class="scroller"> <h2>Recital Flamenco organizado por la Peña Flamenca "José Mercé"</h2> <div class="evento1"> <img src="images/recital2.jpg" alt=""> </div> <div class="evento2"> <h3>Sábado 21 de agosto 22:00h en el Colegio M. Manuel Aparcero</h3> <p>Al cante Juanito Berrocal - El Ecijano y Moisés Vargas</p> <p>Al toque Juan Gómez</p> <p>Al baile Vanesa Reyes</p> </div> </div> </div> </div> <div class="bb-item" id="item9"> <div class="content"> <div class="scroller"> <h2>Joana Jiménez</h2> <div class="evento1"> <img src="images/joana.jpg" alt=""> </div> <div class="evento2"> <h3>Sábado 28 de agosto 22:00h en el Colegio M. Manuel Aparcero</h3> <p>Con el espectáculo "VA POR TI ROCÍO".</p> </div> </div> </div> </div> <nav> <span id="bb-nav-prev">←</span> <span id="bb-nav-next">→</span> </nav> <span id="tblcontents" class="menu-button">Table of Contents</span> </div> </div><!-- /container --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/jquery.mousewheel.js"></script> <script src="js/jquery.jscrollpane.min.js"></script> <script src="js/jquerypp.custom.js"></script> <script src="js/jquery.bookblock.js"></script> <script src="js/page.js"></script> <script src="dist/image-zoom.js"></script> <script> const destroy = imageZoom() </script> <script> $(function() { Page.init(); }); </script> <script type="text/javascript"> $(document).ready( function() { $('.icon-holder').delay(3000).fadeIn(); $('.icon-holder').delay(300).fadeOut(); $('.icon-holder').delay(800).fadeIn(); $('.icon-holder').delay(300).fadeOut(); $('.icon-holder').delay(800).fadeIn(); $('.icon-holder').delay(300).fadeOut(); $('.icon-holder').delay(800).fadeIn(); $('.icon-holder').delay(300).fadeOut(); $('.icon-holder').delay(800).fadeIn(); $('.icon-holder').delay(300).fadeOut(); $('.icon-holder').delay(800).fadeIn(); $('.icon-holder').delay(300).fadeOut(); $('.icon-holder').delay(800).fadeIn(); $('.icon-holder').delay(300).fadeOut(); $('.icon-holder').delay(800).fadeIn(); $('.icon-holder').delay(300).fadeOut(); $('.icon-holder').delay(800).fadeIn(); $('.icon-holder').delay(300).fadeOut(); $('.icon-holder').delay(800).fadeIn(); $('.icon-holder').delay(300).fadeOut(); $('.icon-holder').delay(800).fadeIn(); $('.icon-holder').delay(300).fadeOut(); $('.icon-holder').delay(800).fadeIn(); $('.icon-holder').delay(300).fadeOut(); $('.icon-holder').delay(800).fadeIn(); }); </script> </body> </html>