Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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">
- <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
- <meta name="description" content="Description.">
- <meta name="author" content="Author">
- <title>Work in Progress...</title>
- <!-- Bootstrap -->
- <!-- Latest compiled and minified CSS -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
- <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
- <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
- <![endif]-->
- <link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet">
- <style type="text/css">
- body
- {
- padding-top: 30px;
- padding-left: 10px;
- padding-right: 10px;
- padding-bottom: 10px;
- font-family: 'Handlee', cursive;
- font-size: 18px;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <div class="panel panel-default">
- <div class="panel-heading"><h1 class="panel-title text-center"><strong>Stay Tune!</strong></h1></div>
- <div class="panel-body">
- <div class="table-responsive">
- <table class="table table-hover">
- <colgroup>
- <col class="col-md-1">
- <col class="col-md-4">
- <col class="col-md-4">
- <col class="col-md-2">
- <col class="col-md-1">
- </colgroup>
- <thead>
- <tr>
- <th>#</th>
- <th>NAMA</th>
- <th>EMEL</th>
- <th>TELEFON</th>
- <th>TINDAKAN</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1</td>
- <td>ALI BABA</td>
- <td>ali@gmail.com</td>
- <td>0123456798</td>
- <td>
- <a href="#" class="btn btn-xs btn-info">EDIT</a>
- <a href="#" class="btn btn-xs btn-danger">DELETE</a>
- </td>
- </tr>
- </tbody>
- </table>
- </div><!--/.table-responsive-->
- </div>
- </div>
- </div><!-- /col-md-12 -->
- </div><!-- /row -->
- <div class="row">
- <div class="col-md-6 col-md-offset-3">
- <p class="text-center"><small>Copyright © Website.com. All Rights Reserved Worldwide.</small></p>
- </div><!-- /col-md-12 -->
- </div><!-- /row -->
- </div><!-- /container -->
- <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
- <!-- Include all compiled plugins (below), or include individual files as needed -->
- <!-- Latest compiled and minified JavaScript -->
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement