tienda de camisas

284 crestus

Abrir en el editor Publica tu código

Recomendado

13 March 2026

Caminata de temuometría

17 November 2023

Inicio de Sesión

26 June 2025

Creador de sitios web con IA | Arrastrar y soltar | WebMaster

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