Skip to content

Instantly share code, notes, and snippets.

@nitincoded

nitincoded/template-01.html

Created January 4, 2017 11:43
Show Gist options
  • Save nitincoded/2031e3a4aef515a226d2f6c01a53068b to your computer and use it in GitHub Desktop.
Save nitincoded/2031e3a4aef515a226d2f6c01a53068b to your computer and use it in GitHub Desktop.
Download ZIP
Template for simple crud
Raw
template-01.html
<!doctype html><html>
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<title>Macs R Poo</title>
<style>
.inline-80 {
display: inline-block;
width: 80px;
}
</style>
</head>
<body>
<div>
&nbsp;
</div>
<div class="container" id="login-dialog">
<form class="col-lg-4 col-lg-offset-4" style="border: 1px solid #aaa; text-align: center;">
<div class="form-group">
&nbsp;
</div>
<div class="form-group">
<label>Username</label> &nbsp;
<input type="text" id="username" />
</div>
<div class="form-group">
<label>Password</label> &nbsp;
<input type="password" id="password" />
</div>
<div class="form-group">
<input type="submit" value="Login" class="btn btn-primary" />
</div>
</form>
</div>
<div>
&nbsp;
</div>
<div class="container" id="menu">
<a href="#" class="btn btn-default">Parts</a> &nbsp;
<a href="#" class="btn btn-default">Requisitions</a> &nbsp;
<a href="#" class="btn btn-default">Orders</a> &nbsp;
<a href="#" class="btn btn-default">Pick Tickets</a> &nbsp;
</div>
<div>
&nbsp;
</div>
<div class="container" id="listing">
<h3>Listing</h3>
<table class="table table-striped">
<thead>
<tr>
<th>Code</th>
<th>Description</th>
<th>UOM</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>NU-CH-000001</td>
<td>Chocolate chip cookies</td>
<td>Pack</td>
<td>
<a href="#" class="btn btn-default">Edit</a> &nbsp;
<a href="#" class="btn btn-default">Default</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="container" id="new-entry">
<h3>New Entry</h3>
<form>
<div class="form-group">
<label class="inline-80">Code</label> &nbsp;
<input type="text" id="code" />
</div>
<div class="form-group">
<label class="inline-80">Description</label> &nbsp;
<input type="text" id="descr" />
</div>
<div class="form-group">
<label class="inline-80">UOM</label> &nbsp;
<input type="text" id="uom" />
</div>
<div class="form-group">
<input type="submit" value="Save" class="btn btn-primary" />
</div>
</form>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment