Bootstrap 3 Template
This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.
by godsnake
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="">
<meta name="author" content="">
<title>Health data customized in unique and powerful ways - Wellient</title>
<!-- Bootstrap Core CSS -->
<link href="assets/css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Favicons -->
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="assets/img/favicons/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/img/favicons/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/img/favicons/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/img/favicons/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="assets/img/favicons/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="assets/img/favicons/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="assets/img/favicons/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="assets/img/favicons/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="assets/img/favicons/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="assets/img/favicons/favicon-96x96.png" sizes="96x96" />
...CSS
.clearfix:before, .clearfix:after{content: ""; display: table;}.clearfix:after{clear: both;}.clearfix{zoom: 1;}.cl{clear: both;}
.fluid-width-video-wrapper img {
width: 100%;
}
/*------------------------------------ Desktop CSS ---------------------------------------------*/
.wsmenuexpandermain{position: relative;}
.overlapblackbg{ display:none;}
.bigmegamenu{ position:relative; }
.wsmenu{
font-family:Helvetica, sans-serif;
color:#fff;
font-size:13px;
padding:0px;
width:80%;
float:right;
-webkit-border-radius:2px 2px 2px 2px;
-moz-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;}
.wsmenu-list{
text-align:left;
margin:0 auto 0 auto;
width:100%;
display: table;
padding:0px;}
.wsmenu-list > li{
text-align:center;
display: table-cell;}
.wsmenu-list li:first-child a{
-webkit-border-radius:2px 2px 2px 2px;
-moz-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
}
.wsmenu-list li:last-child a{
-webkit-border-radius:2px 2px 2px 2px;
-moz-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border-right:0px solid;
}
.wsmenu-list > li > a .fa{
display: inline-block;
font-size:14px;
line-height:inherit;
margin-right:4px; }
.wsmenu-list li ul li a .fa.fa-angle-double-right{ font-size:12px; margin: 0 3px 0 -4px;}
.wsmenu-list li a .arrow:after {
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-top: 4px solid #b3b3b3;
content: "";
float: right;
height: 0;
margin: 0 0 0 9px;
position: absolute;
text-align: right;
top: 22px;
width: 0;}
.wsmenu-list > li > a{
display:block;
color:#E5E5E5;
padding:0px 14px; line-height:48px;
text-decoration:none;
position:relative;
text-transform:none;
}
.wsmenu-list li a:hover .arrow:after{ border-top-color:#b3b3b3}
.wsmenu-list li a.active .arrow:after{ border-top-color:#b3b3b3}
.wsmenu-list li:hover>a .arrow:after{ border-top-color:#b3b3b3}
.megamenu iframe{width:100%;...JavaScript
var...