| Server IP : 165.22.154.248 / Your IP : 216.73.217.0 [ Web Server : Apache/2.4.29 (Ubuntu) System : Linux droplet-integra 4.15.0-197-generic #208-Ubuntu SMP Tue Nov 1 17:23:37 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 7.2.24-0ubuntu0.18.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, Domains : 1 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/data-avanza.bak.old1584234/filedir/7e/ff/ |
Upload File : |
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vua</title>
<link rel="stylesheet" href="css/vua.css">
</head>
<body>
<div class="vua js-vua">
<header class="header">
<div class="header__containter js-header__containter">
<div class="logo__container">
<img class="logo" src="img/logo.png" alt="Frisby">
</div>
<div class="title__container">
<h2 class="title">Seguridad</h2>
</div>
<button class="close js-close">
<img class="close__icon" src="img/icono-close.svg" alt="Salir" Title="Salir">
</button>
</div>
</header>
<div class="wrapper">
<section class="nav js-nav">
<!-- Botón de la barra de navegación -->
<button class="tongueButton js-tongueButton">
<img class="tongueButton__tongue" src="img/tongue.svg" alt="">
<img class="tongueButton__arrow" src="img/arrow-left.svg" alt="">
</button>
<nav class="navbar">
<button class="navbar__button navbar__button--active" data-menu="1">
Tema 1
</button>
<button class="navbar__button" data-menu="2">
Tema 2
</button>
<button class="navbar__button" data-menu="3">
Tema 3
</button>
</nav>
</section>
<section class="content">
<!-- TEMAS -->
<article class="topic topic--active js-topic" id="topic1" data-topic="1">
<section class="topic__content">
<h1>Tema 1</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, vero assumenda. Beatae eos
aliquam
officiis delectus reprehenderit aspernatur ad consequuntur, itaque tempore accusamus fugiat
pariatur
dolores adipisci, maxime neque sed.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, vero assumenda. Beatae eos
aliquam
officiis delectus reprehenderit aspernatur ad consequuntur, itaque tempore accusamus fugiat
pariatur
dolores adipisci, maxime neque sed.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, vero assumenda. Beatae eos
aliquam
officiis delectus reprehenderit aspernatur ad consequuntur, itaque tempore accusamus fugiat
pariatur
dolores adipisci, maxime neque sed.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, vero assumenda. Beatae eos
aliquam
officiis delectus reprehenderit aspernatur ad consequuntur, itaque tempore accusamus fugiat
pariatur
dolores adipisci, maxime neque sed.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, vero assumenda. Beatae eos
aliquam
officiis delectus reprehenderit aspernatur ad consequuntur, itaque tempore accusamus fugiat
pariatur
dolores adipisci, maxime neque sed.
</p>
</section>
</article>
<article class="topic js-topic" id="topic2" data-topic="2">
<section class="topic__content">
<h1>Tema 2</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, vero assumenda. Beatae eos
aliquam
officiis delectus reprehenderit aspernatur ad consequuntur, itaque tempore accusamus fugiat
pariatur
dolores adipisci, maxime neque sed.
</p>
</section>
</article>
<article class="topic js-topic" id="topic3" data-topic="3">
<section class="topic__content">
<h1>Tema 3</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, vero assumenda. Beatae eos
aliquam
officiis delectus reprehenderit aspernatur ad consequuntur, itaque tempore accusamus fugiat
pariatur
dolores adipisci, maxime neque sed.
</p>
</section>
</article>
<!-- FIN TEMAS -->
<!-- NAVEGACIÓN -->
<section class="navNextPrev">
<div class="navNextPrev__container navNextPrev__container--prev">
<button class="navNextPrev__button js-navNextPrev__button--prev">
<img class="navNextPrev__icon navNextPrev__icon--left" src="img/arrow-left.svg" alt="Anterior">
</button>
</div>
<div class="navNextPrev__container navNextPrev__container--next">
<button class="navNextPrev__button js-navNextPrev__button--next">
<img class="navNextPrev__icon navNextPrev__icon--right" src="img/arrow-left.svg" alt="Siguiente">
</button>
</div>
</section>
<!-- FIN NAVEGACIÓN -->
</section>
</div>
</div>
<!-- Scripts -->
<script src="libs/jquery.min.js"></script>
<script src="js/vua.js"></script>
</body>
</html>