Eventos com iframe

css/eventos.css

@@ -22,54 +22,11 @@
     margin-inline: 20px;
   }
 
-  .table-content {
-    display: flex;
-    justify-content: center;
-    margin-top: 80px;
-    min-height: 585px;
-  }
-  
-  .table-content table {
-    min-width: 700px;
-  }
-
-  th, tr:nth-child(odd) {
-    background-color: #eee;
-  }
-
-  .table-content table, .table-content th, .table-content td {
-    border-collapse: collapse;
-    border: 1px solid #999;
-    border-inline: none;
-    text-align: left;
-  }
-
-  [colspan] {
-    font-weight: bold;
+  iframe {
     width: 100%;
-    text-align: center;
-    padding-left: 0;
-  }
-
-  .table-content tr {
-    height: 35px;
-  }
-  
-  .caption {
-    display: flex;
-    justify-content: center;
-    font-weight: bold;
-    font-size: 25px;
-    margin-bottom: 10px;
+    height: 85vh;
+    position: relative;
+    top: 50px;
+    margin: 0;  
+    border: none;
   }
-
-  @media (max-width: 750px) {
-    .table-content th, .table-content td {
-        padding-inline: 10px;
-    }
-
-    .table-content table {
-        min-width: 0;
-        width: 90vw;
-    }
-  }

paginas/eventos.html

@@ -32,65 +32,14 @@
     </nav>   
 
 
-    <div class="table-content">
-      <div>
-        <caption><a class="caption">Eventos</a></caption>
-        <table>
-          <tr>
-            <th>Título</th>
-            <th>Data</th>
-            <th>Capacidade</th>
-            <th>Preço</th>
-            <th>Categoria</th>
-          </tr>
-          <tr>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-          </tr>
-          <tr>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-          </tr>
-          <tr>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-          </tr>
-          <tr>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-          </tr>
-          <tr>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-          </tr>
-        </table>
-      </div>
-    </div>
-    
-
-
+    <iframe src="http://hcbarros.bootcamp.dev.netuno.org:20190/services/eventos" ></iframe>
 
 
     <footer>Copyright © 2023 Extinções Company - Todos os direitos reservados</footer>
 
   </div>
 
-  <script type="text/javascript" src="../script/eventos.js"></script>
+  <!-- <script type="text/javascript" src="../script/eventos.js"></script> -->
 
 </body>
 </html>