151 lines
11 KiB
HTML
151 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>redestoff</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!-- Bootstrap -->
|
|
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
|
</head>
|
|
<body style="background: url(affen_mid.jpg);">
|
|
<div style=" margin-left: 0;">
|
|
|
|
<img src="redestoff_schrift.png" alt="redestoffmusik" style=""/>
|
|
</div>
|
|
<div class="hero-unit" style="margin-top: 10px; margin-left: 120px; padding: 0; margin-right: 120px; background-color: whitesmoke; background: url(vid_leiste3.png);">
|
|
<!-- header -->
|
|
|
|
|
|
<!-- menu -->
|
|
<div class="navbar navbar-inverse">
|
|
<div class="navbar-inner" style="-webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-left-radius: 0;border-bottom-right-radius: 0;">
|
|
<div class="container">
|
|
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="brand" href="#">News</a>
|
|
<div class="nav-collapse collapse">
|
|
<ul class="nav">
|
|
<li class="active"><a href="#">Artists</a></li>
|
|
<li><a href="#about">Community</a></li>
|
|
<li><a href="#contact">Download</a></li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Action</a></li>
|
|
<li><a href="#">Another action</a></li>
|
|
<li><a href="#">Something else here</a></li>
|
|
<li class="divider"></li>
|
|
<li class="nav-header">Nav header</li>
|
|
<li><a href="#">Separated link</a></li>
|
|
<li><a href="#">One more separated link</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<!--FB LIKE -->
|
|
<div class="navbar-form pull-right" style="padding-top: 7px;">
|
|
<a href="http://www.youtube.com/user/RedestoffMusik" target="_blank">
|
|
<img src="youtube_icon.png" width="75" />
|
|
</a>
|
|
<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FRedestoff&send=false&layout=button_count&width=200&show_faces=false&font&colorscheme=light&action=like&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:21px;" allowTransparency="true"></iframe>
|
|
</div>
|
|
</div><!--/.nav-collapse -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="padding-left: 20px; margin-top: -20px;">
|
|
<!-- content -->
|
|
<div class="row" style="background: url(mid_pic.png)no-repeat; background-position: -275px 28%; ">
|
|
<div class="span8" style="color: whitesmoke;">
|
|
<h2>Text</h2>
|
|
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metu. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget </p>
|
|
</div>
|
|
<div class="span4" style="padding-top: 35px; padding-left: 35px;">
|
|
<iframe width="570" height="320" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin-left: -20px;">
|
|
<div class="navbar navbar-inverse">
|
|
<div class="navbar-inner" style="-webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; -moz-border-top-right-radius: 0; border-top-left-radius: 0;border-top-right-radius: 0;">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- video slide -->
|
|
<div class="row hero-unit" style="background: url(vid_leiste3.png)no-repeat; padding: 0px; margin-top: -22px; margin-left: 0px; padding-bottom: 0px;-webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; -moz-border-top-right-radius: 0; border-top-left-radius: 0;border-top-right-radius: 0;">
|
|
<div class="span2" style="padding-right: 50px; margin-top: 10px;">
|
|
<div class="hero-unit" style="background-color: black; margin-top: 0px; margin-left: 20px; padding:7px; width:150px; background: url(affen_top.jpg);">
|
|
<img src="Covercm2.jpg" width="200" height="150" />
|
|
<!-- <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>-->
|
|
<div style="padding-top: 5px;"><a class="btn" style="font-size: 9px;" href="#">DOWNLOAD »</a>
|
|
<img src="LOGO2011!!!.png" width="30" height="30" style="margin-left: 23px;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="span2" style="padding-right: 50px; margin-top: 10px;">
|
|
<div class="hero-unit" style="background-color: black; margin-top: 0px; margin-left: 20px; padding:7px; width:150px; background: url(affen_top.jpg);">
|
|
<img src="EP_cover.jpg" width="200" height="150" />
|
|
<!-- <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>-->
|
|
<div style="padding-top: 5px;"><a class="btn" style="font-size: 9px;" href="#">DOWNLOAD »</a>
|
|
<img src="LOGO2011!!!.png" width="30" height="30" style="margin-left: 23px;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="span2" style="padding-right: 50px; margin-top: 10px;">
|
|
<div class="hero-unit" style="background-color: black; margin-top: 0px; margin-left: 20px; padding:7px; width:150px; background: url(affen_top.jpg);">
|
|
<img src="xmas_cover.jpg" width="200" height="150" />
|
|
<!-- <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>-->
|
|
<div style="padding-top: 5px;"><a class="btn" style="font-size: 9px;" href="#">DOWNLOAD »</a>
|
|
<img src="LOGO2011!!!.png" width="30" height="30" style="margin-left: 23px;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="span2" style="padding-right: 50px; margin-top: 10px;">
|
|
<div class="hero-unit" style="background-color: black; margin-top: 0px; margin-left: 20px; padding:7px; width:150px; background: url(affen_top.jpg);">
|
|
<img src="jonny vicious 2 front.jpg" width="200" height="150" />
|
|
<!-- <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>-->
|
|
<div style="padding-top: 5px;"><a class="btn" style="font-size: 9px;" href="#">DOWNLOAD »</a>
|
|
<img src="LOGO2011!!!.png" width="30" height="30" style="margin-left: 23px;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="span2" style="padding-right: 50px; margin-top: 10px;">
|
|
<div class="hero-unit" style="background-color: black; margin-top: 0px; margin-left: 20px; padding:7px; width:150px; background: url(affen_top.jpg);">
|
|
<img src="REP_Cover.jpg" width="200" height="150" />
|
|
<!-- <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>-->
|
|
<div style="padding-top: 5px;"><a class="btn" style="font-size: 9px;" href="#">DOWNLOAD »</a>
|
|
<img src="LOGO2011!!!.png" width="30" height="30" style="margin-left: 23px;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="span2" style="margin-top: 10px;">
|
|
<div class="hero-unit" style="background-color: black; margin-top: 0px; margin-left: 20px; padding:7px; width:200px; background: url(affen_top.jpg);">
|
|
<iframe width="200" height="150" src="http://www.youtube.com/embed/U8L39SaILw0" frameborder="0"></iframe>
|
|
<div style="padding-top: 5px;"><a class="btn" style="font-size: 9px;" href="#">DOWNLOAD »</a>
|
|
<img src="LOGO2011!!!.png" width="30" height="30" style="margin-left: 73px;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer-->
|
|
<div id="footer" style=" margin-top: -68px; margin-left: 25px;">
|
|
|
|
<p class="muted credit"><font size="1px" color="white"> Copyright by Redestoffmusik bitches</font></p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="http://code.jquery.com/jquery.js"></script>
|
|
<script src="bootstrap/js/bootstrap.min.js"></script>
|
|
</body>
|
|
</html>
|