WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Um Código por nehapanchal8087
1216
nehapanchal8087
Abrir no Editor
Video
Publique Seu Código
0
Recomendado
17 October 2025
Modelo HTML de portfólio de web designer
10 February 2025
Um código por bachir123
31 May 2025
Um código de Mete
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) */