TheBridge-FullStackDeveloper · natal15 · Feb 7, 2023 · Feb 7, 2023
diff --git a/Multimedia/cat-purr-6164.mp3 b/Multimedia/cat-purr-6164.mp3
diff --git a/Multimedia/gato-g4381c72b3_640.jpg b/Multimedia/gato-g4381c72b3_640.jpg
diff --git a/Multimedia/pexels-pixabay-416160.jpg b/Multimedia/pexels-pixabay-416160.jpg
diff --git a/Multimedia/pexels-sunsetoned-5968893.mp4 b/Multimedia/pexels-sunsetoned-5968893.mp4
diff --git a/gatitos.html b/gatitos.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="stylesheet" href="styleg.css">
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Gatitos</title>
+</head>
+<body> 
+<a href="#Img">Ir a imágenes</a>
+<a href="#Vid">Ir a Vídeo</a>  
+<a href="#Aud">Ir a Audio</a>      
+<h1>Gatitos</h1>
+<h2 id="Img">Imágenes</h2>
+<Table>
+    <tr>
+        <td><img width="300px" src="C:\Users\natal\desktop\HTML\html-pp-gimnasio\Multimedia\pexels-pixabay-416160.jpg"></img></td>
+        <td><img width="300px" src="C:\Users\natal\desktop\HTML\html-pp-gimnasio\Multimedia\gato-g4381c72b3_640.jpg"></img></td>
+    </tr>
+</Table>
+<h2 id="Vid">Vídeo</h2>
+<video controls width="300px" src="C:\Users\natal\desktop\HTML\html-pp-gimnasio\Multimedia\pexels-sunsetoned-5968893.mp4"></video>
+<h2 id="Aud">Audio</h2>
+<audio controls src="C:\Users\natal\desktop\HTML\html-pp-gimnasio\Multimedia\cat-purr-6164.mp3"></audio>
+<a target="_blank" href="index.html">Gimnasio</a>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+     <link rel="stylesheet" href="style.css">
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Invoice</title>
+    <!-- <style>
+        table {
+          font-family: letter 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+          border-collapse: collapse;
+
+        }
+
+        td, th {
+          border: 1.5px solid black;
+          text-align: left;
+          padding: 8px;
+          width: 150px;
+
+
+        }
+
+        th {
+          background-color: whitesmoke;
+        }
+
+       .junto {
+         line-height: 175%;
+       }
+
+
+        </style> -->
+</head>
+<body>
+    <table>
+        <tr>
+          <th colspan="3">Invoice &#35;123456789</th>
+          <th>14 January 2025</th>
+        </tr>
+        <tr>
+          <td colspan="2" class="junto"><b>Pay to:</b><br>
+            Acme Billing Co.<br>
+            123 Main St.<br>
+            Cityville, NA 12345
+          </td>
+          <td colspan="2" class="junto"><b>Customer:</b><br>
+            John Smith<br>
+            321 Willow Way<br>
+            Southeast Northwestershire, MA 54321
+          </td>
+        </tr>  
+          <tr>
+            <th>Name / Description</th>
+            <th>Qty.</th>
+            <th>&#64;</th>
+            <th>Cost</th>
+          </tr>
+          <tr>
+            <td>Paperclips</td>
+            <td>1000</td>
+            <td>0.01</td>
+            <td>10.00</td>
+          </tr>
+          <tr>
+            <td>Staples (box)</td>
+            <td>100</td>
+            <td>1.00</td>
+            <td>100.00</td>
+          </tr>
+          <tr>
+            <th colspan="3">Subtotal</th>
+            <td>110.00</td>
+          </tr>
+          <tr>
+            <th colspan="2">Tax</th>
+            <td>8&#37;</td>
+            <td>8.80</td>
+          </tr>
+          <tr>
+            <th colspan="3">Grand Total</th>
+            <td>&#36; 118.80</td>
+          </tr>
+
+
+
+
+
+      </table> 
+      <br>  
+      <a href="gatitos.html" target="_blank">Gatitos</a>
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,22 @@
+table {
+    font-family: letter 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    border-collapse: collapse;
+
+  }
+
+  td, th {
+    border: 1.5px solid black;
+    text-align: left;
+    padding: 8px;
+    width: 150px;
+
+
+  }
+
+  th {
+    background-color: whitesmoke;
+  }
+
+ .junto {
+   line-height: 175%;
+ }
diff --git a/styleg.css b/styleg.css
@@ -0,0 +1,10 @@
+* {
+    background-color: rgb(95, 167, 143);
+}
+h1 {
+    color: orangered;
+    font-style: italic;
+}
+h2 {
+    color: rgb(104, 36, 36);
+}