// put y<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Página Secundaria</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>

<body>
    <h1> Página nice </h1>
  
    
    <p> En esta página encontrarán el desarrollo de mi aventura en Fab Academy, mi proyecto final y todo lo que conlleva
        <!-- Aquí viene una lista -->
    </p>
    <ul>
        <li> Leche</li>
        <LI> Pan</LI>
    </ul>
    <ol> 
    <li> Arroz </li>
    <li> Manzanas</li>
    </ol>
    <!-- Para Imagen-->
<img src="Imagen 1.jpg" alt="Imagen maquina y agua mineral" width="300px" >
<img src="Florecita.jpg" alt="Flor en jardin" height="200px">

<!-- Para video-->
<video src="Chicago.mp4" controls width="450px" ></video>

<button type="button"  class="btn btn-primary"  > Soy un botón </button>

<body> 
    <h1> Esta es la página secundaria</h1>
    <a href="index.html">
        <li>Inicio</li>
    </a>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>our code here