new Redestoff.html

This commit is contained in:
Naeltard der Große 2013-04-09 14:28:05 +02:00
parent 64951f3911
commit 80b0ab44fc
3 changed files with 129 additions and 3 deletions

View File

@ -7,7 +7,8 @@
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>
<div id="banner_top" class="hero-unit">
<h1>abcdefg</h1>
<div id="banner_top" >
<div id="banner_logo">
</div>
</div>
@ -33,7 +34,7 @@
</div>
</div>
</div>
</div>
<div id="banner_vid">
vid_lauf
</div>
@ -41,7 +42,7 @@
impressum
</div>
<script src="bootstrap/js/jquery-1.9.1.min.js"></script>
<script src="bootstrap/js/jquery-1.9.1.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

14
Bilder/redestoff2.html Normal file
View File

@ -0,0 +1,14 @@
<!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>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

111
Bilder/redestoff3.html Normal file
View File

@ -0,0 +1,111 @@
<!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_schrift.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&amp;send=false&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;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-color: black;">
<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: url(DSC04385.jpg);">
<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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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>