magasin de chemises

158 crestus

Ouvrir dans l'éditeur Publiez votre code

Recommandé

24 February 2025

Bouton poussoir d'accueil CodePen

28 December 2024

Un code par staticdata256

28 March 2025

Commutateur d'animation de sprite CSS

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