Skip to content

Instantly share code, notes, and snippets.

@mattisbusycom

mattisbusycom/index.html

Created March 5, 2015 03:17
Show Gist options
  • Save mattisbusycom/46e1e19ff46d6c371a69 to your computer and use it in GitHub Desktop.
Save mattisbusycom/46e1e19ff46d6c371a69 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>
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<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-family: courier new;
font-weight: normal;
font-size: 11px;
padding:0; margin:0;
padding-top: 5px;
padding-left:10px;
color: #eee;
}
#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%;
}
.navbar {
border-radius:0;
border:0;
border-bottom:1px solid #c0c0c0;
}
.dropdown-menu li a {
color: #000;
}
</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">
BusyMiddleman.com
</div>
</div>
</nav>
</div>
</div>
<div class="container-fluid">
<div class="row">
<nav class="navbar navbar-default navbar-static navbar-spclops" role="navigation">
<div class="container-fluid" id="north-brand">
<div class="navbar-brand">
SpclOps
</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="/blog">Blog</a></li>
<li><a href="/store">Store</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Matthew M. Kaufman</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>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<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">
BusyMiddleman.com
</div>
</div>
</nav>
</div>
</div>
<div class="container-fluid">
<div class="row">
<nav class="navbar navbar-default navbar-static navbar-spclops" role="navigation">
<div class="container-fluid" id="north-brand">
<div class="navbar-brand">
SpclOps
</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="/blog">Blog</a></li>
<li><a href="/store">Store</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Matthew M. Kaufman</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>
</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-family: courier new;
font-weight: normal;
font-size: 11px;
padding:0; margin:0;
padding-top: 5px;
padding-left:10px;
color: #eee;
}
#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%;
}
.navbar {
border-radius:0;
border:0;
border-bottom:1px solid #c0c0c0;
}
.dropdown-menu li a {
color: #000;
}</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-family: courier new;
font-weight: normal;
font-size: 11px;
padding:0; margin:0;
padding-top: 5px;
padding-left:10px;
color: #eee;
}
#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%;
}
.navbar {
border-radius:0;
border:0;
border-bottom:1px solid #c0c0c0;
}
.dropdown-menu li a {
color: #000;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment