Index
Index
DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Compra Venta Zona Sur</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f5f5f5;
color: #333;
}
header {
background-color: #0044cc;
color: white;
padding: 20px;
text-align: center;
}
.logo {
font-size: 24px;
font-weight: bold;
}
.container {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: white;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.contact {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.contact img {
width: 30px;
height: 30px;
margin-right: 10px;
}
.car {
margin-bottom: 20px;
}
.car img {
width: 100%;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.car h3 {
margin: 10px 0;
color: #0044cc;
}
footer {
text-align: center;
padding: 10px;
background-color: #0044cc;
color: white;
position: fixed;
width: 100%;
bottom: 0;
}
</style>
</head>
<body>
<header>
<div class="logo">Compra Venta Zona Sur</div>
</header>
<div class="container">
<div class="contact">
<img
src="https://upload.wikimedia.org/wikipedia/commons/5/5e/WhatsApp_icon.png"
alt="WhatsApp">
<span>Contáctanos: <a href="https://wa.me/5491124666591"
target="_blank">1124666591</a></span>
</div>
<div class="car">
<h3>Corsa Classic LT 2013</h3>
<img src="https://www.carsguide.com.au/fimg/10f6569d-f9b5-4ba1-a7db-
1539ae2e4c7d.jpg" alt="Corsa Classic LT 2013">
</div>
<div class="car">
<h3>Volkswagen Bora 2012</h3>
<img src="https://i.ytimg.com/vi/PMR9uYoGAxI/maxresdefault.jpg"
alt="Volkswagen Bora 2012">
</div>
<div class="car">
<h3>BMW 2020</h3>
<img src="https://cdn.motor1.com/images/mgl/92XM1/s1/2020-bmw-330e.jpg"
alt="BMW 2020">
</div>
</div>
<footer>
© 2024 Compra Venta Zona Sur. Todos los derechos reservados.
</footer>
</body>
</html>