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 🙂

 

33 Total Views 1 Views Today
Views All Time
Views All Time
31
Views Today
Views Today
1

Leave a Reply

You must be logged in to post a comment.