tienda de camisas

238 crestus

Abrir en el editor Publica tu código

Recomendado

30 November 2024

Un código de fastbug70

11 September 2025

Plantilla de sitio web HTML de Starbucks

13 September 2025

Animación de carga CSS: Ellipse Loader

HTML

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Tienda de Camisas</title>
  <style>
    body {
      margin: 0;
      font-family: Arial, sans-serif;
      background: #f4f4f4;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

.contenedor {
      background: white;
      padding: 40px;
      border-radius: 16px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      text-align: center;
      max-width: 400px;
      width: 90%;
    }

h1 {
      margin-bottom: 16px;
      color: #222;
    }

p {
      color: #555;
      margin-bottom: 24px;
    }

button {
      background: #222;
      color: white;
      border: none;
      padding: 12px 24px;
      border-radius: 8px;
      font-size: 16px;
      cursor: pointer;
    }

button:hover {
      background: #444;
    }
  </style>
</head>
<body>
  <div class="contenedor">
    <h1>Tienda de Camisas</h1>
    <p>Encuentra camisas modernas, cómodas y con estilo.</p>
    <button onclick="alert('Pronto verás nuestro catálogo de camisas')">Ver catálogo</button>
  </div>
</body>
</html>

CSS