diff --git a/.idea/encodings.xml b/.idea/encodings.xml index 63e9001..aa00ffa 100644 --- a/.idea/encodings.xml +++ b/.idea/encodings.xml @@ -2,5 +2,6 @@ + \ No newline at end of file diff --git a/src/main/java/com/roshka/proyectofinal/ProtectedResource.java b/src/main/java/com/roshka/proyectofinal/ProtectedResource.java index caf282b..1ce29d8 100644 --- a/src/main/java/com/roshka/proyectofinal/ProtectedResource.java +++ b/src/main/java/com/roshka/proyectofinal/ProtectedResource.java @@ -1,13 +1,14 @@ package com.roshka.proyectofinal; -import java.io.*; -import java.util.*; -import javax.servlet.*; -import javax.servlet.http.*; +import jakarta.servlet.ServletException; +import jakarta.servlet.http.*; + +import java.io.*; + public class ProtectedResource extends HttpServlet { - public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { + public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { res.setContentType("text/plain"); PrintWriter out = res.getWriter(); diff --git a/src/main/webapp/estilos/home.css b/src/main/webapp/estilos/home.css index dc88196..95ec9ca 100644 --- a/src/main/webapp/estilos/home.css +++ b/src/main/webapp/estilos/home.css @@ -5,6 +5,9 @@ img.logoi{ img{ width: 400px; + padding: 10px; + display: block; + padding:10px ; } .header { margin-bottom: 0; @@ -12,15 +15,21 @@ img{ } a{ float: right 100px; + color: #fff; + font-size: larger; + text-decoration: none; + padding: 10px; + } body { - background: linear-gradient(45deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25)); - background-image: url(/project-roshka/imagenes/descarga.svg); - background-size: cover; + background: linear-gradient(100deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25)); + background-image: url(webapp/imagenes/descarga.svg); + + background-size: contain; background-attachment: fixed; background-blend-mode: multiply; - font-family: "normal"; + font-family: Georgia, 'Times New Roman', Times, serif; color: white; position: relative; width: 100px; @@ -59,11 +68,18 @@ body { div.menu{ float: right; + } + html, body { + margin:0; + padding:0; + height:100%; + } + .menu ul li a { padding-left: 5px; - text-decoration: none; - font-size: clamp(14px, 20px, 1.2vw); + + font-size: clamp(145px); text-transform: uppercase; display: block; position: relative; @@ -77,15 +93,16 @@ body { height: auto; } .seccion.hero { - padding-bottom: 20px; - width: 1098px; + margin-top: 10px; + padding-bottom: 10px; + width: 900px; } .hero { - perspective: 150px; + perspective: 100px; } .hero { display: grid; - grid-template-columns: auto repeat(10, 1fr) auto; + grid-template-columns: auto repeat(5, 0.5fr) auto; } .hero { display: flex; @@ -95,8 +112,35 @@ body { /* padding-right: 200px; */ } +/* */ .postulacion{ border-radius: 30px; -color: blue; - +} +.cta-main{ + width: 200px; + font-family: monospace; +background-color: yellow; +border: none; +} +/* Contenido pie de pagina */ +/* usamos media quiere para el responsive */ +/* @media (min-width: 768px) +.footer { + display: grid; + grid-template-rows: auto auto; + align-items: flex-start; + gap: 0; + padding: 80px 20px +} */ +.footer{ + margin-top: 10px; + padding-bottom: 10px; + height:100px; + width: 100px; + display: grid; +} + +.menu-footer a{ + text-decoration: none; + float: right; } \ No newline at end of file diff --git a/src/main/webapp/imagenes/icon-email.svg b/src/main/webapp/imagenes/icon-email.svg new file mode 100644 index 0000000..74ce158 --- /dev/null +++ b/src/main/webapp/imagenes/icon-email.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/main/webapp/imagenes/icon-location.ico b/src/main/webapp/imagenes/icon-location.ico new file mode 100644 index 0000000..b810fe9 Binary files /dev/null and b/src/main/webapp/imagenes/icon-location.ico differ diff --git a/src/main/webapp/imagenes/icon-location.svg b/src/main/webapp/imagenes/icon-location.svg new file mode 100644 index 0000000..32ec604 --- /dev/null +++ b/src/main/webapp/imagenes/icon-location.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/main/webapp/imagenes/icon-phone.svg b/src/main/webapp/imagenes/icon-phone.svg new file mode 100644 index 0000000..e2cf3c6 --- /dev/null +++ b/src/main/webapp/imagenes/icon-phone.svg @@ -0,0 +1,51 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/imagenes/logo_footer.svg b/src/main/webapp/imagenes/logo_footer.svg new file mode 100644 index 0000000..4fa8d55 --- /dev/null +++ b/src/main/webapp/imagenes/logo_footer.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/main/webapp/imagenes/social-fb.svg b/src/main/webapp/imagenes/social-fb.svg new file mode 100644 index 0000000..10c1fdf --- /dev/null +++ b/src/main/webapp/imagenes/social-fb.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/main/webapp/imagenes/social-ig.svg b/src/main/webapp/imagenes/social-ig.svg new file mode 100644 index 0000000..99bee1c --- /dev/null +++ b/src/main/webapp/imagenes/social-ig.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/main/webapp/imagenes/social-linkedin.svg b/src/main/webapp/imagenes/social-linkedin.svg new file mode 100644 index 0000000..935f63b --- /dev/null +++ b/src/main/webapp/imagenes/social-linkedin.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/main/webapp/imagenes/social-twitter.svg b/src/main/webapp/imagenes/social-twitter.svg new file mode 100644 index 0000000..d7776de --- /dev/null +++ b/src/main/webapp/imagenes/social-twitter.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html index 69e4abf..86aff9e 100644 --- a/src/main/webapp/index.html +++ b/src/main/webapp/index.html @@ -1,67 +1,202 @@ - + - + + + - + + Roshka WebSite - -
+ +
- +
-
- +
+ -
+
- - -






-
-
-

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

-
-
- POSTULACION -
-
+ -
- +






+
+
+

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

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