TallerHTML1

CamiloFallaM · Oct 20, 2020 · d4ba696 · d4ba696
1 parent e5c70ed
commit d4ba696
Show file tree

Hide file tree

Showing 2 changed files with 80 additions and 0 deletions.
diff --git a/Taller_HCB_c.falla/Taller HTML 1.html b/Taller_HCB_c.falla/Taller HTML 1.html
@@ -0,0 +1,59 @@
+<!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://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+    <link rel="stylesheet" href="style.css">
+
+    <title>Minecraft!</title>
+  </head>
+  <body>
+    <div class="row" id="fila1">
+      <div class="col -12">
+        <h1>MINECRAFT!</h1>
+      </div>
+    </div>
+    <div class="row" id="fila2">
+      <div class="col -12">
+        <img src="https://www.muycomputer.com/wp-content/uploads/2020/07/Minecraft-en-Azure.jpg" alt="Imagen" width=600>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-7" id="col1">
+        <h4>Información General</h4>
+        <p>Minecraft es un juego de mundo abierto o sandbox creado en el año 2009 por la empresa Mojang AB.
+           Su version lite consiste en sobrevivir de la mejor manera en un mundo generado aleatoriamente.
+           Este mundo tiene diversos biomas que se pueden explorar para poder encontrar valiosos recursos.
+           La página oficial del juego siguiente: <a href="https://www.minecraft.net/es-es">Minecraft.net</a></p>
+        <p>Ademas, Minecraft tambien tiene una gran comunidad PvP, la cual tambien es famosa por adaptar juegos externos al interior de Minecraft.
+          Algunos de los modos de juegos Pvp son Destruye el Nexo y Juegos del Hambre.
+        </p>
+      </div>
+      <div class="col-5" id="col2">
+        <h4>Modos de Juego</h4>
+        <ul>
+          <li>Destruye el Nexo</li>
+          <li>Juegos del Hambre</li>
+          <li>BedWars</li>
+          <li>Captura la Lana</li>
+          <li>MineTheftAuto</li>
+        </ul>
+      </div>
+    </div>
+    <!-- Optional JavaScript; choose one of the two! -->
+
+    <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
+    <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/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
+
+    <!-- Option 2: jQuery, Popper.js, and 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://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
+    -->
+  </body>
+</html>
diff --git a/Taller_HCB_c.falla/style.css b/Taller_HCB_c.falla/style.css
@@ -0,0 +1,21 @@
+h1 {
+    text-align: center;
+    font-family: Georgia, serif;
+}
+
+.row  {
+    text-align: center;
+}
+
+#fila1 {
+    background-color: lightblue;
+}
+#fila2 {
+    background-color: lightgreen;
+}
+#col1 {
+    background-color: peru;
+}
+#col2 {
+    background-color: sandybrown;
+}