| Server IP : 184.154.167.98 / Your IP : 13.58.232.94 Web Server : Apache System : Linux pink.dnsnetservice.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 User : puertode ( 1767) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/puertode/public_html/puerto/ |
Upload File : |
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ejemplo de nueva página para GOB.mx</title>
<!-- CSS -->
<link href="/favicon.ico" rel="shortcut icon">
<link href="https://framework-gb.cdn.gob.mx/assets/styles/main.css" rel="stylesheet">
<!-- Respond.js soporte de media queries para Internet Explorer 8 -->
<!-- ie8.js EventTarget para cada nodo en Internet Explorer 8 -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ie8/0.2.2/ie8.js"></script>
<![endif]-->
</head>
<body>
<!-- Contenido -->
<main class="page">
<div class="container">
Estado del Puerto
<div id="popupMetereologico" class="modal fade" role="dialog">
<div class="modal-dialog modal-sm">
<div class="panel">
<div class="panel-heading">
<button type="button" class="close" data-dismiss="modal">
×</button>
<h3 class="panel-title">
<i class="glyphicon glyphicon-cloud"></i>Metereológico</h3>
</div>
<div class="panel-body">
<div class="list-group" align="center">
<h4 class="list-group-item-heading">
Velocidad del viento</h4>
<span id="velocidad" class="list-group-item-text label label-success" style="font-size: larger;">
</span>
</div>
<div class="list-group" align="center">
<h4 class="list-group-item-heading">
Rachas</h4>
<span id="rachas" class="list-group-item-text label label-success" style="font-size: larger;">
</span>
</div>
<div class="list-group" align="center">
<h4 class="list-group-item-heading">
Dirección</h4>
<span id="direccionM" class="list-group-item-text label label-success" style="font-size: larger;">
</span>
</div>
<div class="list-group" align="center">
<h4 class="list-group-item-heading">
Temperatura</h4>
<span id="temperatura" class="list-group-item-text label label-success" style="font-size: larger;">
</span>
</div>
<div class="list-group" align="center">
<h4 class="list-group-item-heading">
Humedad</h4>
<span id="humedad" class="list-group-item-text label label-success" style="font-size: larger;">
</span>
</div>
<div class="list-group" align="center">
<h4 class="list-group-item-heading">
Presión</h4>
<span id="presion" class="list-group-item-text label label-success" style="font-size: larger;">
</span>
</div>
</div>
<div class="panel-footer" align="right">
<a class="btn btn-info" data-toggle="modal" data-dismiss="modal">Salir</a>
</div>
</div>
</div>
</div>
<div id="popupEstado" class="modal fade" role="dialog">
<div class="modal-dialog modal-sm">
<div class="panel">
<div class="panel-heading">
<button type="button" class="close" data-dismiss="modal">
×</button>
<h3 class="panel-title">
<i class="glyphicon glyphicon-flag"></i>Estado del Puerto</h3>
</div>
<div class="panel-body" id="popEstados">
</div>
<center><strong>Navegación Mayor:</strong></center><br>
<center><button type="button" class="btn btn-primary btn-sm">Small</button></center>
<br><br>
<center><strong>Navegacion Menor:</strong></center><br>
<center><button type="button" class="btn btn-primary btn-sm">Small</button></center><br>
<div class="panel-footer" align="right">
<a class="btn btn-info" data-toggle="modal" data-dismiss="modal">Salir</a>
</div>
</div>
</div>
</div>
<div class=" add-task-row">
</i></span></a>
<!-- -->
<a class="btn btn-info" href="#popupMetereologico" onclick="consultarMetereologico();"
title="Metereológico" data-toggle="modal"><span class="sm-st-icon"><i class="glyphicon glyphicon-cloud">
</i></span></a>
<!-- -->
<a class="btn btn-info" href="#popupEstado" onclick="consultarEstadoPuerto();" title="Estado del Puerto"
data-toggle="modal"><span class="sm-st-icon"><i class="glyphicon glyphicon-flag"></i>
</span></a>
<!-- -->
</div>
</div>
</main>
<!-- JS -->
<script src="https://framework-gb.cdn.gob.mx/gobmx.js"></script>
</body>
</html>