dame el código HTML y CSS para una landing page de una veterinaria
Por supuesto, aquí te proporciono un ejemplo básico de código HTML y CSS para una landing page (página principal) de una veterinaria:
HTML:
```
<!doctype html>
<html>
<head>
<title>Veterinaria Ejemplo</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>Veterinaria Ejemplo</h1>
<nav>
<ul>
<li><a href="#servicios">Servicios</a></li>
<li><a href="#productos">Productos</a></li>
<li><a href="#contacto">Contacto</a></li>
</ul>
</nav>
</header>
<section id="servicios">
<h2>Nuestros servicios</h2>
<ul>
<li>Consulta veterinaria</li>
<li>Vacunas</li>
<li>Cirugía</li>
<li>Estética y peluquería canina</li>
<li>Guardería y alojamiento</li>
</ul>
</section>
<section id="productos">
<h2>Nuestros productos</h2>
<ul>
<li>Alimentos para mascotas</li>
<li>Productos de higiene y cuidado</li>
<li>Accesorios</li>
<li>Juguetes</li>
<li>Medicamentos</li>
</ul>
</section>
<section id="contacto">
<h2>Contacto</h2>
<p>Ponte en contacto con nosotros para más información:</p>
<ul>
<li>Teléfono: 123-456-7890</li>
<li>Correo electrónico: info@veterinariaejemplo.com</li>
<li>Dirección: 1234 Calle Ejemplo, Ciudad Ejemplo, Estado Ejemplo</li>
</ul>
</section>
<footer>
<p>Derechos reservados © Veterinaria Ejemplo 2022</p>
</footer>
</body>
</html>
```
CSS:
```
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 16px;
}
header {
background-color: #bfbfbf;
padding: 20px 40px;
}
h1 {
margin: 0;
font-size: 36px;
color: #333333;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav li:last-child {
margin-right: 0;
}
nav a {
display: block;
color: #333333;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
section {
padding: 40px;
}
h2 {
margin: 0;
font-size: 28px;
color: #333333;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul li {
padding: 10px 0;
border-bottom: 1px solid #d9d9d9;
}
ul li:last-child {
border-bottom: none;
}
footer {
background-color: #333333;
color: #ffffff;
text-align: center;
padding: 20px;
}
```
Ten en cuenta que este es solo un ejemplo básico y que hay muchas formas diferentes de diseñar una landing page para una veterinaria, dependiendo de los requisitos y preferencias específicos.