WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Formulaire d'inscription
1401
Anes_unk
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
8 January 2025
Carte 3D
29 June 2025
Modèle HTML pour blog et podcast turc
18 May 2024
Formulaire de connexion multicolore
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>