Skip to content

Home + Sobre Nosotros #1

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 2 commits into
base: main
Choose a base branch
from
Open

Home + Sobre Nosotros #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
cd5d81c
Home + Sobre Nosotros
PaoraK21 Jun 30, 2024
4da7bb6
Arregle las imagenes
Eynarr Jun 30, 2024
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
62 changes: 62 additions & 0 deletions Clickandshop.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
@charset "ISO-8859-1";

header{
text-align:right;
background-color: #375437;
}

/* 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;
}

footer{
background-color:#F5F0E6;
}
.img {
width:auto;
height:200px;
}

.contactos{
margin-left:auto;
margin-right:auto;
margin-top:150px;
margin-bottom:150px;
width: 70%;
}
a{
text-decoration: none;
color:#1c1c1c
}

/* Estilos para barra de navegacion*/
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

li {
float: left;
}

li a {
display: block;
color:#1c1c1c;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
84 changes: 65 additions & 19 deletions Home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,66 @@
<!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>
<!-- Se utiliza una tabla para organizar el header -->
<table>
<tr>
<th>
<img class="logo" src="Click&Shop.png">
</th>
<th style="padding-left:850px">
<a href="https://www.google.com/?hl=es"><img src="./img/search.png" class="bannerimg"></a>
</th>
<th style="padding-left:250px">
<img src="./img/instagram.png" class="bannerimg">
</th>
<th style="padding-left:120px">
<a href="IniciarSesion.html"><img src="./img/usuario.png" class="bannerimg"></a>
</th>
</tr>
</table>

</header>

<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="">Ver Ordenes</a></li>
<li><a href="">Ver Pagos</a></li>
<li><a href="">Crear Reseñas</a></li>
<li><a href="">Ver Reseñas</a></li>
<li><a href="">Ver Productos</a></li>
<li><a href="ConsultaInventario.html">Ver Inventario</a></li>
<li><a href="Sobre Nosotros.html">Sobre Nosotros</a></li>
</ul>
<section>
<h1>Noticias</h1>
<div>
<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><br>
<br><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><br>
<br><a href="https://www.youtube.com/watch?v=p6vN06ypccM"> �Qu� se espera para la tecnolog�a en 2024?<br>-CNN</a>
</div>
</section>

<footer class="centrado">
<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="">Ver Ordenes</a></li>
<li><a href="">Ver Pagos</a></li>
<li><a href="">Crear Reseñas</a></li>
<li><a href="">Ver Reseñas</a></li>
<li><a href="">Ver Productos</a></li>
<li><a href="ConsultaInventario.html">Ver Inventario</a></li>
<li><a href="Sobre Nosotros.html">Sobre Nosotros</a></li>
<li><a href="">log out</a></li>
</ul><br>
Copyright 2024
</footer>

</body>
</html>
108 changes: 108 additions & 0 deletions Sobre Nosotros.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,108 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Sobre Nosotros</title>
<link rel="stylesheet" href="Clickandshop.css">
</head>

<body>
<header>
<!-- Se utiliza una tabla para organizar el header -->
<table>
<tr>
<th>
<img class="logo" src="Click&Shop.png">
</th>
<th style="padding-left:850px">
<a href="https://www.google.com/?hl=es"><img src="./img/search.png" class="bannerimg"></a>
</th>
<th style="padding-left:250px">
<img src="./img/instagram.png" class="bannerimg">
</th>
<th style="padding-left:120px">
<a href="IniciarSesion.html"><img src="usuario.png" class="bannerimg"></a>
</th>
</tr>
</table>
</header>
<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="">Ver Ordenes</a></li>
<li><a href="">Ver Pagos</a></li>
<li><a href="">Crear Reseñas</a></li>
<li><a href="">Ver Reseñas</a></li>
<li><a href="">Ver Productos</a></li>
<li><a href="ConsultaInventario.html">Ver Inventario</a></li>
<li><a href="Sobre Nosotros.html">Sobre Nosotros</a></li>
</ul>

<section>
<table class="contactos">
<tr>
<th class="centrado">
<img src="./img/kenshin.png" class="img">
</th>
<th class="centrado">
<img src="./img/eynar.png" class="img">
</th>
<th class="centrado">
<img src="./img/perfil.png" class="img">
</th>
</tr>
<tr>
<td class="centrado">
Kenshin Ng<br>
3-750-941<br>
Ingenieria de Software
</td>
<td class="centrado">
Eynar Morales<br>
8-996-518<br>
Ingenieria de Software
</td>
<td class="centrado">
Paola Quiñones<br>
8-1012-1297<br>
Ingenieria 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
multiples 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 class="centrado">
<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="">Ver Ordenes</a></li>
<li><a href="">Ver Pagos</a></li>
<li><a href="">Crear Reseñas</a></li>
<li><a href="">Ver Reseñas</a></li>
<li><a href="">Ver Productos</a></li>
<li><a href="ConsultaInventario.html">Ver Inventario</a></li>
<li><a href="Sobre Nosotros.html">Sobre Nosotros</a></li>
<li><a href="">log out</a></li>
</ul><br>
Copyright 2024

</footer>
</body>

</html>
Binary file added img/Click&Shop.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 img/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 img/instagram.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 img/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 img/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.
Binary file added img/search.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 img/usuario.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.