index.html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Clases de Guitarra- Academia i54</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
    

</head>
<body>
   
    <div class="contenedor">
        <header class="header">
            <div class="logo">
                <img src="./logo.png" alt="Academia i54">
            </div>
              
            <nav class="nav">
                <button class="nav-button">Inicio</button> 
                <button class="nav-button2">Clases</button>
                <button class="nav-button3">Contacto</button>
            </nav>
        </header>
        <main class="inicio">
            <h1>¡Aprende a tocar la guitarra y deleitate Cantando!</h1>
            <h2>En este curso aprenderás desde cero con clases presenciales durante 3 meses</h2>
            
            <div class="clases"> 
                <section class="parrafo">
                    <p>Si nunca has tocado la guitarra, no te preocupes. Con éste curso te enseñaremos desde cero. 
                    Aprenderás a tocar acordes, escalas, ritmos y mucho más. 
                    Nuestros profesores te enseñarán de forma sencilla y amena. </p>
                </section> 
            </div>
            
            <h2>¡Anímate y ven a aprender con nosotros!</h2>
            
            <div class="container">
                <div class="benefits">
                <ul >
                    <li><i class="fas-fa-check-circle"></i> ✅Clases Presenciales</li>
                    <li><i class="fas-fa-check-circle"></i> ✅Curso desde Cero</li>
                    <li><i class="fas-fa-check-circle"></i> ✅Clases Grupales</li>
                    <li><i class="fas-fa-check-circle"></i> ✅Clases días Sábados</li>
                </ul>
                </div>
                    <div class="video">
                        <iframe src="https://www.youtube.com/embed/X79_0mKYvjk" frameborder="0" title="Guitar Lesson Video"></iframe>
                    </div>
                </div>
            
                <div class="contact">
                <button class="nav-button4"><a href="https://forms.gle/VQTdeTUU646rN1k66">¡Inscríbete Ahora!</a></button>

                <p>Si deseas inscribirte o tienes alguna duda, no dudes en contactarnos. 
                    Estamos para ayudarte. </p>
                </div>
                
        </main>
        <footer class="footer"> 
            <p>Academia Artística i54- 2024</p>
            <p><a href="https://wa.me/+573245983307">3245983307</a> para obtener más información.</p></p>
            
        </footer>    
    </div>
    
    <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
<script src="https://mediafiles.botpress.cloud/4b6a1cbe-8ad9-40e4-96cd-3c71e988a82e/webchat/config.js" defer></script>
<script src="./javascript.js"></script>

</body>
</html>