Skip to content

Instantly share code, notes, and snippets.

@tisufa

tisufa/index.html

Created July 26, 2019 22:09
Show Gist options
  • Save tisufa/31a20ad578a3ec9de0b141072ae262cc to your computer and use it in GitHub Desktop.
Save tisufa/31a20ad578a3ec9de0b141072ae262cc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<html>
<head>
<title>Desain Form Login 2</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="fa/css/font-awesome.css">
</head>
<body>
<div class="konten">
<div class="atas">
<h2 class="judul sedang">Login</h2>
<form action="#" method="post">
<div class="grup input">
<i class="fa fa-user"></i>
<input type="text" placeholder="Masukkan Username Anda">
</div>
<div class="grup input">
<i class="fa fa-key"></i>
<input type="password" placeholder="Masukkan Password Anda">
</div>
<div class="grup">
<div class="input-grup">
<input type="checkbox">
<span>Remember Me</span>
</div>
<a href="#" class="a kanan">Forgot Password?</a>
</div>
<div class="grup tengah">
<input type="submit" value="Log in">
</div>
</form>
</div>
<div class="bawah tengah">
<h2 class="judul kecil">Login</h2>
<p>With your social media account</p>
<div class="grup social">
<a href="#" class="tombol social twitter"><i class="fa fa-twitter"></i>Twitter</a>
<a href="#" class="tombol social facebook"><i class="fa fa-facebook"></i>Facebook</a>
<a href="#" class="tombol social googleplus"><i class="fa fa-google-plus"></i>Google+</a>
</div>
<div class="kaki">
<p>Don't have an account? <a href="#" class="a">Register Now!</a></p>
<a href="#" class="tombol daftar">Register</a>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment