Argentina.Programa.4.0/index.html at master · RubenAlejandroFalcon/Argentina.Programa.4.0 · 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
<!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="icon" href="recursos/rick-and-morty-.png">
    <link rel="stylesheet" href="estilos/estilo.css"/>

    <!-- Argentina Programa 4.0 C172-->
    <!-- Opté por traducirlo al español-->
    <title>Proyecto Final - Rick & Morty</title>
  </head>
  <body>
    <header>
      <div>
        <img src="recursos/rickandmorty-image.png"
            alt="Rick and Morty image"/>

            <img class="LogoRickandMorty" src="recursos/tt.png"
            alt="Rick and Morty logo" />
      </div>

      <nav>
        <ul>
          <li><a href="#sinopsis">SINOPSIS</a></li>
          <li><a href="#personajes">PERSONAJES</a></li>
          <li><a href="#ver-serie">MIRÁ LA SERIE</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <!-- Comienzo sección de sinopsis -->
      <section id="sinopsis" class="sinopsis">
        <h2>Sinopsis</h2>
        <div>
          <img class="imagensinopsis" src="recursos/2004.jpg" alt="Rick and Morty image"/>
          <p>
              La serie sigue las desventuras del cínico científico loco Rick Sánchez y su nieto Morty Smith, de buen corazón pero inquieto, que dividen su tiempo entre la vida doméstica y las aventuras interdimensionales que tienen lugar a través de un número infinito de realidades, a menudo viajando a otros planetas y dimensiones a través de portales y en el platillo volante de Rick. El concepto general de Rick y Morty se basa en dos escenarios conflictivos: un drama familiar doméstico y un abuelo alcohólico que arrastra a su abuelo a hacer travesuras.<br><br>
          Creado por Justin Roiland y Dan Harmon.<br>
          Lanzamiento: 2013.<br>
          País de origen: EEUU.</p>
        </div>
      </section>
      <!-- Agrego una línea para separar-->
      <hr size="10px"/>
      <!-- Comienzo sección de personajes -->
      <section id="personajes" class="personajes">
        <h2>Personajes</h2>
        <article class="contenedor-grilla" id="contenedor-grilla">
          <!-- Aquí irá el contenido renderizado por javascript utilizando la api. -->


          </article>
      </section>
      <!-- Agrego una línea para separar-->
      <hr size="10px"/>
      <!-- Comienzo sección de ver serie -->
      <section id="ver-serie" class="ver-serie">
        <a href="https://www.hbomax.com/ar/es/series/urn:hbo:series:GXkRjxwjR68PDwwEAABKJ?countryRedirect=1" alt="Mira Rick y Morty ahora!" target="_blank">
          <img class="logoHBOMax" src="recursos/logo-hbomax.webp" alt="logo HBO Max"/></a>
          <div>
            <h2><a href="https://www.hbomax.com/ar/es/series/urn:hbo:series:GXkRjxwjR68PDwwEAABKJ?countryRedirect=1"
              target="_blank">Mirá la serie!</a></h2>
            <p>
              Las 6 temporadas de Rick y Morty están disponibles en HBO Max. Tiene un total de 61 episodios.
            </p>
          </div>
      </section>
    </main>
    <!-- Agrego una línea para separar-->
    <hr size="10px"/>
    <footer>
      <!-- Opté por usar la etiqueta div-->
      <div>
        <!-- Introduje un emoji del cerebro-->
        <p><i>Hecho con el 🧠 por Rubén Falcón.</i></p>
        <p><i>Introducción a Frontend</i></p>
        <p><i>Febrero - Abril 2023</i></p>
        <p><i>Profesor: Gabriel Alberini</i></p>
        <p><i>Argentina Programa 4.0 - C172</i></p>
      </div>
      <div class="iconos">
          <a href="https://github.com/RubenAlejandroFalcon" target="_blank">
            <img src="recursos/github-icon.png" alt="ícono de Github"></a>
          <a href="https://www.facebook.com/ruben.alejandro.falcon" target="_blank">
              <img src="recursos/facebook-icon.png" alt="ícono de Facebook"></a>
          <a href="mailto:rub.falcon78@gmail.com">
              <img src="recursos/gmail-icon.png" alt="ícono de Gmail"></a>
        </div>
    </footer>
    <script type="text/javascript" src="app/app.js"></script>
  </body>
</html>