<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-4">
<a class="navbar-brand" href="#">
<img class="img-responsive" type="image/x-icon" rel="shortcut icon" src="https://sensaq.s3.amazonaws.com/img/icons/sensaq.ico" alt="Sensaq" style="height:auto;margin-top:5px"/>
</a>
</div>
<div class="col-xs-12 col-sm-8 col-md-8">
<div class="container-fluid">
<div class="container-fluid">
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown"><span class="glyphicon glyphicon-log-in"></span> Login</a>
</li>
</ul>
</div>
<div class="container-fluid">
<form class="navbar-form navbar-right">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="search-button"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-*-*"></div>
<div class="col-*-*"></div>
<div class="col-*-*"></div>
</div>
<div class="row">
</div>
</div>
nav.navbar {
border: none; }
@media (min-width: 992px) {
nav.navbar .container-fluid {
padding: 0px; } }
@media (min-width: 1400px) {
nav.navbar .container-fluid {
padding: 0px 15px; } }
nav.navbar .container-fluid .navbar-header {
float: none;
text-align: center; }
@media (min-width: 992px) {
nav.navbar .container-fluid .navbar-header {
float: left; } }
nav.navbar .container-fluid .navbar-header button.navbar-toggle {
float: none;
position: absolute;
right: 0px; }
@media (min-width: 992px) {
nav.navbar .container-fluid .navbar-collapse {
margin-top: 4em; } }
nav.navbar .container-fluid .navbar-brand {
height: 100%;
float: none;
display: inline-block;
margin-left: 0px; }
@media (min-width: 992px) {
nav.navbar .container-fluid .navbar-brand {
float: left; } }
nav.navbar .container-fluid .navbar-brand img.brand {
width: 124px;
display: inline; }
nav.navbar .container-fluid .navbar-brand .company-title {
margin-top: 5px; }
@media (min-width: 992px) {
nav.navbar .container-fluid .nav.navbar-nav:not(.navbar-right) {
position: relative;
bottom: 30px;
left: 50%;
margin-left: -209px; } }
@media (min-width: 1200px) {
nav.navbar .container-fluid .nav.navbar-nav:not(.navbar-right) {
margin-left: -307px; } }
@media (min-width: 768px) {
nav.navbar .container-fluid .nav.navbar-nav:not(.navbar-right) li {
margin: 13px 0px;
border-right: 1px solid #00466a; }
nav.navbar .container-fluid .nav.navbar-nav:not(.navbar-right) li:last-child {
border-right: none; }
nav.navbar .container-fluid .nav.navbar-nav:not(.navbar-right) li:first-child a {
padding-left: 0px; } }
nav.navbar .container-fluid .nav.navbar-nav:not(.navbar-right) li a {
font-size: 1.18em; }
@media (min-width: 768px) {
nav.navbar .container-fluid .nav.navbar-nav:not(.navbar-right) li a {
padding: 2px 8px; } }
@media (min-width: 1200px) {
nav.navbar .container-fluid .nav.navbar-nav:not(.navbar-right) li a {
font-size: 1.6em;
padding: 2px 15px; } }
nav.navbar .container-fluid .navbar-form {
padding: 0px;
position: relative;
border-top: none; }
nav.navbar .container-fluid .navbar-form > .form-group {
width: 90%; }
@media (min-width: 768px) {
nav.navbar .container-fluid .navbar-form > .form-group {
width: auto; } }
@media (min-width: 992px) {
nav.navbar .container-fluid .navbar-form {
position: absolute;
bottom: 30px;
right: 82px; } }
nav.navbar .container-fluid .navbar-form .search-button {
position: absolute;
top: 0px;
right: 0px;
width: 9%;
text-align: left;
background: transparent;
border: none;
padding: 2px;
height: 34px; }
@media (min-width: 768px) {
nav.navbar .container-fluid .navbar-form .search-button {
position: static;
width: auto;
height: auto; } }
@media (min-width: 992px) {
nav.navbar .container-fluid .nav.navbar-nav.navbar-right {
position: relative;
bottom: 30px;
right: 0px; } }
nav.navbar .container-fluid .nav.navbar-nav.navbar-right li a {
font-size: 1em;
color: #293132;
padding-right: 5px; }
nav.navbar .container-fluid .nav.navbar-nav.navbar-right li a:hover {
text-decoration: underline; }
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
width: 40%;
height: 50%;
}
