Skip to content

Instantly share code, notes, and snippets.

@mattisbusycom

mattisbusycom/index.html

Created February 28, 2015 15:24
Show Gist options
  • Save mattisbusycom/8f7fed3f5f7c57f7a279 to your computer and use it in GitHub Desktop.
Save mattisbusycom/8f7fed3f5f7c57f7a279 to your computer and use it in GitHub Desktop.
Download ZIP
SpclOps.com | Special Operations, Solutions, Products, Hardware, Software and Services for `Observing, Orienting, Deciding, & Acting` Online // source http://jsbin.com/rexiribani
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.14/require.js"></script>
<script src="http://yui.yahooapis.com/3.10.0/build/yui/yui.js"></script>
<meta charset="utf-8">
<title>SpclOps.com | Special Operations, Solutions, Products, Hardware, Software and Services for `Observing, Orienting, Deciding, & Acting` Online</title>
<style id="jsbin-css">
body {
background-color: #fff;
color: #000;
font-family: arial;
font-size: 13px;
}
#north-container
{
margin:0; padding:0;
background: #333;
height:30px;
}
#north-nav {
padding:0;
margin:0;
height:px;
}
/* Brand / Logo (North) */
#north-logo
{
font-weight: bold;
font-size: 15px;
padding:0; margin:0;
color: red;
}
#north-logo span{
font-weight:normal;
font-size:16px;
}
#call-to-action {
width:100%;
}
.jumbotron {
margin:0;
padding:0;
background:#fff;
border: 2px solid #c0c0c0;
width: 100%;
}
.jumbotron h1 {
margin:0;
padding:0;
width: 100%;
}
</style>
</head>
<body>
<div class="container-fluid" id="north-container">
<div class="row">
<nav role="navigation" class="north" id="north-nav">
<div class="container-fluid">
<div class="navbar-brand" id="north-logo">
SpclOps<span>.com</span>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="/blog">Blog</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="container-fluid">
<div class="row">
<nav class="navbar navbar-default navbar-spclops" role="navigation">
<div class="container-fluid" id="north-brand">
<div class="navbar-brand">
EDGAR<em>Reader</em>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input class="form-control" placeholder="Search" type="text">
</div>
<button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Disseminators</a></li>
<li><a href="#">Disseminations</a></li>
<li><a href="#">Daily Indices</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b>Matthew M. Kaufman</b> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</nav>
</div></div>
</div>
<div class="container" id="call-to-action">
<div class="jumbotron">
<h1 class="text-center">Information and Intelligence</h1>
<p class='lead'>What made it happen?</p>
<a href="#" class="btn btn-primary" style="font-size:20px;">Plans</a>
</div>
</div>
<section class="col-md-12 row section specs"><h3><b>Specifications</b></h3><dl class="text-center"><span class="attribute"><dt><i class="fa fa-barcode" style="position:relative;top:2px;font-size:120%;"></i>&nbsp;&nbsp;GTIN-13</dt><dd><span itemprop="gtin13">0798681448388</span></dd></span><span class="attribute"><dt><i class="fa fa-barcode" style="position:relative;top:2px;font-size:120%;"></i>&nbsp;&nbsp;UPC</dt><dd>798681448388</dd></span><span class="attribute"><dt>Category</dt><dd><span class="icon icon-pistols categoryIcon"></span><span><span itemprop="category">&nbsp;Pistols</span></span></dd></span><span class="attribute"><dt>Manufacturer</dt><dd>SIG Sauer Inc.</dd></span><span class="attribute"><dt>MPN</dt><dd><span itemprop="mpn">E29R-9-BSS-TAC-L</span></dd></span><span class="attribute"><dt>Height</dt><dd>5.4</dd></span><span class="attribute"><dt>Weight</dt><dd>32oz</dd></span><span class="attribute"><dt>Width</dt><dd>1.5</dd></span><span class="attribute"><dt>Caliber</dt><dd>9mm</dd></span><span class="attribute"><dt>Length</dt><dd>7.1</dd></span><span class="attribute"><dt>Capacity</dt><dd>15+1</dd></span><span class="attribute"><dt>Barrel Length</dt><dd>3.9"</dd></span><span class="attribute"><dt>Type </dt><dd>Pistol</dd></span><span class="attribute"><dt>Safety </dt><dd>4 Point</dd></span><span class="attribute"><dt>Action </dt><dd>Single/Double</dd></span><span class="attribute"><dt>Finish </dt><dd>Nitron</dd></span><span class="attribute"><dt>Sights </dt><dd>Siglite Night Sights</dd></span><span class="attribute"><dt>Model </dt><dd>E29R-9-BSS-TAC-L</dd></span><span class="attribute"><dt>Frame Material </dt><dd>Hard Anodized</dd></span><span class="attribute"><dt>Grips </dt><dd>Black</dd></span><span class="attribute"><dt>Frame Finish </dt><dd>Black</dd></span><span class="attribute"><dt>Slide Finish </dt><dd>Black</dd></span><span class="attribute"><dt>Slide Material </dt><dd>Polymer</dd></span><span class="attribute"><dt>MPN 1</dt><dd><span itemprop="mpn">E29R-9-BSS-TAC-L</span></dd></span><span class="attribute"><dt>MPN 2</dt><dd><span itemprop="mpn">89222</span></dd></span><span class="attribute"><dt>MPN 3</dt><dd><span itemprop="mpn">0218007</span></dd></span><span class="attribute"><dt>MPN 4</dt><dd><span itemprop="mpn">83363</span></dd></span><span class="attribute"><dt>MPN 5</dt><dd><span itemprop="mpn">SIE29R9BSSTACL</span></dd></span><span class="attribute"><dt>MPN 6</dt><dd><span itemprop="mpn">SIGE29R9BSSTACPACL</span></dd></span></dl><div class="clearfix"></div></section>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery.min.js"><\/script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"><\/script>
<script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m"><\/script>
<script src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.14/require.js"><\/script>
<script src="http://yui.yahooapis.com/3.10.0/build/yui/yui.js"><\/script>
<meta charset="utf-8">
<title>SpclOps.com | Special Operations, Solutions, Products, Hardware, Software and Services for `Observing, Orienting, Deciding, & Acting` Online</title>
</head>
<body>
<div class="container-fluid" id="north-container">
<div class="row">
<nav role="navigation" class="north" id="north-nav">
<div class="container-fluid">
<div class="navbar-brand" id="north-logo">
SpclOps<span>.com</span>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="/blog">Blog</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="container-fluid">
<div class="row">
<nav class="navbar navbar-default navbar-spclops" role="navigation">
<div class="container-fluid" id="north-brand">
<div class="navbar-brand">
EDGAR<em>Reader</em>
</div>
<\!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input class="form-control" placeholder="Search" type="text">
</div>
<button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Disseminators</a></li>
<li><a href="#">Disseminations</a></li>
<li><a href="#">Daily Indices</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b>Matthew M. Kaufman</b> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><\!-- /.navbar-collapse -->
</div>
</nav>
</div></div>
</div>
<div class="container" id="call-to-action">
<div class="jumbotron">
<h1 class="text-center">Information and Intelligence</h1>
<p class='lead'>What made it happen?</p>
<a href="#" class="btn btn-primary" style="font-size:20px;">Plans</a>
</div>
</div>
<section class="col-md-12 row section specs"><h3><b>Specifications</b></h3><dl class="text-center"><span class="attribute"><dt><i class="fa fa-barcode" style="position:relative;top:2px;font-size:120%;"></i>&nbsp;&nbsp;GTIN-13</dt><dd><span itemprop="gtin13">0798681448388</span></dd></span><span class="attribute"><dt><i class="fa fa-barcode" style="position:relative;top:2px;font-size:120%;"></i>&nbsp;&nbsp;UPC</dt><dd>798681448388</dd></span><span class="attribute"><dt>Category</dt><dd><span class="icon icon-pistols categoryIcon"></span><span><span itemprop="category">&nbsp;Pistols</span></span></dd></span><span class="attribute"><dt>Manufacturer</dt><dd>SIG Sauer Inc.</dd></span><span class="attribute"><dt>MPN</dt><dd><span itemprop="mpn">E29R-9-BSS-TAC-L</span></dd></span><span class="attribute"><dt>Height</dt><dd>5.4</dd></span><span class="attribute"><dt>Weight</dt><dd>32oz</dd></span><span class="attribute"><dt>Width</dt><dd>1.5</dd></span><span class="attribute"><dt>Caliber</dt><dd>9mm</dd></span><span class="attribute"><dt>Length</dt><dd>7.1</dd></span><span class="attribute"><dt>Capacity</dt><dd>15+1</dd></span><span class="attribute"><dt>Barrel Length</dt><dd>3.9"</dd></span><span class="attribute"><dt>Type </dt><dd>Pistol</dd></span><span class="attribute"><dt>Safety </dt><dd>4 Point</dd></span><span class="attribute"><dt>Action </dt><dd>Single/Double</dd></span><span class="attribute"><dt>Finish </dt><dd>Nitron</dd></span><span class="attribute"><dt>Sights </dt><dd>Siglite Night Sights</dd></span><span class="attribute"><dt>Model </dt><dd>E29R-9-BSS-TAC-L</dd></span><span class="attribute"><dt>Frame Material </dt><dd>Hard Anodized</dd></span><span class="attribute"><dt>Grips </dt><dd>Black</dd></span><span class="attribute"><dt>Frame Finish </dt><dd>Black</dd></span><span class="attribute"><dt>Slide Finish </dt><dd>Black</dd></span><span class="attribute"><dt>Slide Material </dt><dd>Polymer</dd></span><span class="attribute"><dt>MPN 1</dt><dd><span itemprop="mpn">E29R-9-BSS-TAC-L</span></dd></span><span class="attribute"><dt>MPN 2</dt><dd><span itemprop="mpn">89222</span></dd></span><span class="attribute"><dt>MPN 3</dt><dd><span itemprop="mpn">0218007</span></dd></span><span class="attribute"><dt>MPN 4</dt><dd><span itemprop="mpn">83363</span></dd></span><span class="attribute"><dt>MPN 5</dt><dd><span itemprop="mpn">SIE29R9BSSTACL</span></dd></span><span class="attribute"><dt>MPN 6</dt><dd><span itemprop="mpn">SIGE29R9BSSTACPACL</span></dd></span></dl><div class="clearfix"></div></section>
</body>
</html></script>
<script id="jsbin-source-css" type="text/css">
body {
background-color: #fff;
color: #000;
font-family: arial;
font-size: 13px;
}
#north-container
{
margin:0; padding:0;
background: #333;
height:30px;
}
#north-nav {
padding:0;
margin:0;
height:px;
}
/* Brand / Logo (North) */
#north-logo
{
font-weight: bold;
font-size: 15px;
padding:0; margin:0;
color: red;
}
#north-logo span{
font-weight:normal;
font-size:16px;
}
#call-to-action {
width:100%;
}
.jumbotron {
margin:0;
padding:0;
background:#fff;
border: 2px solid #c0c0c0;
width: 100%;
}
.jumbotron h1 {
margin:0;
padding:0;
width: 100%;
}
</script>
</body>
</html>
Raw
jsbin.rexiribani.css
body {
background-color: #fff;
color: #000;
font-family: arial;
font-size: 13px;
}
#north-container
{
margin:0; padding:0;
background: #333;
height:30px;
}
#north-nav {
padding:0;
margin:0;
height:px;
}
/* Brand / Logo (North) */
#north-logo
{
font-weight: bold;
font-size: 15px;
padding:0; margin:0;
color: red;
}
#north-logo span{
font-weight:normal;
font-size:16px;
}
#call-to-action {
width:100%;
}
.jumbotron {
margin:0;
padding:0;
background:#fff;
border: 2px solid #c0c0c0;
width: 100%;
}
.jumbotron h1 {
margin:0;
padding:0;
width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment