Skip to content

Instantly share code, notes, and snippets.

@saifiahmada

saifiahmada/panel.html

Created November 2, 2016 06:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save saifiahmada/cf6c1598b6eb88bf9a041435f9f5cac9 to your computer and use it in GitHub Desktop.
Save saifiahmada/cf6c1598b6eb88bf9a041435f9f5cac9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
panel.html
<!DOCTYPE html>
<html>
<head>
<title>membuat panel bootstrap</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="page-header">
<h3>Membuat Panel Bootstrap</h3>
</div>
<h4>Contoh Panel Default</h4>
<div class="panel panel-default">
<div class="panel-heading">
Heading
</div>
<div class="panel-body">
Body
</div>
</div>
<h4>Contoh Panel Primary</h4>
<div class="panel panel-primary">
<div class="panel-heading">
Ini Header Panel
</div>
<div class="panel-body">
Ini Body Panel
</div>
</div>
<h4>Contoh Panel Info</h4>
<div class="panel panel-info">
<div class="panel-heading">
Ini Contoh Panel Info @Header
</div>
<div class="panel-body">
Ini Body Panel
</div>
</div>
<h4>Contoh Panel Success</h4>
<div class="panel panel-success">
<div class="panel-heading">
Ini Panel Success
</div>
<div class="panel-body">
Ini Body
</div>
</div>
<h4>Contoh Panel Warning</h4>
<div class="panel panel-warning">
<div class="panel-heading">
Panel Warning
</div>
<div class="panel-body">
@Body
</div>
</div>
<h4>Contoh Panel Danger</h4>
<div class="panel panel-danger">
<div class="panel-heading">
@Heading @Danger
</div>
<div class="panel-body">
@Body @Danger
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment