Current File : C:/Inetpub/vhosts/subidalosloros.com/httpdocs/2021/mapainicio.asp

<html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<html lang="es" class="no-js">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Pragma" content="no-cache">
<head>


<title>XVI SUBIDA LOS LOROS 2021</title>

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" > 
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="stylesheet" href="css/principal.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/sliderpublicidad.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

<script src="js/masonry.pkgd.js"></script>

<script src="https://kit.fontawesome.com/542ff836e8.js" crossorigin="anonymous"></script>

</head>
<!--WEBBOT BOT="HTMLMarkup" STARTSPAN -->
<body>

<!--#include file="menu.asp"-->

<div class="container">
    <div class="bloquenaming" style="background-image: url('landingportada.jpg');">
    <div class="divnaming"><img class="divnaming" src="logo_25_aniversario_web.png"></div>
    <div class="divpastilla"><img class="divpastilla" src="logos/pastilla_superior.png"></div>
    </div>
</div>



<%


dim id(1000), titular(1000), fotoppal(1000), cabecera(1000), cuerpo(1000), fecha(1000)

%>

<div class="paranoticias">

<div class="container-noticias">

<div class="main-noticias">
<div class="textotitular">Puntos de interés, para que no pierdas detalle de la competición.</div>

</div>

</div>

</div>

<div class="container">
<div class="main-contenido">
    <div class="contenido">
    <div class="bloquecontenidoa">TRAMO: Punto de salida. 
   </div>
    <div class="bloquecontenidob"><a onclick="navigate(28.3512803, -16.4154955)" href="#"><button class="button button1">SALIDA</button></a>
   </div>
   </div>
</div>
</div>

<div class="container">
<div class="main-contenido">
    <div class="contenido">
    <div class="bloquecontenidoa">TRAMO: Punto de meta. 
   </div>
    <div class="bloquecontenidob"><a onclick="navigate(28.3725824, -16.427301)" href="#"><button class="button button1">META</button></a>
   </div>
   </div>
</div>
</div>

<div class="container">
<div class="main-contenido">
    <div class="contenido">
    <div class="bloquecontenidoa">TRAMO: Punto intermedio. 
   </div>
    <div class="bloquecontenidob"><a onclick="navigate(28.3597569, -16.4259994)" href="#"><button class="button button1">INTERMEDIO</button></a>
   </div>
   </div>
</div>
</div>

<div class="container">
<div class="main-contenido">
    <div class="contenido">
    <div class="bloquecontenidoa">TRAMO: Corte de Carretera por Arafo. 
   </div>
    <div class="bloquecontenidob"><a onclick="navigate(28.3430472, -16.418591)" href="#"><button class="button button1">CORTE</button></a>
   </div>
   </div>
</div>
</div>

<div class="container">
<div class="main-contenido">
    <div class="contenido">
    <div class="bloquecontenidoa">TRAMO: Corte de Carretera por Cuevecitas. 
   </div>
    <div class="bloquecontenidob"><a onclick="navigate(28.3589895, -16.4124292)" href="#"><button class="button button1">CORTE</button></a>
   </div>
   </div>
</div>
</div>

<div class="container">
<div class="main-contenido">
    <div class="contenido">
    <div class="bloquecontenidoa">TRAMO: Corte de Carretera TF523 desde la dorsal. 
   </div>
    <div class="bloquecontenidob"><a onclick="navigate(28.3772606, -16.4282401)" href="#"><button class="button button1">CORTE</button></a>
   </div>
   </div>
</div>
</div>

<div class="container">
<div class="main-contenido">
    <div class="contenido">
    <div class="bloquecontenidoa">TRAMO: Verificaciones. 
   </div>
    <div class="bloquecontenidob"><a onclick="navigate(28.3384266, -16.4196003)" href="#"><button class="button button1">VERIFICACIONES</button></a>
   </div>
   </div>
</div>
</div>


<!--#include file="pie.asp"-->


<script>
var grid = document.querySelector('.grid');

var msnry = new Masonry( grid, {
  itemSelector: '.grid-item',
  columnWidth: '.grid-sizer',
  percentPosition: true
});

imagesLoaded( grid ).on( 'progress', function() {
  // layout Masonry after each image loads
  msnry.layout();
});

</script>

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script>

$("nav div").click(function() {
  $("ul").slideToggle();
  $("ul ul").css("display", "none");
});

$("ul li").click(function() {
  $("ul ul").slideUp();
  $(this).find('ul').slideToggle();
});

$(window).resize(function() {
  if($(window).width() > 768) {
    $("ul").removeAttr('style');
  }
});
</script>
<script>
function navigate(lat, lng) {
    // If it's an iPhone..
    if ((navigator.platform.indexOf("iPhone") !== -1) || (navigator.platform.indexOf("iPod") !== -1)) {
      function iOSversion() {
        if (/iP(hone|od|ad)/.test(navigator.platform)) {
          // supports iOS 2.0 and later: <http://bit.ly/TJjs1V>
          var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
          return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)];
        }
      }
      var ver = iOSversion() || [0];

      if (ver[0] >= 6) {
        protocol = 'maps://';
      } else {
        protocol = 'https://';

      }
      window.location = protocol + 'maps.apple.com/maps?daddr=' + lat + ',' + lng + '&amp;ll=';
    }
    else {
      window.open('https://maps.google.com?daddr=' + lat + ',' + lng + '&amp;ll=');
    }
  }
</script>

 
</body>
<!--WEBBOT BOT="HTMLMarkup" ENDSPAN i-checksum="59358" -->
</html>