"Marlow Carnival 3"
Bootstrap 3.3.0 Snippet by tibbz

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!-- hello -->
<div class="container">
<div class="row">
<div class="col-md-12 transp top-banner">
<p><img src="http://marlowcarnival.co.uk/i/pub/common/img/logo68h.png" class="img-responsive"/></p>
</div>
</div>
<div class="row toprow shadow">
<div class="col-md-12" style="padding:0">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active ">
<img src="https://placeimg.com/1024/400/any" alt="..." class="img-responsive">
<div class="carousel-caption">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum sagittis felis, blandit fermentum diam molestie nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum sagittis felis, blandit diam molestie nec.
</div>
</div>
<div class="item">
<img src="https://placeimg.com/1024/401/any" alt="..." class="img-responsive">
<div class="carousel-caption">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum sagittis felis, blandit fermentum diam molestie nec.
</div>
</div>
<div class="item">
<img src="https://placeimg.com/1024/402/any" alt="..." class="img-responsive">
<div class="carousel-caption">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum sagittis felis, blandit fermentum diam molestie nec.
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
.container {
max-width:970px;
}
h1, h2, h3, h4, h5, h6 {
font-family:'Roboto Slab', serif;
font-weight:600;
color:#336699;
}
body {
background: url("http://marlowcarnival.co.uk/i/pub/common/img/bg1.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.top-banner {padding:20px}
.transp {
background-color: rgba(245, 245, 245, 0);
}
.toprow {
background: #ffc578; /* Old browsers */
background: -moz-linear-gradient(top, #ffc578 0%, #fb9d23 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffc578 0%,#fb9d23 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffc578 0%,#fb9d23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
}
.bg-white {background-color: rgba(245, 245, 245, 0.9);}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
/*
*/
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Bootstrap Wizard

Questions / Comments: