itinerae: dark matter

yourwebsite.org

link here link here link here link here link here link here

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.

Scrollbox

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed purus est, dapibus a dignissim bibendum, porttitor at eros. Vestibulum id quam a massa rutrum viverra eget quis metus. Sed vitae mi dignissim, commodo felis sit amet, iaculis nulla. Mauris condimentum est eget tellus facilisis accumsan. Cras aliquet orci mi, eget eleifend ante scelerisque eget. In in arcu auctor, vestibulum enim a, porttitor tellus. Proin ut urna et risus accumsan bibendum. In hac habitasse platea dictumst. Quisque egestas quam vel orci gravida consectetur. Vestibulum at dapibus neque. Phasellus congue justo vel fermentum faucibus.

The code

<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>itinerae: dark matter</title>
<link rel="shortcut icon" href="https://64.media.tumblr.com/91d8c3dbc2ccfc2a095735aed0bb3a5a/1ae51b1aeb933c49-5a/s1280x1920/4910301a61c1e0c22387f7373507b566666fb1aa.gifv">

b {color:#888;font-weight:bold;}
      i {font-style:italic;color:#aaa;}
      u {color:#888;text-decoration:underline;}
     
      
::-webkit-scrollbar-thumb {
background-color: #111;  
border-radius: 0px;
border:1px solid #666;}
  
::-webkit-scrollbar {
width: 7px; height: 0px; 
background: transparent;}
  
  
  
#layout {
    margin: 0px auto;
    width: 720px;}
      
  
  
#header1 {
    width: 720px;
    float: left;
    margin: 0 auto;}

#header2 {
    height: 180px;
    background: #111 url(https://64.media.tumblr.com/8008a8f63a39275d497fb769885cfb8b/0858230806fd6a95-b5/s400x600/05adec912553d0fc5fd445da270ed9422e97381e.webp) no-repeat center;
    margin: 0px;}
  
#sitename a {
    font:20px courier new;color:#aaa;text-transform:uppercase;letter-spacing:8px;background:#101010;border-radius:30px;padding:4px;padding-left:20px;padding-right:20px;}

#menu1 {
    width: 720px;
    float: left;
    margin: 0 auto;}

#menu2 {
    height: 20px;
    line-height:20px;
    margin: 0px;
    margin-bottom:0px;
    padding:1px;padding-top:0px;
    text-align:center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;}
      
#menu2 a { 
    font:bold 11px monospace,georgia;
    text-transform:uppercase;
    padding:4px; 
    margin-right:10px;
    letter-spacing:1px;
    color:#666;}
      
#menu2 a:hover {
color:#ccc;}

#content1 {
    width: 360px;
    float: left;
    margin: 0 auto;}

#content2 {
    margin: 0px;
    padding:6px;
    background:#202020;
    color:#656565;}

#left1 {
    width:180px;
    float: left;
    margin: 0 auto;}

#left2 {
    margin: 0px;
    padding:6px;
    background:#171717;
    border-right:1px dashed #222;
    color:#5a5a5a;}

#right1 {
    width: 180px;
    float: left;
    margin: 0 auto;}

#right2 {
    margin: 0px;
    padding:6px;
    background:#171717;
    color:#5a5a5a;
    border-left:1px dashed #222;}

#footer1 {
    width: 720px;
    float: left;
    margin: 0 auto;
    clear: both;}

#footer2 {
    height: 40px;
    margin: 0px;}

.scrollbox {background:#111;height:100px;overflow:auto;overflow-x:hidden;margin-top:4px;}
.title {font:bold 10px verdana;color:#999;letter-spacing:3px;text-align:left;padding:1px;margin-bottom:0px;}
textarea {font:10px calibri;letter-spacing:1px;background:#333;}
  
  
</style>
</head>
  
  
  
<body>
  
  
<div id="layout">
    
    
  
      
<div id="header1">
<div id="header2">
<div id="sitename">
         
<br><br><br><br><br><br>
            
<center> <a href="">yourwebsite.org</a> </center>

</div>
</div>
</div>
  
      
      
      
<div id="menu1">
<div id="menu2">
<a href="">link here</a> <a href="">link here</a> <a href="">link here</a> <a href="">link here</a> <a href="">link here</a> <a href="">link here</a>
</div>
</div>
      
  
  
  
      
<div id="left1">
<div id="left2">
        
          
<div class="title"> Title </div>

<div class="title"> Title </div>  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. 
          
<br><br>
  
<div class="title"> Title </div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
          
<br><br>
          
<div class="title"> Scrollbox </div>  
  
<div class="scrollbox">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.
 </div>
           
      
  <br><br>
          
</div>
</div>

<div id="content1">
<div id="content2">
          
          
<div class="title"> Title </div>  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed purus est, dapibus a dignissim bibendum, porttitor at eros. Vestibulum id quam a massa rutrum viverra eget quis metus. Sed vitae mi dignissim, commodo felis sit amet, iaculis nulla. Mauris condimentum est eget tellus facilisis accumsan. Cras aliquet orci mi, eget eleifend ante scelerisque eget. In in arcu auctor, vestibulum enim a, porttitor tellus. Proin ut urna et risus accumsan bibendum. In hac habitasse platea dictumst. Quisque egestas quam vel orci gravida consectetur. Vestibulum at dapibus neque. Phasellus congue justo vel fermentum faucibus.
          
<br><br>
  
<div class="title"> Title </div>  
Integer vestibulum scelerisque leo, ut pretium orci consectetur vitae. Cras at elit quis purus rhoncus tincidunt sit amet non nisl. Phasellus hendrerit pulvinar porttitor. Mauris molestie gravida risus. Praesent convallis urna sapien, quis commodo ex tempus id. Ut accumsan rhoncus eros et mattis. Vestibulum consequat sit amet ante commodo tincidunt. Cras non lectus dapibus, pellentesque orci et, porta mi. Nulla facilisi.
  
<br><br>
          
<div class="title"> Title </div>

Phasellus a placerat mi. Nunc id lacinia sapien, et varius orci. Donec dictum suscipit magna ut suscipit. Quisque ullamcorper quam leo, sed facilisis massa facilisis nec. Nullam accumsan, ipsum ut lobortis condimentum, quam justo dapibus nisi, ac ultricies nulla lectus ac purus. Nam ut augue vitae arcu hendrerit gravida. Mauris pulvinar lorem vel quam interdum pretium. Cras sed viverra velit, non ornare nulla. Ut a eros pharetra, tincidunt nisi vel, facilisis ex. Nulla ut euismod erat, maximus euismod dui.

<br><br>       
          
</div>
<br>
<center> <b>Layout made by </b> <a href="http://itinerae.blogspot.com" target="_blank">Itinerae.</a>  </center>
</div>
      
      
  
  
  
<div id="right1">
<div id="right2">
          
          
          
<div class="title"> Title </div>  
  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed purus est, dapibus a dignissim bibendum, porttitor at eros. Vestibulum id quam a massa rutrum viverra eget quis metus. Sed vitae mi dignissim, commodo felis sit amet, iaculis nulla.
  
<br><br>
          
<div class="title"> Scrollbox </div>  
  
<div class="scrollbox">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.
</div>
          
          
<br>     
      
<div class="title"> Title </div>  
  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
          
<br><br>
          
<div class="title"> Title </div>  
  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed purus est, dapibus a dignissim bibendum, porttitor at eros. Vestibulum id quam a massa rutrum viverra eget quis metus.

</div>
        </div>
      
     
  
  
  
</div>
  
</body>
</html>

Integer vestibulum scelerisque leo, ut pretium orci consectetur vitae. Cras at elit quis purus rhoncus tincidunt sit amet non nisl. Phasellus hendrerit pulvinar porttitor. Mauris molestie gravida risus.

Title

Layout made by Itinerae.

Title

Scrollbox

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed purus est, dapibus a dignissim bibendum, porttitor at eros. Vestibulum id quam a massa rutrum viverra eget quis metus.