"Zauberer_Thüringen"
Bootstrap 3.3.0 Snippet by smar

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 ---------->
<div class="container">
<h1 style="font-size: 30px;">Bands für Ihre Veranstaltung buchen</h1>
<img class="img-responsive" src="http://1.1.1.4/bmi/www.smarboo.com/media/catalog/category/zauberer.jpg" />
<p> Ob entspannter Jazz, mitreißender Rock, oder nostalgische Oldies: Bei unseren Live-Bands ist für jeden Geschmack etwas dabei!
</p>
<p>
</div>
<div class="container">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-8">
<h2 class="tag-title" style="font-size: 18px;">Bands in Niedersachsen</h2>
<div class="col-sm-3">
<div class="fading-side-menu">
<ul class="list-unstyled" style="font-size: 13px;">
<li><a href="http://www.smarboo.com/showkuenstler/zauberer-magier/Altenburg"> <span class="fa fa-angle-double-right text-primary"></span>Altenburg</a></li>
<li><a href="http://www.smarboo.com/showkuenstler/zauberer-magier/Apolda"> <span class="fa fa-angle-double-right text-primary"></span>Apolda</a></li>
<li><a href="http://www.smarboo.com/showkuenstler/zauberer-magier/Arnstadt"> <span class="fa fa-angle-double-right text-primary"></span>Arnstadt</a></li>
<li><a href="http://www.smarboo.com/showkuenstler/zauberer-magier/Eisenach"> <span class="fa fa-angle-double-right text-primary"></span>Eisenach</a></li>
<li><a href="http://www.smarboo.com/showkuenstler/zauberer-magier/Erfurt"> <span class="fa fa-angle-double-right text-primary"></span>Erfurt</a></li>
</ul>
</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
/* FOR DEMO ONLY */
/* Import Bootswatch paper theme because it isn't provided by Bootsnipp and it is awesome! */
@import url(//cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.4/paper/bootstrap.min.css);
@import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css);
/* WHAT YOU NEED */
.fading-side-menu.affix-top {
opacity: 1;
transition: opacity 1s
}
.fading-side-menu.affix {
top: 11.5px;
}
.fading-side-menu.affix {
opacity: 0.2;
transition: opacity 5s
}
.fading-side-menu.affix:hover {
opacity: 1;
transition: opacity 0.3s
}
/* RECOMMENDED STYLING BUT NOT REQUIRED */
.fading-side-menu a {
color: rgb(102, 102, 102);
}
.fading-side-menu a .fa {
padding-right:15px;
}
/* FOR DEMO ONLY */
body {
background-color: rgb(255, 255, 255);
font-size: 16px;
}
header {
background: url('https://unsplash.imgix.net/photo-1427955569621-3e494de2b1d2?fit=crop&fm=jpg&h=700&q=75&w=1050') no-repeat center bottom;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vuetify Material Dashboard

Questions / Comments: