testgithub/generic.html at master · thundi3/testgithub · GitHub

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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE HTML>
<!--
	Spectral by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>

<head>
    <title>Generic - Spectral by HTML5 UP</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
    <link rel="stylesheet" href="assets/css/main.css" />
    <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
    <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>

<body>

    <!-- Page Wrapper -->
    <div id="page-wrapper">

        <!-- Header -->
        <header id="header">
            <h1><a href="index.html">Spectral</a></h1>
            <nav id="nav">
                <ul>
                    <li class="special">
                        <a href="#menu" class="menuToggle"><span>Menu</span></a>
                        <div id="menu">
                            <ul>
                                <li><a href="index.html">Home</a></li>
                                <li><a href="generic.html">Generic</a></li>
                                <li><a href="elements.html">Elements</a></li>
                                <li><a href="#">Sign Up</a></li>
                                <li><a href="#">Log In</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </nav>
        </header>

        <!-- Main -->
        <article id="main">
            <header>
                <h2>Anime</h2>
                <p>Breve introducción de esta rama del entretenimiento</p>
            </header>
            <section class="wrapper style5">
                <div class="inner">

                    <h3>Historia</h3>
                    <p>La historia del anime, el género de animación de origen japonés, comienza en la segunda década del siglo
                        XX, con una serie de cortometrajes similares a los encontrados en otros países, influenciados por
                        las obras de Disney en gran parte. Algún tiempo tras la Segunda Guerra Mundial, empezaron a surgir
                        grandes compañías dedicadas tanto a las series televisivas como a los largometrajes, entre las que
                        destaca Toei. Aunque muchas siguieron en activo en las últimas década del siglo XX, y siguen al principio
                        del siglo XXI, una serie de directores y creadores de historias han alcanzado renombre propio en
                        este género, bien por obras de gran fama, como Katsuhiro Ōtomo con Akira o Akira Toriyama con Dragon
                        Ball, como por sus largas y premiadas trayectorias, como Hayao Miyazaki.</p>

                    <hr />

                    <h2>Caracteristicas</h2>

                    <h4>Trama</h4>
                    <p>Dentro de las características notables en el género, se destaca el desarrollo de tramas complejas a lo largo de un cierto número de episodios. Gran parte del anime está estructurado en series de televisión con números de episodios definidos en los cuales se trata una trama específica que puede implicar el trabajo de conceptos complejos.</p>

                    <p>En la década de 1970, el anime empieza a tomar un rumbo diferente dentro del mundo de la animación. Mientras que las producciones occidentales se caracterizaban por estar dirigidas hacia un público infantil,7 8 el anime trataba temas más complejos como el existencialismo y a veces utilizaba un lenguaje más maduro, algunas escenas de violencia y sexuales.9 10 Varias veces los objetivos demográficos a menudo afectan a los contextos ideológicos de la obra: por ejemplo en el shōnen, en las series de acción, se toman momentos que pasan en la adolescencia como la amistad, el compañerismo, las peleas, las aventuras, el sacrificio por el amor. En el seinen que también es para un público adulto se toman temas más maduros como políticos, sexuales, o científicos (que, a excepción del kodomo, también pueden ser parte de otros géneros demográficos, solo que se ven con más profundidad en éste). También se tiene que tomar en cuenta, que cuando una serie de manga tiene mucho éxito, es común adaptarlo al anime,11 por lo que toma elementos de éste.</p>

                </div>
            </section>
        </article>

        <!-- Footer -->
        <footer id="footer">
            <ul class="icons">
                <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
                <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
                <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
                <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
                <li><a href="#" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
            </ul>
            <ul class="copyright">
                <li>&copy; Untitled</li>
                <li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
            </ul>
        </footer>

    </div>

    <!-- Scripts -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/jquery.scrollex.min.js"></script>
    <script src="assets/js/jquery.scrolly.min.js"></script>
    <script src="assets/js/skel.min.js"></script>
    <script src="assets/js/util.js"></script>
    <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
    <script src="assets/js/main.js"></script>

</body>

</html>