WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
page de connexion
635
Liamgilles76
Open In Editor
Publish Your Code
Recommended
29 June 2025
HTML Dropdown Menu Code Snippet
4 December 2024
CodePen Home ThreeJS 'Portal Planes' with Matcaps
4 December 2024
Landing Page - Notice
HTML
Copy
Andev web
andev web
Se connecter
Souvenir de cette appareil
Mot de passe oublié?
CSS
Copy
*{ font-family: 'Poppins', sans-serif; } body{ background-image: url("https://static.vecteezy.com/ti/vecteur-libre/p1/1953845-retro-futurisme-style-avec-fond-espace-violet-vectoriel.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .box{ display: flex; justify-content: center; align-items: center; min-height: 90vh; } .container{ width: 350px; display: flex; flex-direction: column; padding: 0 15px 0 15px; } span{ color: #fff; font-size: small; display: flex; justify-content: center; padding: 10px 0 15px 0; } header{ color: #fff; font-size: 30px; display: flex; justify-content: center; padding: 0 0 15px 0; } .input-field{ display: flex; flex-direction: column; margin-bottom: 15px; } .input-field .input{ height: 45px; width: 87%; border: none; outline: none; border-radius: 30px; color: #fff; padding: 0 0 0 42px; background: rgba(255,255,255,0.1); } i{ position: relative; top: -31px; left: 17px; color: #fff; } ::-webkit-input-placeholder{ color: #fff; } .submit{ border: none; border-radius: 30px; font-size: 15px; height: 45px; outline: none; width: 100%; background: rgba(255,255,255,0.7); cursor: pointer; transition: .3s; } .submit:hover{ box-shadow: 1px 5px 7px 1px rgba(0, 0, 0, 0.2); } .bottom{ display: flex; flex-direction: row; justify-content: space-between; font-size: small; color: #fff; margin-top: 10px; } .left{ display: flex; } label a{ color: #fff; text-decoration: none; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */