WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
A Code by nehapanchal8087
652
nehapanchal8087
Open In Editor
Publish Your Code
Recommended
21 September 2024
Add button to open add profile model with form validation
27 May 2025
Futuristic Contact Page
3 February 2025
A Code by adwq
HTML
Copy
Login web
Inicio
Iniciar sesión
¿No tienes cuenta?
Por favor, Registrate
Bienvenid@
CSS
Copy
*{ margin: 0; padding: 0; font-family: arial; color: #fff; } body{ width: 100vw; height: 100vh; background: #081b29; display: grid; justify-content: center; align-content: center; } ::-webkit-input-placeholder{ color: #eee; } .wrapper{ position: relative; width: 800px; height: 65vh; display: grid; grid-template-columns: 1fr 1fr; border: 3px solid #00ffff; box-shadow: 0 0 50px 0 #00a6bc; } .form{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .title{ font-size: 35px; } .inp{ padding-bottom: 10px; border-bottom: 2px solid #eee; } .input{ border: none; outline: none; background: none; width: 260px; margin-top: 40px; padding-right: 10px; font-size: 17px; color: #0ef; } .submit{ border: none; outline: none; width: 288px; margin-top: 25px; padding: 10px 0; font-size: 20px; border-radius: 40px; letter-spacing: 1px; cursor: pointer; background: linear-gradient(45deg, #0ef, #c800ff); } .footer{ margin-top: 30px; letter-spacing: 0.5px; font-size: 14px; } .link{ color: #0ef; text-decoration: none; } .banner{ position: absolute; top: 0; right: 0; width: 450px; height: 390px; background: linear-gradient(to right,#0ef, #c800ff ); clip-path: polygon(0 0,100% 0,100% 100%, 60% 100%); padding-right: 70px; text-align: right; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; } .wel_text{ font-size: 40px; margin-top: -50px; line-height: 50px; } .para{ margin-top: 10px; font-size: 18px; line-height: 24px; letter-spacing: 1px; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */