lessons.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-black text-white">
    <h1 class="font-black text-9xl flex justify-center mb-24">Welcome to the lessons page</h1>
    <iframe class="flex justify-center" width="560" height="315" src="https://www.youtube.com/embed/HrWP1fibFfM?si=Y0yaDQRRjQLIZl5_" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
    <img class="flex justify-center" src="https://www.google.com/imgres?q=pig&imgurl=https%3A%2F%2Fi.natgeofe.com%2Fk%2F23e409f9-4699-46f0-a645-5cc1f5040363%2Fpig-full-body_2x1.jpg&imgrefurl=https%3A%2F%2Fkids.nationalgeographic.com%2Fanimals%2Fmammals%2Ffacts%2Fpig&docid=R7kDkpOnD2LZ7M&tbnid=D1bWnHdKbFzD3M&vet=12ahUKEwi6gYymlOuHAxX3GlkFHWLjGWAQM3oECBkQAA..i&w=3072&h=1536&hcb=2&ved=2ahUKEwi6gYymlOuHAxX3GlkFHWLjGWAQM3oECBkQAA" alt="pig">

    <a href="index.html" class="flex justify-center">go back to the main page</a>

</body>
</html>