body{ background-color:whitesmoke; background-size: cover; background-position: center; font-family: sans-serif; }
.form-box{ width:700px; background: rgb(148, 181, 228); margin: 12% auto; padding:50px 0; color:#fff; box-shadow: 0 0 20px 2px rgba(0,0,0,0.8); border:2px; }
.input-box{ margin: 31px auto; width:80%; border-bottom:1px solid #fff; padding-top: 10px; padding-bottom: 5px; } .input-box input{ width: 90%; border:none; outline:none; background:transparent; color:#fff; }
.fa{ margin-right:10px; }
.submit-btn{ margin:10% auto 5px; width:80%; display: block; outline: none; padding: 10px 0; border: 1px solid #fff; cursor:pointer; background: transparent; color:#fff; font-size:16px; }
.reset-btn{ margin:12% auto 5px; width:80%; display: block; outline: none; padding: 10px 0; border: 1px solid #fff; cursor:pointer; background: transparent; color:#fff; font-size:16px; }
</style>
</head>
<body>
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
</body>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent