Bootstrap 3.0 Sample Temp (Spotify)
by freedawirl
HTML
<div id="fb-root"></div>
<div class="wrap">
<header id="js-header-main" class="header header-main " role="banner">
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-nav"> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> <a class="navbar-brand" href="/us/">
<span class="navbar-logo">CMTA</span>
</a>
</div>
<div class="collapse navbar-collapse" id="navbar-nav">
<ul class="nav navbar-nav navbar-right">
<li> <a href="/us/#features" id="nav-link-features" data-ga-category="menu" data-ga-action="features">Plan Your Trip</a>
</li>
<li> <a href="/us/upgrade/" id="nav-link-premium" data-ga-category="menu" data-ga-action="upgrade">Schedules & Maps</a>
</li>
<li> <a href="#" id="nav-link-help" data-ga-category="menu" data-ga-action="help">Rider's Guide</a>
</li>
<li id="js-account" class="account"> <a href="" class="avatar-link dropdown-toggle" data-toggle="dropdown">
<img class="avatar-img" src="//d2c87l0yth4zbw.cloudfront.net/i/_global/default-avatar.svg" data-svg-fallback="//d2c87l0yth4zbw.cloudfront.net/i/_global/default-avatar.png" alt="freedawirl1">
<span class="avatar-text">Corporate</span>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li> <a href="#">Item 1</a></li>
<li> <a href="#">Item...
CSS
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}
body {
margin:0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display:block
}
audio, canvas, progress, video {
display:inline-block;
vertical-align:baseline
}
audio:not([controls]) {
display:none;
height:0
}
[hidden], template {
display:none
}
a {
background:transparent
}
a:active, a:hover {
outline:0
}
abbr[title] {
border-bottom:1px dotted
}
b, strong {
font-weight:bold
}
dfn {
font-style:italic
}
h1 {
font-size:2em;
margin:.67em 0
}
mark {
background:#ff0;
color:#000
}
small {
font-size:80%
}
sub, sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup {
top:-0.5em
}
sub {
bottom:-0.25em
}
img {
border:0
}
svg:not(:root) {
overflow:hidden
}
figure {
margin:1em 40px
}
hr {
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0
}
pre {
overflow:auto
}
code, kbd, pre, samp {
font-family:monospace, monospace;
font-size:1em
}
button, input, optgroup, select, textarea {
color:inherit;
font:inherit;
margin:0
}
button {
overflow:visible
}
button, select {
text-transform:none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance:button;
cursor:pointer
}
button[disabled], html input[disabled] {
cursor:default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
line-height:normal
}
input[type="checkbox"], input[type="radio"] {
box-sizing:border-box;
padding:0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] {
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
...