WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Sign Up Form
1633
Anes_unk
Open In Editor
Publish Your Code
Recommended
8 January 2025
my first login basic
15 July 2025
HTML Animated Login Form Example
15 March 2025
MARKET
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>