-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (65 loc) · 4.78 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!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.0">
<title>octavo jugador</title>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<meta name="description" content="esta es una pagina que intenta recopilar la mayor informacion
del handball argentino en un solo lugar" >
<meta name="heywords" content="handball , octavojugador , tabla de handball , resultado de handball ">
<link rel="stylesheet" href="./css/decoracion.css">
</head>
<body>
<header class="inicio">
<h1 class="titulo">octavo jugador</h1>
<div class="bloque">
<img src="./imagenes/logo_de_octavo2.png" alt="logo octavo jugador" class="inicio__logo">
<div class="box">
<marquee behavior="alternate" direction="right"><img src="./imagenes/pelota_prev_ui.png" alt="pelota de handball" class="pelota"></marquee>
<img src="./imagenes/lu.jpg" alt="persona1" class="persona1">
<img src="./imagenes/co.jpg" alt="persona2" class="persona1__2">
</div>
<ul class="inicio__accesos">
<li class="inicio__accesos1"><a href="#">inico</a></li>
<li class="inicio__accesos2"><a href="./accesos/noticias.html">noticias y resultados </a></li>
<li class="inicio__accesos4"><a href="./accesos/videodelasemana.html">video de la semana</a></li>
<li class="inicio__accesos3"><a href="./accesos/tabladeposiciones.html">tabla de posiciones</a></li>
<li class="inicio__accesos5"><a href="./accesos/redes.html">redes</a></li>
<li class="inicio__accesos6"><a href="./accesos/contacto.html">contactenos</a></li>
</ul>
</div>
</header>
<main>
<div class="principio">
<section class="noticias">
<h2 class="titulo2">noticias</h2>
<div class="noticias__caja">
<p class="noticias__texto" data-aos="fade-up" data-aos-duration="1500">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus nulla animi hic inventore ea adipisci rem ipsam saepe autem, voluptates aut aliquam, sed libero recusandae excepturi id ex provident modi tenetur doloribus, deserunt laborum voluptate sit itaque! Aliquam, sapiente temporibus autem provident nihil maiores animi numquam sed odio doloribus cum quidem exercitationem iusto dolor voluptatem modi? Recusandae velit eius deleniti nostrum excepturi qui optio, illum, et nobis aliquid, adipisci at molestiae nemo voluptatem modi maxime distinctio quasi eos sint blanditiis cupiditate. Aperiam officia, illum et quisquam atque blanditiis neque alias asperiores, nihil maxime sit odit quo ea eaque aspernatur. Vero laborum ipsum et officia quidem odio nulla non perspiciatis temporibus iure quod quo odit facilis nostrum nemo tempora sint obcaecati distinctio, nihil explicabo tenetur. Vel.</p>
<img src="./imagenes/resultados_prev_ui.png" alt="resultados de handball" class="resultados" data-aos="fade-down" data-aos-duration="1500">
</div>
</section>
</div>
<section class="videoDeLaSemana">
<iframe width="100%" height="715" src="https://www.youtube.com/embed/yQ98zsICDGE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</section>
<section class="tablas">
<img src="./imagenes/tabla de posiciones.jpg" alt="tabla de posiciones" data-aos="flip-left" data-aos-duration="1500">
</section>
</main>
<h3>redes sociales</h3>
<footer class="footer">
<a href="https://www.instagram.com/octavojugadorhb/?hl=es-la"> <img src="./imagenes/instagram_prev_ui.png" alt="instagram" class="redes"></a>
<a href="https://www.youtube.com/@octavojugadorhandball5836"> <img src="./imagenes/youtube_prev_ui.png" alt="youtube" class="redes"> </a>
<a href="https://twitter.com/octavojugadorhb"> <img src="./imagenes/twitter_prev_ui.png" alt="twitter" class="redes"> </a>
<a href="https://www.twitch.tv/octavojugadorhb"> <img src="./imagenes/twitch_prev_ui.png" alt="twitch" class="redes"> </a>
<a href="https://www.tiktok.com/@octavojugadorhb"> <img src="./imagenes/tiktok_prev_ui.png" alt="tiktok" class="redes"> </a>
<a href="https://www.facebook.com/octavojugadorhb"> <img src="./imagenes/facebook_prev_ui.png" alt="facebook" class="redes"></a>
</footer>
<script>
AOS.init();
</script>
</body>
</html>