Created
November 24, 2016 05:34
-
-
Save kevinchugh/17a88a50e2743394d6e52740ac517124 to your computer and use it in GitHub Desktop.
html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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