Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Diseño de Página Web para Tienda de Péndulos y Accesorios (GINORA - SHOP)
Diseño de Página Web para Tienda de Péndulos y Accesorios (GINORA - SHOP)
AUTORES:
PRESENTACIÓN
MISIÓN
1
REPÚBLICA BOLIVARIANA DE VENEZUELA
MINISTERIO DEL PODER POPULAR PARA LA EDUCACION SUPERIOR
INSTITUTO UNIVERSIDAD POLITÉCNICO “SANTIAGO MARIÑO”
EXTENSIÓN CABIMAS
VISIÓN
VALORES
Confianza
Responsabilidad
Conocimiento
Honestidad
Solidaridad
Participación
Innovación
Fidelidad
Compromiso
2
REPÚBLICA BOLIVARIANA DE VENEZUELA
MINISTERIO DEL PODER POPULAR PARA LA EDUCACION SUPERIOR
INSTITUTO UNIVERSIDAD POLITÉCNICO “SANTIAGO MARIÑO”
EXTENSIÓN CABIMAS
CÓDIGO HTML:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Ginora Shop</title>
<link rel="stylesheet" href="style.css">
</head>
<header>
<div class="logo">
<h1>Ginora Shop</h1>
<div class="contenedor">
</div>
<br>
<div class="base1">
<form>
<input type="text" placeholder="Busca según tus gustos">
<button type="submit">Buscar</button>
</form>
<nav>
<ul>
<li>
<a href="#">Inicio</a>
</li>
<li>
3
REPÚBLICA BOLIVARIANA DE VENEZUELA
MINISTERIO DEL PODER POPULAR PARA LA EDUCACION SUPERIOR
INSTITUTO UNIVERSIDAD POLITÉCNICO “SANTIAGO MARIÑO”
EXTENSIÓN CABIMAS
<a href="#">Colores!</a>
</li>
<li>
<a href="#">Modelos!</a>
</li>
<li>
<a href="#">Disponibilidad!</a>
</li>
<li>
<a href="#">Promociones!</a>
</li>
<li>
<a href="#">Acerca de nosotros uwu</a>
</li>
<li>
<a href="#">Sección de noticias!</a>
</li>
</ul>
</nav>
</div>
</header>
<body>
<main>
<section class="cont-principal">
<div class="info-principal">
<h2>Compra con nosotros</h2>
<p>Encuentra gran variedad de péndulos y collares con un
increíble precio uwu.</p>
</div>
<img src="pendulos.png" alt="" width="400px" >
</section>
4
REPÚBLICA BOLIVARIANA DE VENEZUELA
MINISTERIO DEL PODER POPULAR PARA LA EDUCACION SUPERIOR
INSTITUTO UNIVERSIDAD POLITÉCNICO “SANTIAGO MARIÑO”
EXTENSIÓN CABIMAS
<a href="final2">Tiktok</a>
<a href="final3">Whatsapp</a>
</body>
</html>
CÓDIGO CSS:
body {
text-align: justify;
background-color: rgb(12, 16, 29);
margin: 5px;
padding: 10px;
h1 {
5
REPÚBLICA BOLIVARIANA DE VENEZUELA
MINISTERIO DEL PODER POPULAR PARA LA EDUCACION SUPERIOR
INSTITUTO UNIVERSIDAD POLITÉCNICO “SANTIAGO MARIÑO”
EXTENSIÓN CABIMAS
h2{
border: 2px solid ;
border-radius: 25px;
border-color: rgb(125, 135, 164);
background-color: rgb(125, 135, 164);
font-family: Verdana;
color: aliceblue;
}
p{
font-family: Verdana;
color: white;
}
.cont-principal {
display: flex;
justify-content: space-evenly;
gap:50px;
align-items: center;
}
footer {
color: rgb(12, 16, 29);
font-size: smaller;
text-decoration: none;
button{
color: rgb(12, 16, 29);
border-radius: 5px;
border-color: rgb(12, 16, 29);
}
::placeholder{
color: rgb(12, 16, 29);
6
REPÚBLICA BOLIVARIANA DE VENEZUELA
MINISTERIO DEL PODER POPULAR PARA LA EDUCACION SUPERIOR
INSTITUTO UNIVERSIDAD POLITÉCNICO “SANTIAGO MARIÑO”
EXTENSIÓN CABIMAS
font-family: arial;
border-color: white;
background-color: white;
}
nav{
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman',
serif;
color: white;
font-size: medium;
ul a {
color: white;
text-decoration: none;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman',
serif;
}
li {
color: white;
font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman',
serif;
}
.contenedor {
display: flex;
7
REPÚBLICA BOLIVARIANA DE VENEZUELA
MINISTERIO DEL PODER POPULAR PARA LA EDUCACION SUPERIOR
INSTITUTO UNIVERSIDAD POLITÉCNICO “SANTIAGO MARIÑO”
EXTENSIÓN CABIMAS
MAQUETEADO: