From 9fa26ae5fa9c10eadb0456f3b583d325cd4e4dfc Mon Sep 17 00:00:00 2001 From: PaoraK21 <167718847+PaoraK21@users.noreply.github.com> Date: Sun, 30 Jun 2024 14:17:32 -0500 Subject: [PATCH] Paola aqui tela cosa mia de nuevo, porq entonces kenshin no sabe avisar las cosas con tiempo tonces ya yo habia terminado y el man se puso a hacer cosas locas. --- Clickandshop.css | 133 ++++++++++++++++++++++++++++++++++++++++++++ Home.html | 125 ++++++++++++++++++++++++++++++++++------- Sobre Nosotros.html | 117 ++++++++++++++++++++++++++++++++++++++ eynar.png | Bin 0 -> 32677 bytes kenshin.png | Bin 0 -> 4053154 bytes noticia 1.png | Bin 0 -> 131859 bytes perfil.png | Bin 0 -> 266535 bytes 7 files changed, 356 insertions(+), 19 deletions(-) create mode 100644 Clickandshop.css create mode 100644 Sobre Nosotros.html create mode 100644 eynar.png create mode 100644 kenshin.png create mode 100644 noticia 1.png create mode 100644 perfil.png 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 @@ - - -
- -
+ 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!
+
+
+ |
+
+
+ |
+
+
+ |
+
|---|---|---|
|
+ 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. + |
+
x3I`=%{paHa0-S#f^O#kuO-
z)DR%@g~%m?DOR0Ft|NP_i$z9HqYFlPu?(O~n!m@06iKK9A%J{TPl7#! >m}B338&agoJRGK5frpz&y}
z_dqtsmSO<#0bWmt2-*5t)=&xugVK_s8;Ofm9YNEP#$`|bOwt&N8p!T3MP5)Ng!&oS
zv^tuPPOW>N?;r;mcOaVtW2C^Cg@DteV=26gE?@?DD%ej~c>DZU*l%udb^Z!xAAXFJ
z(=()Z jn+zvfEBqR@;VHsK$vh*tP5
zlnR>$2#hM!&-z_G&oy&m(xQv1-V9h<`9XtLqluc%vOS~_BmoM{dd%0ffX!6Fzcd_g
zx3ZsMjMsV|c<$Zy6Jo5v-dyeT6M|Qel#km{!C1wq^aNx7UbW_66rp^RfEKLg%x!nv
zyRW5M0$Gen4CuI`HNIT))8Z~1vL(6suUFT)S9o)W>asStv6W{oYR)Cqe)D1Mn6(qn
zR=48oesncA(^s^mF5F}
zxsU}5mHse9vKhQ;VK8+L=`dT|!}8u4cI#K@La7ZkU-Q+auzI&OsaYx5Z>}+oI}F=3
zuHHV!Y_UK}bF5AuVR>|l*?fs^w!myT7k<&LF#CNnxC*Sx*wc|Y&xe(u-(y6@NhWH>w7
zivOhe6CWR+xV@dVD<7Yz6d&JyDG?#wl?s(7IlMpo2v^&ae6<703%n12K$s(pkMB7~
zZ0FKG-e=JWJ9h*hpP0