index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
    <!-- para concectar con css  -->


    <link rel="stylesheet" href="home.css">

    <!-- el icono para la pagina  -->
    <link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" />

    <title>Roshka WebSite</title>
</head>

<div class="header">
    <div class="logo">
        <a href="./index.html"> <img class="logoi" src="imagenes/logo-roshka.svg" alt="" /> </a>
        <!-- logo con link -->
    </div>
    <div class="menu">

        <ul>
            <li class="link-menu"><a href="">Home</a></li>

            <li class="link-menu"><a href="bootcamp.jsp">Postulate</a></li>
            <li class="link-menu"><a href="formulario_bootcamp.jsp">Crear bootcamp</a></li>
            <li class="link-menu"><a href="manage_postulantes.jsp">Manage Postulantes(perdon angel)</a></li>
            <li class="link-menu"><a href="login.jsp">Login</a>
            <li class="link-menu"><a href="protected">Recurso Protegido</a></li>
            </li>
            <li class="link-menu"><a href="formulario_lenguaje.jsp">Crear lenguaje</a>
            </li>
            <li class="link-menu"><a href="formulario_profesor.jsp">Crear profesor</a>
            </li>

        </ul>

    </div>
    <!-- menu  -->
</div>
<!-- header -->


<div class="main">
    <div class="seccion hero">


        <!-- <div class="contenido"> -->

        <br> <br> <br> <br> <br> <br><br>
        <div class="texto">
            <div class="titulo">
                <div class="titulo">
                    <h2>Es tu turno <strong>Postulate</strong> para el bootcamp</h2>
                    <h1>Aprende</h1>
                </div>
            </div>
            <div class="parrafo">
                <p data-block-key="cwggy">Es un campo de entrenamiento intensivo y gratuito para principiantes que ya programan y quieren ser parte de la empresa</p>
            </div>
            <div class="postulacion">
                <a href="bootcamp.jsp"><button type="submit" class="cta-main">POSTULACION</button></a>
                <!--  <a href="/postulacion" class="cta-main">POSTULACION</a> -->
            </div>
        </div>

        <div class="grafico">
            <img style="align-items:right ;" src="imagenes/ilustracion-herov3.svg" alt="">
        </div>

        <!-- </div> -->

    </div>
    <!-- pie de pagina -->
    <div class="footer">
        <div class="logofooter"><img src="imagenes/logo_footer.svg" alt="" class="logofooter"></div>
    </div>
</div>

</div>
</div>

</body>

</html>