113 lines
7.0 KiB
HTML
113 lines
7.0 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 class="hero-unit" style="margin-top: 10px; margin-left: 120px; padding: 0; margin-right: 120px; background-color: whitesmoke;">
|
|
<!-- header -->
|
|
<div style=" margin-left: -100px;">
|
|
|
|
<img src="redestoff_schriftnew.png" alt="redestoffmusik" style=""/>
|
|
</div>
|
|
|
|
<!-- menu -->
|
|
<div class="navbar navbar-inverse">
|
|
<div class="navbar-inner" style="-webkit-border-radius: 0; -moz-border-radius: 0; border-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">
|
|
<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(pic_mid.png)">
|
|
<div class="span8">
|
|
<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-radius: 0; -moz-border-radius: 0; border-radius: 0;">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div style="padding-left: 25px; padding-top: 0px; padding-right: 25px;">
|
|
<!-- video slide -->
|
|
<div class="row" style="background: white;">
|
|
<div class="span2" style="padding-right: 100px;">
|
|
<img src="url: Covercm2.jpg" width="200" height="150" />
|
|
<!-- <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>-->
|
|
<p><a class="btn" href="#">DOWNLOAD »</a></p>
|
|
</div>
|
|
<div class="span2" style="padding-right: 100px;">
|
|
<iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>
|
|
<p><a class="btn" href="#">DOWNLOAD »</a></p>
|
|
</div>
|
|
<div class="span2" style="padding-right: 100px;">
|
|
<iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>
|
|
<p><a class="btn" href="#">DOWNLOAD »</a></p>
|
|
</div>
|
|
<div class="span2" style="padding-right: 100px;">
|
|
<iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>
|
|
<p><a class="btn" href="#">DOWNLOAD »</a></p>
|
|
</div>
|
|
<div class="span2" style="">
|
|
<iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0"></iframe>
|
|
<p><a class="btn" href="#">DOWNLOAD »</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer-->
|
|
<div id="footer" style="padding-left: 120px; margin-top: -25px;">
|
|
|
|
<p class="muted credit"><font color="black"> Copyright by Redestoffmusik bitches</font></p>
|
|
</div>
|
|
|
|
<script src="http://code.jquery.com/jquery.js"></script>
|
|
<script src="bootstrap/js/bootstrap.min.js"></script>
|
|
</body>
|
|
</html>
|