Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta name="description" content="spanposition" />
    <!-- CSS -->
    <link href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet" />
    <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.0/css/font-awesome-ie7.min.css" rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet" />
    <link href="http://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700" rel="stylesheet" type="text/css">
    <!-- Javascript -->
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
    <title>Bootstrap Template</title>
  </head>
  
  <body>
    <div class="wrapper">
      <div class="header">
        <span class="logo"></span>
        <span class="facebookpartner"></span>        
      </div>
      <ul class="navibar">
        <li><a href="#" id="home">Home</a></li>
        <li><a href="#" id="language">Language</a></li>
        <li><a href="#" id="stream1">Pim 1-9</a></li>
        <li><a href="#" id="stream2">Pim 10-19</a></li>
        <li><a href="#" id="stream3">Pim 20-29</a></li>
        <li><a href="#" id="stream4">Pim</a></li>
        <li><a href="#" id="stream5">Pim Mix</a></li>
        <li><a href="#" id="news">News</a></li>
      </ul>
      <ul class="navibarleiste">
        <li><a href="#">Startseite</a></li>
        <span>&middot;</span>
        <li><a href="#">Partnerschaftsanfrage</a></li>
        <span>&middot;</span>
          <li><a href="#">Kontakt</a></li>
      </ul>      
      <div class="banner"></div>
      <div class="main">
        <div class="streamwindow">
          <h1>Testheadline</h1>
            <p>Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula ut id elit. Curabitur blandit tempus porttitor. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis. Donec sed odio dui</p>
            <p>Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
        <div class="mainfoot">Ich bin ein Footer</div>
      </div>
      <div class="sidebar">Blabla das ist Sidebar</div>
      <div class="footer clearfix">Copyright &copy; 2013 &middot; Made in Switzerland <span style="color:#c80204;">♥</span> &middot; All Rights Reserved.</div>
    </div>
  </body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
janpro
0viewers