Membuat Tampilan Log In menggunakan html

Hallo teman teman..

Disini ica ingin share kegiatan yang ica lakukan.

Kegiatan yang ica lakukan adalah membuat tampilan log in menggunakan html untuk CEI

Pertama- tama ica mencoba membuat tampilan log in.

 

<!DOCTYPE html>
<html>
<head>
 <title>CEI</title>
 <link rel="stylesheet" type="text/css" href="2.css">
</head>
<body>
<div class="login">
 <h2 class="login-header">Login</h2>
 <form class="login-container">
 <p>
 <input type="email" placeholder="Email">
 </p>
 <p>
 <input type="password" placeholder="Password">
 </p>
 </form>
 <style type="text/css">
 
.button {
 background-color: #4CAF50; /* Green */
 border: none;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
 
}
 </style>
 
 <a href="1.html" class="button">Tombol</a>
 </div>
 <!--<input type="submit" value="Log in" href="1.html">-->
 


</div>
</body>
</html>

 

Dan tampilannya akan seperti ini :

Sekian Kegiatan yang ica buat, Terimakasih πŸ™‚

 

Leave a Reply

You must be logged in to post a comment.