Ejemplo/index.html

<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Prueba de maquetación</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css">	
    </head> 
    <body>
        <h1>MANUAL CODER</h1>
        <img id="personaConOrdenador" src="img/1-img.jpg" alt="Ilustración de persona con ordenador">
        <section>
            <h2 class="red">PUNTUALIDAD Y ASISTENCIA</h2>
            <p>La <strong>asistencia</strong> es lo más importante. Si no venimos al menos al 90% de las clases, no conseguiremos superar el bootcamp. La acumulación de demasiadas ausencias injustificadas es motivo de expulsión del curso.</p>
            <p>La <strong>puntualidad</strong> muestra nuestro interés y constancia en el curso y sobre todo el respeto a las demás personas. Se dan 10 minutos de cortesía.</p>
        </section>

        <section>
            <h2 class="green">AUTONOMÍA</h2>
            <p>Una de las características más buscadas en las personas desarrolladoras, es <strong>que puedan resolver problemas autónomamente. Investiga lo que no entiendas.</strong></p>
            <p>Es importante tomar notas y aunque algunas clases se grabarán en vídeo para poder repasar, es importante ir tomando apuntes de lo más relevante para no perder el hilo y reforzar.</p>
            <h2 class="red">RESPETO Y COMUNICACIÓN</h2>
            <p>Estamos en un espacio seguro donde nos expresamos con libertad, siempre con respeto a las demás personas. </p>
            <p>Pasaremos mucho tiempo juntas, somos personas diferentes, y tenemos que esforzarnos por <strong>comunicarnos de manera asertiva y no violenta para el buen desarrollo de la clase.</strong></p>
        </section>

        <img id="dosPersonasConOrdenador" src="img/2-img.jpg" alt="Dos personas como dentro de un ordenador">

        <img src="img/3-img.jpg" alt="Ilustración de joven con ordenador">

        <section>
            <div id="constancia">
                <h2 class="red">CONSTANCIA</h2>
                <p>Es importante hacer los ejercicios y proyectos. 
                <strong>Sin práctica, es imposible aprender a programar. Todo tiene una finalidad y es que seas mejor que ayer.</strong></p>
                <p>Es imprescindible dedicar tiempo a estudiar fuera del horario de clase. Con un mínimo de media hora al día, conseguiremos asentar los conocimientos, resolver dudas y practicar, practicar, practicar!</p>
            </div>
            <h2 class="green">PREGUNTAR</h2>
            <p>Una vez que hayas agotado todas las posibilidades en tu búsqueda, <strong>no dudes en preguntar a las personas formadoras y compañeras.</strong></p>
            <p>Es imprescindible hacer preguntas cuando no entendamos algo. Dejad atrás la vergüenza, ¡estamos aquí para aprender! Al final del curso, son tus conocimientos los que te permitirán encontrar un trabajo, no el diploma que te entreguemos.</p>
        </section>

        <section>
            <h2 class="red">TRABAJO EN EQUIPO</h2>
            <p>Escuchar a las demás, tener paciencia, ofrecer y pedir ayuda, no juzgar, ni insultar, buscar juntas estrategias para resolver los conflictos y sino, pedir ayuda al equipo técnico.</p> 
            <p>Cuando podamos, está bien ofrecer ayuda, compartir conocimientos, apuntes, consejos y clases de repaso con las compañeras.</p>
            <p><storng>Recuerda: Sola llegas antes, pero acompañada llegas más lejos.</storng></p>
        </section>
            
        <img src="img/4-img.jpg" alt="Ilustración de mujer con un ordenador">

        <footer>
            Images by pikisuperstart<br/> on Freepik
        </footer>
    </body>
</html>