mirror of
https://github.com/PucelaBits/websegura.git
synced 2024-07-13 16:14:10 +02:00
184 lines
5.7 KiB
Plaintext
184 lines
5.7 KiB
Plaintext
<!DOCTYPE html>
|
|
<!--
|
|
Phantom by HTML5 UP
|
|
html5up.net | @ajlkn
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html>
|
|
<head>
|
|
<title>Web segura</title>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, user-scalable=no"
|
|
/>
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
<noscript
|
|
><link rel="stylesheet" href="assets/css/noscript.css"
|
|
/></noscript>
|
|
</head>
|
|
<body class="is-preload">
|
|
<!-- Wrapper -->
|
|
<div id="wrapper">
|
|
<!-- Header -->
|
|
<header id="header">
|
|
<div class="inner">
|
|
<!-- Logo -->
|
|
<a href="index.html" class="logo">
|
|
<span class="symbol"><img src="images/logo.svg" alt="" /></span
|
|
><span class="title">Web segura</span>
|
|
</a>
|
|
|
|
<!-- Nav
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#menu">Menu</a></li>
|
|
</ul>
|
|
</nav>
|
|
--></div>
|
|
</header>
|
|
|
|
<!-- Menu
|
|
<nav id="menu">
|
|
<h2>Menu</h2>
|
|
<ul>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="generic.html">Ipsum veroeros</a></li>
|
|
<li><a href="generic.html">Tempus etiam</a></li>
|
|
<li><a href="generic.html">Consequat dolor</a></li>
|
|
<li><a href="elements.html">Elements</a></li>
|
|
</ul>
|
|
</nav>
|
|
-->
|
|
|
|
<!-- Main -->
|
|
<div id="main">
|
|
<div class="inner">
|
|
<header>
|
|
<h1>
|
|
Los sitios web de estas instituciones ponen en peligro tu
|
|
seguridad y la de sus empleados.
|
|
</h1>
|
|
<p>[[Por qué HTTPS/TLS es necesario...]]</p>
|
|
</header>
|
|
|
|
<section>
|
|
<div class="table-wrapper">
|
|
<table>
|
|
<!-- class="alt"-->
|
|
<thead>
|
|
<tr>
|
|
<th>Puntuación</th>
|
|
<th>Sitio web</th>
|
|
<th>Perfiles</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for web, json in results %}
|
|
<tr {% if json.score <= 50 %} style="background-color: #c60c0c45;" {% endif %}>
|
|
<td>{{json.grade}}</td>
|
|
<td>{{web | replace("!", ".")}}</td>
|
|
<td></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer
|
|
<footer id="footer">
|
|
<div class="inner">
|
|
<section>
|
|
<h2>Get in touch</h2>
|
|
<form method="post" action="#">
|
|
<div class="fields">
|
|
<div class="field half">
|
|
<input type="text" name="name" id="name" placeholder="Name" />
|
|
</div>
|
|
<div class="field half">
|
|
<input
|
|
type="email"
|
|
name="email"
|
|
id="email"
|
|
placeholder="Email"
|
|
/>
|
|
</div>
|
|
<div class="field">
|
|
<textarea
|
|
name="message"
|
|
id="message"
|
|
placeholder="Message"
|
|
></textarea>
|
|
</div>
|
|
</div>
|
|
<ul class="actions">
|
|
<li><input type="submit" value="Send" class="primary" /></li>
|
|
</ul>
|
|
</form>
|
|
</section>
|
|
<section>
|
|
<h2>Follow</h2>
|
|
<ul class="icons">
|
|
<li>
|
|
<a href="#" class="icon brands style2 fa-twitter"
|
|
><span class="label">Twitter</span></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="icon brands style2 fa-facebook-f"
|
|
><span class="label">Facebook</span></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="icon brands style2 fa-instagram"
|
|
><span class="label">Instagram</span></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="icon brands style2 fa-dribbble"
|
|
><span class="label">Dribbble</span></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="icon brands style2 fa-github"
|
|
><span class="label">GitHub</span></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="icon brands style2 fa-500px"
|
|
><span class="label">500px</span></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="icon solid style2 fa-phone"
|
|
><span class="label">Phone</span></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="icon solid style2 fa-envelope"
|
|
><span class="label">Email</span></a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<ul class="copyright">
|
|
<li>© Untitled. All rights reserved</li>
|
|
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
-->
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/browser.min.js"></script>
|
|
<script src="assets/js/breakpoints.min.js"></script>
|
|
<script src="assets/js/util.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
</body>
|
|
</html>
|