Bootsrap 3.4.0 Template

by Shawn Wood

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/svg-with-js.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/js/all.min.js"></script>
	<a class='btn btn-primary' href='javascript:;'>
			Choose File...
			<input type="file" style='position:absolute;z-index:2;top:0;left:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;background-color:transparent;color:transparent;' name="file_source" size="40">
		</a>
		&nbsp;
		<span class='label label-info' id="upload-file-info"></span>

<div id="toolList" class="row"></div>
<script>
var myToolData = {"tools":[{"documents":[{"document":"Proper Torque Wrench Technique","link":"https://www.artofmanliness.com/articles/toolmanship-your-complete-guide-to-wrenches/"},{"document":"The Basics of Proper Torque Wrench Technique","link":"https://www1.snapon.com/display/231/ToolNews/TechRefs/2008/TorqueWrench08.pdf"},{"document":"The Basics of Proper Torque Wrench Technique","link":"https://www.wikihow.com/Use-a-Torque-Wrench"}],"nomenclature":"Torque Wrench","tamcn":"12038120938","nsn":"","price":"100","colts_gcssmc":"","type":"doc","link":"https://manuals.harborfreight.com/manuals/63000-63999/63882.pdf","thumbnail":"https://shop.harborfreight.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/6/3/63882_W3.jpg","image":"https://shop.harborfreight.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/6/3/63882_W3.jpg"},{"documents":[{"document":"Using a Hammer Drill to Drill Through...