-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (68 loc) · 5.42 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
<!DOCTYPE html>
<html lang="en">
<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">
<link rel="stylesheet" href="./estilos/style3.css">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap" rel="stylesheet">
<title>Estudiando Japones</title>
</head>
<body>
<!-- Comienzo de Grid Container-->
<div class="container">
<!-- Nav Bar index -->
<nav>
<ul class="navMain">
<li id="homeMenuColorTitle">日本語の勉強</li>
<li id="homeMenuColor"><a href="index.html">Home</a></li>
<li id="nivel4MenuColor"> <a href="./secciones/nivel4-5.html">N4-5</a></li>
<li id="nivel3MenuColor" ><a href="./secciones/nivel3.html">N3</a></li>
<li id="nivel2MenuColor"><a href="./secciones/nivel2.html">N2</a></li>
<li id="nivel1MenuColor"><a href="./secciones/nivel1.html">N1</a></li>
<li id="tecnicasMenuColor"><a href="./secciones/tecnicas.html">Técnicas</a></li>
<li id="sobreElSitioMenuColor"><a href="./secciones/about.html">Sobre el sitio</a></li>
</ul>
</nav>
<!-- Explicacion de que encontrar, Overview.-->
<section class="home-section-overview">
<h2>日本語の勉強・Estudiando Japonés</h2>
<div data-aos="fade-right" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
<p class="parrafoOverview1">Proposito de esta pagina, breve explicacion del proposito, examen JLPT de Japones, que se puede encontrar aqui, etc.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias, inventore esse dicta ipsam consequatur aliquam veniam similique fuga aliquid eveniet expedita magnam ipsum aspernatur facere porro quos. Nisi, consectetur commodi! orem ipsum dolor sit amet consectetur adipisicing elit. Molestias, inventore esse dicta ipsam consequatur aliquam veniam similique fuga aliquid eveniet expedita magnam ipsum aspernatur facere porro quos. Nisi, consectetur commodi! orem ipsum dolor sit amet consectetur adipisicing elit. Molestias, inventore esse dicta ipsam consequatur aliquam veniam similique fuga aliquid eveniet expedita magnam ipsum aspernatur facere porro quos. Nisi, consectetur commodi!
</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi corrupti, dignissimos nulla qui tempore animi officia officiis doloribus, eum nemo similique, vero voluptates reiciendis amet repudiandae unde voluptatem placeat adipisci!</p> <br>
<img class="imagenMainPage" src="./imagenes/pexels-jeshootscom-442574_medium.jpg" alt="Libros de Japones de diferentes niveles">
</div>
<div data-aos="fade-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
<br>
<h3>📝 Sobre el JLPT</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Illum numquam eos molestiae, sit inventore nulla? Incidunt delectus, illo doloribus enim ullam error eaque magni expedita. Modi commodi rerum unde magnam. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Illum numquam eos molestiae, sit inventore nulla? Incidunt delectus, illo doloribus enim ullam error eaque magni expedita. Modi commodi rerum unde magnam. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Illum numquam eos molestiae, sit inventore nulla? Incidunt delectus, illo doloribus enim ullam error eaque magni expedita. Modi commodi rerum unde magnam.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Illum numquam eos molestiae, sit inventore nulla? Incidunt delectus, illo doloribus enim ullam error eaque magni expedita. Modi commodi rerum unde magnam.</p>
<br>
<p>Como pueden ver, la variedad del material de estudio es muy amplia, y en muchos casos cuesta mucho dinero poder acceder a los libros en formato físico si se compran fuera de Japón. Por eso es recomendable que te informes antes de hacer una compra, leer distintas reviews de otros estudiantes para determinar qué editorial es la indicada para tu nivel de estudio.</p>
<img class="imagenMainPage" src="./imagenes/LibrosJapones_overview_small.png" alt="Libros de Japones">
</div>
</section>
<!-- Sidebar con feed de twitter con updates de la cuenta, a ser replicado en otras paginas -->
<div class="contentRight">
<h3 class="contentRight_H3">✨ Latest updates ✨</h3>
<p>Ultimas actualizaciones en redes sociales</p>
<article class="twitterTL">
<a class="twitter-timeline" href="https://twitter.com/estudiandojp?ref_src=twsrc%5Etfw">Tweets by estudiandojp</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</article>
</div>
<footer>
<p>Todos los derechos reservados por Balducci</p>
<!-- Aca va script de animacion aos -->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
</footer>
</div>
</body>
</html>