WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Formulario de registro
1402
Anes_unk
Abrir en el editor
Publica tu código
Recomendado
22 May 2025
efecto plateado 3D
27 November 2024
Productos de tarjetas
7 March 2025
Crossy Road con tres.js
HTML
Copy
Sign Up Form
Create Account
Personal Information
First Name
Last Name
Email Address
Phone Number
Billing Address
Street Address
City
State
Select State
Egypt
Bahrain
Kuwait
Saudi Arabia
Jordan
Algeria
Postcode
Country
Egypt
Bahrain
Kuwait
Saudi Arabia
Jordan
Algeria
Account Security
Password
Confirm Password
Register
CSS
Copy
body { background-color: #121212; color: #ffffff; font-family: 'Open Sans', sans-serif; display: flex; align-items: center; justify-content: center; margin: 0; height: 100vh; } .container { width: 100%; max-width: 1400px; padding: 10px; background-color: #1f1f1f; border-radius: 15px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 107, 129, 0.5); margin-top: -20px; margin-bottom: -20px; } h2 { color: #ff6b81; text-align: center; margin-bottom: 10px; font-weight: bold; } .btn-custom { background-color: #ff6b81; border: none; color: #ffffff; transition: background-color 0.3s, transform 0.3s; font-weight: bold; } .btn-custom:hover { background-color: #e55b71; transform: scale(1.05); } .form-control { background-color: #2c2c2c; border: 1px solid #6c757d; color: #ffffff; border-radius: 5px; transition: border-color 0.3s; } .form-control:focus { border-color: #ff6b81; box-shadow: 0 0 5px rgba(255, 107, 129, 0.5); } .mergecolor { color: #d1d1d1; margin-bottom: 10px; } .position-relative { margin-bottom: 10px; } label { margin-bottom: 5px; }
JS
Copy
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script>