PlatziMaster · OscarAT1984 · Aug 4, 2020 · Aug 4, 2020 · Aug 4, 2020 · Aug 4, 2020
diff --git a/public/entradas/resena1.html b/public/entradas/resena1.html
@@ -0,0 +1,143 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css" integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous">
+    <link rel="stylesheet" href="../main.css">
+    <title>Pagina de Videojuegos</title>
+  </head>
+  <body>
+
+    <!--Comienza la barra de Navegacion-->
+
+   <nav id="header" class="navbar navbar-expand-lg navbar-dark sticky-top" style="background-color:  #CB3234;" >
+     <div class="container">
+        <a class="navbar-brand" href="index.html">
+          <img src="../images/logo.png" width="50" height="50" class="d-inline-block align-top" alt="Logo">
+          Videojuegazos
+        </a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbar">
+          <ul class="navbar-nav ml-auto">
+            <li class="nav-item">
+              <a class="nav-link" href="../index.html">Inicio</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#">Analisis</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#">Trucos/Guias</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#">Comunidad</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#" >Noticias</a>
+            </li>
+          </ul>
+
+        </div>
+     </div>
+   </nav>
+<!--Termina barra de Navegacion-->
+
+<!--Comienza Reseña-->
+
+<p class="mt-5 pt-5 text-center text-uppercase font-italic font-weight-bold">Black Desert</p>
+<p>'Black Desert' es un sandbox MMO de origen coreano a cargo del estudio Pearl Abyss, y que se caracteriza por su potentísimo editor y por su excepcional aspecto gráfico. Se ambienta en un universo fantástico donde tiene lugar un conflicto entre la República de Calpheon y el Reino de Valencia. A la hora de combatir, 'Black Desert' presenta un sistema basado en la acción, con múltiples habilidades que es posible activar, y un limitado sistema de curación que hace que movimientos como el bloqueo y la evasión sean importantes, así como el uso de pociones. Además, tiene otras mecánicas que lo convierten en uno de los juegos más completos del género, como un sistema de parkour, cambios de clima dinámicos que afectan la jugabilidad, así como un ciclo día-noche. También existe la opción de combatir a lomos de animales a los que previamente hay que domar, pero si por algo ha destacado 'Black Desert' es por su editor de personajes, con múltiples parámetros tanto para la cara como para el cuerpo.</p>
+<p class="bg-primary text-white p-4 text-justify w-25 float-left mr-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Morbi tristique senectus et netus et malesuada fames. Metus vulputate eu scelerisque felis imperdiet. Dictum varius duis at consectetur lorem donec massa sapien faucibus. Morbi tristique senectus et netus et malesuada fames ac turpis. At urna condimentum mattis pellentesque. In nibh mauris cursus mattis molestie a iaculis at. Nisi lacus sed viverra tellus in hac habitasse platea dictumst. Feugiat nisl pretium fusce id velit ut. Velit egestas dui id ornare arcu odio ut sem. Nisi est sit amet facilisis magna etiam tempor orci eu. Ac ut consequat semper viverra nam libero justo laoreet. Senectus et netus et malesuada fames. Amet consectetur adipiscing elit duis tristique. Nunc mi ipsum faucibus vitae aliquet. Dictum non consectetur a erat nam at lectus urna. Praesent elementum facilisis leo vel fringilla. At tellus at urna condimentum mattis. Duis at consectetur lorem donec massa sapien faucibus.
+
+  Sit amet consectetur adipiscing elit. Vitae congue mauris rhoncus aenean. Diam quam nulla porttitor massa id neque aliquam vestibulum morbi. Risus sed vulputate odio ut enim. Aenean pharetra magna ac placerat vestibulum lectus mauris. Congue mauris rhoncus aenean vel. Tortor posuere ac ut consequat semper viverra nam libero. Non sodales neque sodales ut etiam sit amet nisl purus. Sit amet facilisis magna etiam. Massa placerat duis ultricies lacus sed turpis. Augue eget arcu dictum varius duis. In nulla posuere sollicitudin aliquam ultrices sagittis orci. Est pellentesque elit ullamcorper dignissim cras tincidunt. In vitae turpis massa sed elementum tempus egestas sed sed. Bibendum ut tristique et egestas quis ipsum suspendisse ultrices. Quis eleifend quam adipiscing vitae proin sagittis nisl. Eu augue ut lectus arcu bibendum at varius vel.
+
+  Enim sed faucibus turpis in eu mi. Ac auctor augue mauris augue neque gravida in fermentum. Tortor pretium viverra suspendisse potenti nullam. Ultricies tristique nulla aliquet enim tortor. Mattis nunc sed blandit libero. Aenean et tortor at risus viverra adipiscing at in. Tellus in hac habitasse platea dictumst vestibulum rhoncus. Nec dui nunc mattis enim ut tellus. Eleifend quam adipiscing vitae proin sagittis. Ac turpis egestas integer eget aliquet nibh praesent tristique magna. Ipsum suspendisse ultrices gravida dictum fusce ut. Auctor augue mauris augue neque gravida in fermentum et sollicitudin. Ornare suspendisse sed nisi lacus sed viverra. Morbi tincidunt ornare massa eget egestas. Mollis nunc sed id semper risus. Tincidunt tortor aliquam nulla facilisi cras. Donec pretium vulputate sapien nec. Eleifend mi in nulla posuere. Pellentesque nec nam aliquam sem et tortor consequat id porta.
+
+  Viverra suspendisse potenti nullam ac. Convallis posuere morbi leo urna molestie at elementum eu. Orci a scelerisque purus semper eget duis at tellus at. Sed ullamcorper morbi tincidunt ornare. Massa vitae tortor condimentum lacinia quis vel eros. Ut faucibus pulvinar elementum integer. Risus in hendrerit gravida rutrum quisque. Duis at consectetur lorem donec massa sapien faucibus et molestie. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit amet. Vitae justo eget magna fermentum iaculis. Tempus urna et pharetra pharetra massa. Non tellus orci ac auctor augue. Augue neque gravida in fermentum et sollicitudin. Neque egestas congue quisque egestas.
+
+  Ut ornare lectus sit amet est placerat. Quis ipsum suspendisse ultrices gravida dictum fusce ut placerat. Dictumst quisque sagittis purus sit amet volutpat consequat. Turpis in eu mi bibendum neque egestas. Tempor nec feugiat nisl pretium fusce id velit ut. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Libero enim sed faucibus turpis in eu mi bibendum neque. Dui ut ornare lectus sit. Egestas maecenas pharetra convallis posuere morbi leo urna molestie at. Sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum. Eleifend donec pretium vulputate sapien nec sagittis aliquam. Arcu odio ut sem nulla pharetra diam. Pharetra convallis posuere morbi leo urna molestie at elementum. Nunc lobortis mattis aliquam faucibus purus. Velit aliquet sagittis id consectetur purus. Morbi tristique senectus et netus et malesuada fames. Amet luctus venenatis lectus magna fringilla urna porttitor.</p>
+
+<!--Termina Reseña-->
+
+    <!--Comienza el footer-->
+    <footer class="page-footer font-small blue pt-4" style="background-color: #35342E;">
+
+      <!-- Footer Links -->
+      <div class="container-fluid text-center text-md-left" style="color: white;">
+
+        <!-- Grid row -->
+        <div class="row">
+
+          <div class="col-md-7 mt-md-0 mt-3">
+
+            <!-- Content -->
+            <h5 class="text-uppercase">Página de Videojuegazos</h5>
+            <p  class="txtFooter">El nombre Videojuegazos fue inspirado en los videjuegazos al puro estilo y específicamente en los juegos de mundo abierto, de ahí es donde empieza el concepto de solamente mostrar aquel ícono ya que es una constante hasta nuestros días en estos juegos.</p>
+
+          </div>
+          <!-- Grid column -->
+
+          <hr class="clearfix w-100 d-md-none pb-3">
+
+          <!-- Grid column -->
+          <div class="col-md-2  mb-md-0 mb-3">
+
+            <!-- Links -->
+            <h5 class="text-uppercase">Entradas</h5>
+
+            <ul class="list-unstyled">
+              <li>
+                <a href="../entradas/resena1.html" style="color:white;">Black Desert</a>
+              </li>
+              <li>
+                <a href="../entradas/resena2.html" style="color:white;">League of Legends</a>
+              </li>
+            </ul>
+
+          </div>
+          <!-- Grid column -->
+
+          <!-- Grid column -->
+          <div class="col-md-3 mb-md-0 mb-3">
+
+            <!-- Links -->
+            <h5 class="text-uppercase">Reseñas</h5>
+
+            <ul class="list-unstyled">
+              <li>
+                <a href="../entradas/resena3.html" style="color:white;">Call of Duty</a>
+              </li>
+              <li>
+                <a href="../entradas/resena4.html" style="color:white;">NFS Heat</a>
+              </li>
+            </ul>
+
+          </div>
+
+        </div>
+        <!-- Grid row -->
+
+      </div>
+      <!-- Footer Links -->
+
+      <!-- Copyright -->
+      <div class="footer-copyright text-center py-3" style="color:white;">© 2020 Copyright:
+        <a href="https://mdbootstrap.com/" style="color:white;"> Platzi Master</a>
+      </div>
+      <!-- Copyright -->
+
+    </footer>
+<!-- Footer -->
+
+    <!-- Optional JavaScript -->
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/js/bootstrap.min.js" integrity="sha384-XEerZL0cuoUbHE4nZReLT7nx9gQrQreJekYhJD9WNWhH8nEW+0c5qq7aIo2Wl30J" crossorigin="anonymous"></script>
+  </body>
+</html>