Skip to content

Instantly share code, notes, and snippets.

@andimariadi

andimariadi/index.html

Created June 1, 2017 04:43
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save andimariadi/6da7731cba6de21b9d92606d44dc8576 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save andimariadi/6da7731cba6de21b9d92606d44dc8576 to your computer and use it in GitHub Desktop.
Download ZIP
Header melayang
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Belajar membuat header melayang – Pemula Belajar</title>
<link rel="stylesheet" type="text/css" href="styles.css"/>
</head>
<body>
<div class="navigasi">
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Drop 1</a>
<ul>
<li><a href="#">Menu list 1</a></li>
<li><a href="#">Menu list 2</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="container">
<p>Membuat header melayang atau header fixed itu sangat mudah :)</p>
<p>Gulir kebawah</p>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
<p align="center">Header melayang! Mentok dibawah!</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment