Skip to content

Instantly share code, notes, and snippets.

@kevinchugh
Created November 24, 2016 05:34
Show Gist options
  • Save kevinchugh/17a88a50e2743394d6e52740ac517124 to your computer and use it in GitHub Desktop.
Save kevinchugh/17a88a50e2743394d6e52740ac517124 to your computer and use it in GitHub Desktop.
html
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link href="http://bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
<style>
table, table td {table-layout:fixed;word-wrap:break-word;}
.invoice-title h2, .invoice-title h3
{
display: inline-block;
}
.table > tbody > tr > .no-line
{
border-top: none;
}
.table > thead > tr > .no-line
{
border-bottom: none;
}
.table > tbody > tr > .thick-line
{
border-top: 2px solid;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script type="text/javascript"></script>
</head>
<body>
<div style="width:1000px;height:1px"></div>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="invoice-title">
<h2>Child Protective Services Case</h2>
<h3 class="pull-right">Thursday November 11, 2016</h3>
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<address>
<strong>Case Information:</strong><br>
<strong>Name:</strong> Billie Ernser <br>
<strong>Gender:</strong> Male <br>
<strong>DOB:</strong> 11/21/1999 <br>
</address>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><strong>Child Protective Services Cases</strong></h3>
</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-condensed">
<thead>
<tr>
<td class="text-center"><strong>Date of Visit</strong></td><td class="text-center"><strong>Notes</strong></td><td class="text-center"><strong>Recommendation</strong></td>
</tr>
</thead>
<tbody>
<tr>
<td class="text-left" width="33%"><div style="overflow-wrap: break-word;">05/27/2016</div></td> <td class="text-left" width="33%"><div style="overflow-wrap: break-word;">Leggings artisan cold-pressed sriracha marfa goth. Knausgaard diy tumblr vinyl bushwick. Vinegar small batch ugh health kinfolk brooklyn before they sold out.</div></td> <td class="text-left" width="33%"><div style="overflow-wrap: break-word;">viral</div></td>
</tr><tr>
<td class="text-left" width="33%"><div style="overflow-wrap: break-word;">12/20/2015</div></td> <td class="text-left" width="33%"><div style="overflow-wrap: break-word;">Mlkshk locavore cold-pressed vhs. Keytar direct trade fingerstache hoodie kinfolk.</div></td> <td class="text-left" width="33%"><div style="overflow-wrap: break-word;">iPhone</div></td>
</tr><tr>
<td class="text-left" width="33%"><div style="overflow-wrap: break-word;">03/17/2016</div></td> <td class="text-left" width="33%"><div style="overflow-wrap: break-word;">Yuccie kickstarter godard pickled actually. Offal sriracha locavore biodiesel pickled before they sold out beard umami.</div></td> <td class="text-left" width="33%"><div style="overflow-wrap: break-word;">XOXO</div></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment