Skip to content

Paola #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
PaoraK21 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Paola #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
133 changes: 133 additions & 0 deletions Clickandshop.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}
125 changes: 106 additions & 19 deletions Home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,107 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Home</title>
</head>
<body>
<nav>
<ul>
<li><a href="consulta_ordenes.jsp">Ver �rdenes</a></li>
<li><a href="consulta_pagos.jsp">Ver Pagos</a></li>
<li><a href="ingresar_resenhas.jsp">Crear Rese�as</a></li>
<li><a href="consulta_rese�as.jsp">Ver Rese�as</a></li>
<li><a href="ConsultaProductos.html">Ver Productos</a></li>
<li><a href="ConsultaInventario.html">Ver Inventario</a></li>
</ul>
</nav>

</body>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Home</title>
<link rel="stylesheet" href="Clickandshop.css">
</head>
<body>

<header>
<div class="header">
<a href="Home.html" class="logo"><img src="img/Click&Shop.png" alt="Logo"></a>
<div class="header-derecha">
<a href="https://www.google.com/">
<svg width="30px" height="30px" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><!--Vector lupa para el �cono de b�sqeda-->
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.0688 15.5967C22.494 17.3584 17.3584 22.494 15.5967 29.0688C13.8349 35.6437 15.7147 42.6591 20.5278 47.4722C25.341 52.2854 32.3563 54.1651 38.9312 52.4034C41.5388 51.7047 43.9195 50.4748 45.9537 48.8354L48.1906 51.0723C47.4887 52.8654 47.862 54.9821 49.3105 56.4309L62.039 69.1628C63.9909 71.1152 67.1561 71.1155 69.1082 69.1633C71.0601 67.2115 71.0603 64.047 69.1087 62.0949L56.3802 49.3631C54.9309 47.9133 52.8126 47.5399 51.0186 48.243L48.7884 46.0128C50.4516 43.9658 51.6979 41.5639 52.4034 38.9312C54.1651 32.3563 52.2854 25.341 47.4722 20.5278C42.6591 15.7147 35.6437 13.8349 29.0688 15.5967ZM33.9963 20.7417C31.7086 20.742 29.4201 21.334 27.3699 22.5177C23.2686 24.8856 20.742 29.2615 20.7417 33.9973C20.7417 35.1018 21.637 35.9973 22.7416 35.9974C23.8462 35.9974 24.7417 35.1021 24.7417 33.9975C24.7419 30.6907 26.5061 27.6352 29.3699 25.9818C30.8015 25.1552 32.3987 24.7419 33.9968 24.7417C35.1014 24.7416 35.9967 23.846 35.9966 22.7414C35.9964 21.6369 35.1009 20.7416 33.9963 20.7417Z" fill="#C2CCDE" />
</svg>
</a>
<a href="falta esta">Home</a>
<a href="IniciarSesion.html">Iniciar Sesi�n</a>
<a href="registroUsuario.html">Registrarse</a>
<a href="consulta_ordenes.jsp">Ordenes</a>
<a href="consulta_pagos.jsp">Pagos</a>
<a href="ConsultaProductos.html">Productos</a>
<a href="consulta_inventario.jsp">Inventario</a>
<a href="consulta_rese�as.jsp">Rese�as</a>
<a href="Sobre Nosotros.html">Sobre Nosotros</a>
<a href="">
<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M4 4a1 1 0 0 1 1-1h1.5a1 1 0 0 1 .979.796L7.939 6H19a1 1 0 0 1 .979 1.204l-1.25 6a1 1 0 0 1-.979.796H9.605l.208 1H17a3 3 0 1 1-2.83 2h-2.34a3 3 0 1 1-4.009-1.76L5.686 5H5a1 1 0 0 1-1-1Z" clip-rule="evenodd"/>
</svg>
</a>
</div>
</div>
</header>

<section>
<h1>Noticias</h1>

<table>
<tr>
<td>
<img src="noticia 1.png">
</td>
<td>
<img alt="BBC" src="https://ichef.bbci.co.uk/images/ic/1920xn/p0j6xgwy.jpg.webp">
</td>
<td>
<iframe alt="CNN" width="420" height="230" src="https://www.youtube.com/embed/p6vN06ypccM?si=0g7VqKSqBO1bnfW5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</td>
</tr>
<tr>
<td>
<a href="https://www.vertigopolitico.com/columnas/notas/tecnologia-para-medir-y-reutilizar-emisiones-contaminantes">TECNOLOG�A PARA MEDIR, CONTROLAR, CAPTURAR Y REUTILIZAR EMISIONES CONTAMINANTES<br>-Vertigo Politico</a>
</td>
<td><a href="https://www.bbc.com/future/article/20240627-are-green-cruise-ships-good-for-the-climate">Are 'green' cruise ships good for the climate?<br>-BBC</a>
</td>
<td><a href="https://www.youtube.com/watch?v=p6vN06ypccM">�Qu� se espera para la tecnolog�a en 2024?<br>-CNN</a>
</td>
</tr>
</table>

</section>
<section>
<h1>Click & Shop</h1>

<p>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.<br>
�Compra desde la comodidad de tu casa y encuentra las mejores ofertas en nuestra tienda en l�nea!<br></p>
</section>

<footer>
<div class="divf">
<nav>
<ul>
<li><a href="registrar_usuario.jsp">�nete</a></li>
<li><a href="">Iniciar Sesi�n</a></li>
<li><a href="">Vender</a></li>
<li><a href="">Ayuda</a></li>
</ul>
</nav>

<nav>

<ul>
<li><a href="">Testimonios y Condiciones</a></li>
<li><a href="">Pol�ticas de Privacidad</a></li>
<li><a href="">Sobre Nosotros</a></li>
</ul>
</nav>

<nav>

<img src="https://img.icons8.com/?size=100&id=118490&format=png&color=000000" alt="Facebook">
<img src="https://img.icons8.com/?size=100&id=juS4pYkbvSCh&format=png&color=000000" alt="TikTok">
<img src="https://img.icons8.com/?size=100&id=118490&format=png&color=000000" alt="Instagram">
<img src="https://img.icons8.com/?size=100&id=85433&format=png&color=000000" alt="YouTube">

</nav>
</div>
<p>Copyright 2024</p>

</footer>

</body>
</html>
117 changes: 117 additions & 0 deletions Sobre Nosotros.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Sobre Nosotros</title>
<link rel="stylesheet" href="Clickandshop.css">
</head>
<body>
<header>
<div class="header">
<a href="Home.html" class="logo"><img src="img/Click&Shop.png" alt="Logo"></a>
<div class="header-derecha">
<a href="https://www.google.com/">
<svg width="30px" height="30px" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><!--Vector lupa para el �cono de b�sqeda-->
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.0688 15.5967C22.494 17.3584 17.3584 22.494 15.5967 29.0688C13.8349 35.6437 15.7147 42.6591 20.5278 47.4722C25.341 52.2854 32.3563 54.1651 38.9312 52.4034C41.5388 51.7047 43.9195 50.4748 45.9537 48.8354L48.1906 51.0723C47.4887 52.8654 47.862 54.9821 49.3105 56.4309L62.039 69.1628C63.9909 71.1152 67.1561 71.1155 69.1082 69.1633C71.0601 67.2115 71.0603 64.047 69.1087 62.0949L56.3802 49.3631C54.9309 47.9133 52.8126 47.5399 51.0186 48.243L48.7884 46.0128C50.4516 43.9658 51.6979 41.5639 52.4034 38.9312C54.1651 32.3563 52.2854 25.341 47.4722 20.5278C42.6591 15.7147 35.6437 13.8349 29.0688 15.5967ZM33.9963 20.7417C31.7086 20.742 29.4201 21.334 27.3699 22.5177C23.2686 24.8856 20.742 29.2615 20.7417 33.9973C20.7417 35.1018 21.637 35.9973 22.7416 35.9974C23.8462 35.9974 24.7417 35.1021 24.7417 33.9975C24.7419 30.6907 26.5061 27.6352 29.3699 25.9818C30.8015 25.1552 32.3987 24.7419 33.9968 24.7417C35.1014 24.7416 35.9967 23.846 35.9966 22.7414C35.9964 21.6369 35.1009 20.7416 33.9963 20.7417Z" fill="#C2CCDE" />
</svg>
</a>
<a href="falta esta">Home</a>
<a href="IniciarSesion.html">Iniciar Sesi�n</a>
<a href="registroUsuario.html">Registrarse</a>
<a href="consulta_ordenes.jsp">Ordenes</a>
<a href="consulta_pagos.jsp">Pagos</a>
<a href="ConsultaProductos.html">Productos</a>
<a href="consulta_inventario.jsp">Inventario</a>
<a href="consulta_rese�as.jsp">Rese�as</a>
<a href="Sobre Nosotros.html">Sobre Nosotros</a>
<a href="">
<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M4 4a1 1 0 0 1 1-1h1.5a1 1 0 0 1 .979.796L7.939 6H19a1 1 0 0 1 .979 1.204l-1.25 6a1 1 0 0 1-.979.796H9.605l.208 1H17a3 3 0 1 1-2.83 2h-2.34a3 3 0 1 1-4.009-1.76L5.686 5H5a1 1 0 0 1-1-1Z" clip-rule="evenodd"/>
</svg>
</a>
</div>
</div>
</header>

<section>
<table class="contactos">
<tr>
<th class="centrado">
<img src="kenshin.png" class="img">
</th>
<th class="centrado">
<img src="eynar.png" class="img">
</th>
<th class="centrado">
<img src="perfil.png" class="img">
</th>
</tr>
<tr>
<td class="centrado">
Kenshin Ng<br>
3-750-941<br>
Ingenier�a de Software
</td>
<td class="centrado">
Eynar Morales<br>
8-996-518<br>
Ingenier�a de Software
</td>
<td class="centrado">
Paola Qui�ones<br>
8-1012-1297<br>
Ingenier�a de Software
</td>
</tr>
<tr>
<td class="centrado">
uwu
</td>
<td class="centrado">
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.<br>

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.
</td>
<td class="centrado">
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.<br>
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.
</td>
</tr>
</table>

</section>

<footer>
<div class="divf">
<nav>
<ul>
<li><a href="registrar_usuario.jsp">�nete</a></li>
<li><a href="">Iniciar Sesi�n</a></li>
<li><a href="">Vender</a></li>
<li><a href="">Ayuda</a></li>
</ul>
</nav>

<nav>

<ul>
<li><a href="">Testimonios y Condiciones</a></li>
<li><a href="">Pol�ticas de Privacidad</a></li>
<li><a href="">Sobre Nosotros</a></li>
</ul>
</nav>

<nav>

<img src="https://img.icons8.com/?size=100&id=118490&format=png&color=000000" alt="Facebook">
<img src="https://img.icons8.com/?size=100&id=juS4pYkbvSCh&format=png&color=000000" alt="TikTok">
<img src="https://img.icons8.com/?size=100&id=118490&format=png&color=000000" alt="Instagram">
<img src="https://img.icons8.com/?size=100&id=85433&format=png&color=000000" alt="YouTube">

</nav>
</div>
<p>Copyright 2024</p>

</footer>
</body>
</html>
Binary file added eynar.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added kenshin.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added noticia 1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added perfil.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.