125 lines
4.9 KiB
HTML
125 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Repaso 2</title>
|
|
<link rel="stylesheet" href="./css/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<header id="main_header">
|
|
<img src="./imagenes/logo.png" alt="logotipo">
|
|
<nav>
|
|
<ul class="menu">
|
|
<li> <a href="#inicio">Inicio</a></li>
|
|
<li> <a href="#equipo">Equipo</a></li>
|
|
<li> <a href="#servicio">Servicio</a></li>
|
|
<li> <a href="#trabajos">Trabajos</a></li>
|
|
<li> <a href="#contacto">Contacto</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
|
|
<main>
|
|
<section id="inicio">
|
|
<H1>AlexCG Design</H1>
|
|
<h2>Agencia de desarrollo web</h2>
|
|
<img src="./imagenes/desarrollo.jpg" width="90%" alt="Imagen de desarrollo">
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos tenetur illo id magnam ea inventore
|
|
recusandae ad facilis nisi quas, optio possimus similique, saepe dolor aliquid, eligendi quidem
|
|
obcaecati. Libero.</p>
|
|
</section>
|
|
|
|
<section id="equipo">
|
|
<h2>Equipo</h2>
|
|
<div class="equipo-content">
|
|
<div class="card">
|
|
<p>Mary Salert</p>
|
|
<img src="./imagenes/people1.jpg" alt="avatar mary">
|
|
<div class="card-details">
|
|
<img src="./imagenes/icono_arquitecto.jpg" alt="">
|
|
<p><span>Ocupacion:</span> Diseñadora Web</p>
|
|
</div>
|
|
<div class="card-details">
|
|
<img src="./imagenes/icono_area.jpg" alt="">
|
|
<p><span>Area de trabajo:</span> Desarrollo de aplicaciones</p>
|
|
</div>
|
|
<div class="card-details">
|
|
<img src="./imagenes/icono_calendario.jpg" alt="">
|
|
<p><span>Año de incorporacion:</span> Diseñadora Web</p>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<p>Mary Salert</p>
|
|
<img src="./imagenes/people2.jpg" alt="avatar mary">
|
|
<div class="card-details">
|
|
<img src="./imagenes/icono_arquitecto.jpg" alt="">
|
|
<p><span>Ocupacion:</span> Diseñadora Web</p>
|
|
</div>
|
|
<div class="card-details">
|
|
<img src="./imagenes/icono_area.jpg" alt="">
|
|
<p><span>Area de trabajo:</span> Desarrollo de aplicaciones</p>
|
|
</div>
|
|
<div class="card-details">
|
|
<img src="./imagenes/icono_calendario.jpg" alt="">
|
|
<p><span>Año de incorporacion:</span> Diseñadora Web</p>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<p>Mary Salert</p>
|
|
<img src="./imagenes/people3.jpg" alt="avatar mary">
|
|
<div class="card-details">
|
|
<img src="./imagenes/icono_arquitecto.jpg" alt="">
|
|
<p><span>Ocupacion:</span> Diseñadora Web</p>
|
|
</div>
|
|
<div class="card-details">
|
|
<img src="./imagenes/icono_area.jpg" alt="">
|
|
<p><span>Area de trabajo:</span> Desarrollo de aplicaciones</p>
|
|
</div>
|
|
<div class="card-details">
|
|
<img src="./imagenes/icono_calendario.jpg" alt="">
|
|
<p><span>Año de incorporacion:</span> Diseñadora Web</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contacto">
|
|
<h2>Contacta con nosotros</h2>
|
|
|
|
<form class="form_container" action="./gracias.html" method="get">
|
|
<fieldset>
|
|
<label for="nombre">Nombre</label>
|
|
<input type="text" name="nombre" id="nombre" required>
|
|
</fieldset>
|
|
<div class="subform">
|
|
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<img src="./imagenes/logo.png" alt="logo">
|
|
<div class="redes">
|
|
<a href=""><img src="./imagenes/twitter.png" alt="logo twitter"></a>
|
|
<a href=""><img src="./imagenes/facebook.png" alt="logo facebook"></a>
|
|
<a href=""><img src="./imagenes/youtube.png" alt="logo youtube"></a>
|
|
</div>
|
|
<p>La pasion e innovacion es lo que nos distingue del resto</p>
|
|
</footer>
|
|
|
|
|
|
<div id="subircaja">
|
|
<a href="#inicio">
|
|
<img id="subirimg" src="./imagenes/subir.png" alt="icono subir">
|
|
</a>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |