La Linda

By

<!DOCTYPE html>

<html lang="es">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>La Linda - Drugstore</title>
  <style>
    body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      margin: 0;
      background-color: #f5f5f5;
    }
    header {
      background-color: #d81b60;
      color: #fff;
      padding: 1.5rem;
      text-align: center;
    }
    section {
      padding: 1.5rem;
    }
    h2 {
      color: #333;
    }
    .productos {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      justify-content: center;
    }
    .producto {
      background-color: #fff;
      padding: 1rem;
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      width: 100%;
      max-width: 250px;
      text-align: center;
    }
    iframe {
      width: 100%;
      height: 300px;
      border: none;
      border-radius: 8px;
    }
    footer {
      background-color: #222;
      color: #fff;
      text-align: center;
      padding: 1rem;
      margin-top: 2rem;
    }
    .whatsapp-btn {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background-color: #25D366;
      color: white;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      text-align: center;
      font-size: 30px;
      line-height: 60px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.2);
      z-index: 1000;
      text-decoration: none;
    }
    .whatsapp-btn:hover {
      background-color: #20c25b;
    }
  </style>
</head>
<body>

<header>
  <h1>Drugstore La Linda</h1>
  <p>Tu parada rápida frente a la Plaza Santa Marta</p>
</header>

<section>
  <h2>¿Qué ofrecemos?</h2>
  <div class="productos">
    <div class="producto">
      <h3>Golosinas</h3>
      <p>Chocolates, caramelos y alfajores.</p>
    </div>
    <div class="producto">
      <h3>Bebidas y Cervezas</h3>
      <p>Gaseosas, cervezas y más.</p>
    </div>
    <div class="producto">
      <h3>Cigarrillos</h3>
      <p>Las principales marcas.</p>
    </div>
    <div class="producto">
      <h3>Mate y Accesorios</h3>
      <p>Agua caliente, termos, mates y bombillas.</p>
    </div>
    <div class="producto">
      <h3>Papas Fritas</h3>
      <p>Snacks crocantes para compartir.</p>
    </div>
  </div>
</section>

<section>
  <h2>¿Dónde estamos?</h2>
  <p>General Pizarro 420, frente a la Plaza Santa Marta.</p>
  <iframe 
    src="https://www.google.com/maps?q=General+Pizarro+420,+Salta,+Argentina&output=embed"
    allowfullscreen
    loading="lazy">
  </iframe>
</section>

<a class="whatsapp-btn" href="https://wa.me/549XXXXXXXXXX" target="_blank" title="Hacenos tu consulta por WhatsApp"> 
  &#x1F4AC;
</a>

<footer>
  <p>© 2025 La Linda - Todos los derechos reservados</p>
</footer>

</body>
</html>

No hay comentarios:

Publicar un comentario