Untitled
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Caps & Tees Logo Redesign</title> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f4f4f4; margin: 0; } .logo-container { display: flex; flex-direction: column; align-items: center; justify-content: center; background: white; border: 2px solid #1d3557; border-radius: 50%; width: 300px; height: 300px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .logo-icon { font-size: 50px; color: #1d3557; } .logo-title { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 24px; color: #1d3557; margin: 10px 0; } .logo-subtitle { font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; color: #457b9d; } .eslogan { font-family: 'Poppins', sans-serif; font-size: 12px; margin-top: 10px; color: #555555; font-style: italic; } </style> </head> <body> <div class="logo-container"> <div class="logo-icon">👕</div> <div class="logo-title">Caps & Tees</div> <div class="logo-subtitle">Calidad que destaca</div> <div class="eslogan">Estilo premium, confianza garantizada</div> </div> </body> </html>
Leave a Comment