WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un código de securearray494
1921
securearray494
Abrir en el editor
Video
Publica tu código
0
Recomendado
13 September 2025
Animación de barra de carga CSS HTML
21 June 2025
Contenedor de efectos de luz HTML con CSS
17 September 2024
Identidad
HTML
Copy
Find Love Today | Dating Website
LoveMatch
Home
About
Features
Contact
Sign Up
Find Your Perfect Match
Join thousands of singles looking for love and meaningful connections.
Get Started
Join for Free
Sign Up Now
CSS
Copy
/* General Styles */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f8f9fa; color: #333; } /* Header */ header { display: flex; justify-content: space-between; align-items: center; padding: 20px 10%; background-color: #ff4d6d; color: white; } .logo { font-size: 24px; font-weight: bold; } nav ul { list-style: none; display: flex; gap: 20px; } nav ul li { display: inline; } nav ul li a { text-decoration: none; color: white; font-weight: bold; } .btn { background-color: white; color: #ff4d6d; padding: 10px 20px; border-radius: 20px; text-decoration: none; font-weight: bold; border: none; cursor: pointer; } .btn:hover { background-color: #ffd1dc; } /* Hero Section */ .hero { height: 80vh; background: url('https://source.unsplash.com/1600x900/?couple,love') center/cover no-repeat; display: flex; align-items: center; justify-content: center; text-align: center; color: white; } .hero-content { background: rgba(0, 0, 0, 0.6); padding: 40px; border-radius: 10px; } .hero h1 { font-size: 3rem; } .hero p { font-size: 1.2rem; margin: 20px 0; } /* Signup Section */ .signup { text-align: center; padding: 50px; } .signup h2 { font-size: 2rem; margin-bottom: 20px; } .signup form { display: flex; flex-direction: column; align-items: center; gap: 15px; } .signup input { width: 80%; max-width: 400px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; } .signup button { width: 80%; max-width: 400px; } /* Footer */ footer { text-align: center; padding: 20px; background-color: #ff4d6d; color: white; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */