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

<head>
    <%- include("template/head.ejs")%>
    <link rel="stylesheet" type="text/css" href="../css/crearproyectos.css" />
    
</head>

<body>
    <%- include("template/header.ejs")%>
    <main class="container-fluid p-0 mb-0">

        <%- include("template/navleft.ejs")%>


        <div class="float-start ms-0 row justify-content-center col-8 col-lg-8 col-md-9 col-sm-9 text-center">

            <div class="h-100 m-3 col-11 float-none col-center border border-dark border-2 overflow-hidden"
                style=" background-color:#eee8cd;max-height: 1200px;">
                <div class=" row border border-dark border-end-0 border-top-0 border-start-0">
                    <div class="col-center pt-4 pb-md-3 pb-sm-3 pb-3 pb-lg-3">
                        <span class="fs-5 fw-bold">Crear Examen Preguntas Cortas</span>
                    </div>

                </div>
                <form action="/cortas/crearcortas" class= "needs-validation formulario" method="POST">
                <div class="col-12 mt-3" style="max-height: 1100px;">
                    <input id="textoPerfil" class="col-12 col-sm-12 col-md-8 col-lg-9 btn btn-info my-2" name="tema"
                        placeholder="Nombre del Tema"></input>

                    
                        <!--Las Diez Preguntas Cortas-->
                          <div>
                            <input id="textoPreguntas" name="pregunta1" type="text" class="col-12 col-sm-12 col-md-12 col-lg-12 btn btn-success my-2"
                                 placeholder="Escribir Pregunta"></input>
                               </div>
                               <div>
                                <input id="textoPreguntas" name="pregunta2" type="text" class="col-12 col-sm-12 col-md-12 col-lg-12 btn btn-success my-2"
                                     placeholder="Escribir Pregunta"></input>
                                   </div>
                                   <div>
                                    <input id="textoPreguntas" name="pregunta3" type="text" class="col-12 col-sm-12 col-md-12 col-lg-12 btn btn-success my-2"
                                         placeholder="Escribir Pregunta"></input>
                                       </div>
                                       <div>
                                        <input id="textoPreguntas" name="pregunta4" type="text" class="col-12 col-sm-12 col-md-12 col-lg-12 btn btn-success my-2"
                                             placeholder="Escribir Pregunta"></input>
                                           </div>
                                           <div>
                                            <input id="textoPreguntas" name="pregunta5" type="text" class="col-12 col-sm-12 col-md-12 col-lg-12 btn btn-success my-2"
                                                 placeholder="Escribir Pregunta"></input>
                                               </div>
                                               <div>
                                                <input id="textoPreguntas" name="pregunta6" type="text" class="col-12 col-sm-12 col-md-12 col-lg-12 btn btn-success my-2"
                                                     placeholder="Escribir Pregunta"></input>
                                                   </div>
                                                   <div>
                                                    <input id="textoPreguntas" name="pregunta7" type="text" class="col-12 col-sm-12 col-md-12 col-lg-12 btn btn-success my-2"
                                                         placeholder="Escribir Pregunta"></input>
                                                       </div>
                                                       <div>
                                                        <input id="textoPreguntas" name="pregunta8" type="text" class="col-12 col-sm-12 col-md-12 col-lg-12 btn btn-success my-2"
                                                             placeholder="Escribir Pregunta"></input>
                                                           </div>
                                                           <div>
                                                            <input id="textoPreguntas" name="pregunta9" type="text" class="col-12 col-sm-12 col-md-12 col-lg-12 btn btn-success my-2"
                                                                 placeholder="Escribir Pregunta"></input>
                                                               </div>
                                                               <div>
                                                                <input id="textoPreguntas" name="pregunta10" type="text" class="col-12 col-sm-12 col-md-12 col-lg-12 btn btn-success my-2"
                                                                     placeholder="Escribir Pregunta"></input>
                                                                   </div>

                    
                </div>
                <a class="col-12 col-sm-12 col-md-12 col-lg-4 btn btn-success my-2 px-1 m-5" href="/cortas" id="volveriniciarsesion">Ir a Cortas</a>
            <button class="col-12 col-sm-12 col-md-12 col-lg-3 btn btn-success my-2 px-1 my-2" type="submit">Guardar</button>
              </form>
            </div>
            
        
        </div>




        <%- include("template/navright.ejs")%>




    </main>
    <%- include("template/footer.ejs")%>
</body>

</html>