diff --git a/src/main/webapp/formulario_bootcamp.jsp b/src/main/webapp/formulario_bootcamp.jsp index cc4cccb..2254e06 100644 --- a/src/main/webapp/formulario_bootcamp.jsp +++ b/src/main/webapp/formulario_bootcamp.jsp @@ -17,9 +17,10 @@ + - JSP Page + Crear BOOTCAMP diff --git a/src/main/webapp/home.css b/src/main/webapp/home.css index 2deed6c..460a0cc 100644 --- a/src/main/webapp/home.css +++ b/src/main/webapp/home.css @@ -1,125 +1,95 @@ - img.logoi { - width: 200px; - } - - img { - width: 400px; - padding: 10px; - display: block; - padding: 10px; - } +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +body{ + width:100vw; + height: 100vh; + background: linear-gradient(100deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25)); + background-image: url(imagenes/descarga.svg); + font-family: Georgia, 'Times New Roman', Times, serif; + font-weight: "bold"; + color: white; +} +.contenedor{ + width: 100%; + height: 20%; + display: flex; + justify-content: space-between; + align-items: center; +} +.main{ + width: 100%; + height: 80%; + display: flex; + align-items: center; + /* background-color: aqua; */ +} +.letra{ + width: 60%; + height: 40%; + margin-left: 10px; + font-weight: bold; + color: aliceblue; +} +.letra h3{ - .header { - margin-bottom: 0; - width: 700px; - } +} +.imagen{ + width: 40%; + /* background-color: crimson; */ + +} + + +.contenido a img{ + width: 100%; + display: flex; + justify-content: flex-end; - a { - float: right 100px; - color: #fff; - font-size: larger; - text-decoration: none; - padding: 10px; - } +} +.link{ + width: 90%; + height: 80%; + text-decoration: none; + display: flex; - body { - background: linear-gradient(100deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25)); - background-image: url(imagenes/descarga.svg); - background-size: contain; - background-attachment: fixed; - background-blend-mode: multiply; - font-family: Georgia, 'Times New Roman', Times, serif; - color: white; - position: relative; - width: 100px; - height: 100px; - } - /* ul{ - list-style: none; + justify-content: flex-end; + align-items: center; +} +ul { + width: 70%; + height: 70%; } -.menu >ul{ - float: right; + +div.link ul li a { + /* float: right 100px; + color: #fff; + font-size: larger; */ + text-decoration: none; + color: aliceblue; + /* padding: 10px; */ } -.menu li a { +.link ul { + display: flex; + justify-content: space-around; + align-items: center; + list-style: none; +} - color:#fff; - text-decoration:none; - padding:10px 12px; - display:block; +.imagen img{ + width: 100%; + height:100%; + } -.menu li ul li { - marging-left - position:relative; -} */ - - .menu { - width: 400%; - float: left; - } - - .menu ul li { - float: right; - list-style-type: none; - text-align: right; - } - - div.menu { - float: right; - } - - .menu ul li a { - padding-left: 5px; - text-decoration: none; - font-size: clamp(145px); - text-transform: uppercase; - display: block; - position: relative; - overflow: hidden; - padding-bottom: 50px; - white-space: nowrap; - } - - .grafico, - svg { - max-width: 50px; - display: block; - height: auto; - } - - .seccion.hero { - margin-top: 10px; - padding-bottom: 10px; - width: 900px; - } - - .hero { - perspective: 100px; - } - - .hero { - display: grid; - grid-template-columns: auto repeat(5, 0.5fr) auto; - } - - .hero { - display: flex; - flex-direction: column; - align-items: center; - padding-left: 200px; - /* padding-right: 200px; - */ - } - /* */ - - .postulacion { - border-radius: 30px; - } - - .cta-main { - width: 200px; - font-family: monospace; - background-color: yellow; - border: none; - } + +.cta-main { + width: 200px; + font-family: monospace; + background-color: yellow; + border: none; +} \ No newline at end of file diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html index 256cef0..6e2e3ef 100644 --- a/src/main/webapp/index.html +++ b/src/main/webapp/index.html @@ -1,83 +1,57 @@ - - + - - - - - - - + + + - - Roshka WebSite - - -
- -
- + Web Site Roshka + + +
+
+ imagen +
+
- -
- -
- - - -
-
- - - - - - -






-
-
-
-

Es tu turno Postulate para el bootcamp

-

Aprende

-
-
-
-

Es un campo de entrenamiento intensivo y gratuito para principiantes que ya programan y quieren ser parte de la empresa

-
-
- - -
-
- -
- -
- - - -
- -
-
-
-
- -
- - - - + + + +
+
+

Es tu turno, Postulate para el bootcamp

+

+ Es un campo de entrenamiento intensivo y gratuito para principiantes + que ya programan y quieren ser parte de la empresa. +

+ + + +
+ +
+ +
+
+ diff --git a/src/main/webapp/menu.jsp b/src/main/webapp/menu.jsp index 2fedc11..868311e 100644 --- a/src/main/webapp/menu.jsp +++ b/src/main/webapp/menu.jsp @@ -27,9 +27,8 @@ -
-

MENU TH

+

Bienvenido! al MENU TH

EN LOS SIGUIENTES LINKS PUEDE MODIFICAR, AGREGAR O ELIMINAR DATOS DE LA BASE DE DATOS DEL BOOTCAMP

PUEDE ACCEDER A LOS SIGUIENTES LINKS:

diff --git a/src/main/webapp/menulogin.css b/src/main/webapp/menulogin.css index 60a67fa..5dacac3 100644 --- a/src/main/webapp/menulogin.css +++ b/src/main/webapp/menulogin.css @@ -1,4 +1,6 @@ * { + padding: 0; + margin: 0; box-sizing: border-box; } @@ -15,7 +17,8 @@ img { font-family: 'Satisfy', cursive; font-family: 'Staatliches', cursive; font-size: 13px; - background-image: url(imagenes/descarga.svg); + background-image: url(imagenes/descarga.svg); + } .header, @@ -41,14 +44,15 @@ img { a { color: white; + text-align: center; text-decoration: none; - + font-size: larger; } .menu { width: 50%; + text-align: center; } - .content { width: 50%; } @@ -62,20 +66,35 @@ img { .menu li { padding: 8px; margin-bottom: 8px; - background-color: rgb(18, 18, 98); - color: #ffffff; + border: solid 2px white; + /* background-image: url(imagenes/descarga.svg); */ + color: rgb(18, 18, 98); + } .menu li:hover { - background-color: rgb(18, 18, 98); + background-color: rgb(18, 18, 98); } div.header{ - background-image: url(imagenes/descarga.svg); - transition-property: opacity, left; - transition-duration: 3s, 5s; + background-image: url(imagenes/descarga.svg); + border: solid 1px black; } h1{ + color: white; text-align: center; + font-size: 30px; + } + + h2,h3{ + text-align: center; + font-family: monospace; + color: white; + } + h2:hover{ + color: yellow; + } + h3:hover{ + color: yellow; } \ No newline at end of file