Descarga la aplicación para disfrutar aún más
Lea materiales sin conexión, sin usar Internet. Además de muchas otras características!
Págian web para abogados
Ivan Castillo
Compartir
Vista previa del material en texto
Págian web para abogados
```html
<!DOCTYPE html>
<html>
<head>
<title>Bufete Jurídico - Nombre del Abogado</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#inicio">Inicio</a></li>
<li><a href="#servicios">Servicios</a></li>
<li><a href="#equipo">Equipo</a></li>
<li><a href="#contacto">Contacto</a></li>
</ul>
</nav>
</header>
<section id="inicio">
<h1>Bufete Jurídico</h1>
<h2>Nombre del Abogado</h2>
<p>Especialista en <span class="highlight">Derecho Civil</span> y <span
class="highlight">Derecho Penal</span></p>
<a href="#contacto" class="btn">Contáctame</a>
</section>
<section id="servicios">
<h2>Servicios</h2>
<ul>
<li>Asesoría Legal</li>
<li>Representación Legal</li>
<li>Contratos y Acuerdos</li>
<li>Defensa Penal</li>
<li>Resolución de Conflictos</li>
</ul>
</section>
<section id="equipo">
<h2>Nuestro Equipo</h2>
<div class="abogado">
<img src="abogado1.jpg" alt="Abogado 1">
<h3>Nombre del Abogado</h3>
<p>Área de Especialización</p>
</div>
<div class="abogado">
<img src="abogado2.jpg" alt="Abogado 2">
<h3>Nombre del Abogado</h3>
<p>Área de Especialización</p>
</div>
</section>
<section id="contacto">
<h2>Contacto</h2>
<form>
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="mensaje">Mensaje:</label>
<textarea id="mensaje" name="mensaje" required></textarea>
<input type="submit" value="Enviar">
</form>
</section>
<footer>
<p>Todos los derechos reservados © 2023</p>
</footer>
</body>
</html>
```
Y aquí tienes un ejemplo básico de estilos CSS (styles.css) para esta plantilla:
```css
/* Estilos para la página web del abogado */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 10px;
}
nav
Continuar navegando
Materiales relacionados
6 pag.Practica 2 Creacion de una pagina web - Cesar Garcia
Desafio PASSEI DIRETO
12 pag.Introducción al html
Ana Mayer
17 pag.CHTML-C-Laboratorio-CSS-01
marketingdigital1995
10 pag.CHTML-B-Ejercicio-CSSEjemplo3
marketingdigital1995
Preguntas relacionadas
Compartir