diff --git a/Clickandshop.css b/Clickandshop.css new file mode 100644 index 0000000..99457e0 --- /dev/null +++ b/Clickandshop.css @@ -0,0 +1,133 @@ +@charset "ISO-8859-1"; +body { + margin: 0; + color: rgb(55, 84, 55); + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*color y font distinto al forms*/ +} + +table{ + width:70%; + margin-left:auto; + margin-right:auto; +} + +table td img{ + width:400px; + height:auto; +} + +.header { + display: flex; + justify-content: space-between; + align-items: center; + background-color: rgb(55, 84, 55); + padding: 20px 20px; + } + + .header a { + + color: rgb(245, 240, 230); + text-align: center; + padding: 12px; + text-decoration: none; + font-size: 18px; + line-height: 25px; + border-radius: 4px; + } + + .header a:hover { + background-color: rgb(245, 240, 230); + color: black; + } + + .header-derecha { + display: flex; + } + + header a img { + width: 200px; + height: auto; + } +/* Formato del logo en el banner*/ +.logo{ + height:100px; + width: auto; +} + +/* Formato de imagenes en el banner*/ +.bannerimg{ + height:40px; + width: auto; +} + +.centrado{ + text-align:center; +} +.img { + width:auto; + height:200px; +} + +.contactos{ + margin-left:auto; + margin-right:auto; + margin-top:150px; + margin-bottom:150px; + width: 70%; +} + +/* Estilos para barra de navegacion*/ +footer { + display:flex; + flex-direction: column; + background-color: rgb(245, 240, 230); + color: black; + + padding: 20px 0; +} +.divf { + display:flex; + align-items: center; + +} + +nav { + display: flex; + max-width: 1200px; + margin: 0 auto; +} + +nav ul { + list-style: none; + padding: 0; +} + +nav ul li { + margin-bottom: 10px; +} + +nav h4 { + font-size: 16px; + margin-bottom: 10px; +} + +nav p { + font-size: 14px; + margin-bottom: 10px; +} +/* iconos de redes */ +nav img { + + width: 24px; + height: 24px; + margin-right: 10px; +} + +a { + color: rgb(65, 52, 45); + text-decoration: none; +} + +p { + text-align: center; +} \ No newline at end of file diff --git a/Home.html b/Home.html index 052e2a9..045868e 100644 --- a/Home.html +++ b/Home.html @@ -1,20 +1,107 @@ - - - - -Home - - - - - + + + + +Home + + + + +
+
+ +
+ + + + + + Home + Iniciar Sesión + Registrarse + Ordenes + Pagos + Productos + Inventario + Reseñas + Sobre Nosotros + + + +
+
+
+ +
+

Noticias

+ + + + + + + + + + + + +
+ + + BBC + + +
+ TECNOLOGÍA PARA MEDIR, CONTROLAR, CAPTURAR Y REUTILIZAR EMISIONES CONTAMINANTES
-Vertigo Politico + 		Are 'green' cruise ships good for the climate?
-BBC + 		¿Qué se espera para la tecnología en 2024?
-CNN +
+ +
+
+

Click & Shop

+ +

Click & Shop es el lugar perfecto para encontrar todo lo que necesitas. +Desde productos básicos para el hogar hasta moda, electrónica y más, ofrecemos una amplia selección. +Además, disfruta de envíos rápidos y precios atractivos.
+¡Compra desde la comodidad de tu casa y encuentra las mejores ofertas en nuestra tienda en línea!

+
+ + + + \ No newline at end of file diff --git a/Sobre Nosotros.html b/Sobre Nosotros.html new file mode 100644 index 0000000..1955a38 --- /dev/null +++ b/Sobre Nosotros.html @@ -0,0 +1,117 @@ + + + + +Sobre Nosotros + + + +
+
+ +
+ + + + + + Home + Iniciar Sesión + Registrarse + Ordenes + Pagos + Productos + Inventario + Reseñas + Sobre Nosotros + + + +
+
+
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + +
+ Kenshin Ng
+ 3-750-941
+ Ingeniería de Software + 		+ Eynar Morales
+ 8-996-518
+ Ingeniería de Software + 		+ Paola Quiñones
+ 8-1012-1297
+ Ingeniería de Software +
+ uwu + + La implementación de JSP me brindó una comprensión más profunda de cómo integrar la lógica en páginas web dinámicas. Usando HTML y CSS, pude crear una interfaz de usuario atractiva y responsiva que mejoró enormemente la experiencia del usuario al simplificar la navegación y la interacción con el sistema.
+ + Estos aprendizajes no solo me permitieron cumplir con los objetivos del proyecto, sino que también fueron fundamentales para adentrarme en el desarrollo web y aprender a crear páginas interactivas y funcionales. + 		+ Durante el desarollo de este proyecto tuve la oportunidad de crear una página web la cual implementa múltiples funcionalidades que ayudan a crear una experiencia de usuario comprensiva y logica.
+ Para completar este proyecto se desarrollo un frontend y un backend que juntos otorgan funcionalidades como log in, consultas de inventario, registro de reseñas y consulta de ordenes. +
+ +
+ + + + \ No newline at end of file diff --git a/eynar.png b/eynar.png new file mode 100644 index 0000000..de7dd01 Binary files /dev/null and b/eynar.png differ diff --git a/kenshin.png b/kenshin.png new file mode 100644 index 0000000..309516a Binary files /dev/null and b/kenshin.png differ diff --git a/noticia 1.png b/noticia 1.png new file mode 100644 index 0000000..877eba1 Binary files /dev/null and b/noticia 1.png differ diff --git a/perfil.png b/perfil.png new file mode 100644 index 0000000..3467fe6 Binary files /dev/null and b/perfil.png differ