itinerae: good old times

image

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.

<!DOCTYPE html>
<html>
  <head>
  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="http://fonts.googleapis.com/css?family=Megrim|Lato" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap" rel="stylesheet">

#left {
    width:190px;
    background:#eee url();
    margin: 0px;
    margin-top:0px;
    padding:0px;
    border:0px solid #666;}
      
      #content {
    width:415px;
    background:#eee url();
    margin: 0px;
    margin-top:0px;
    padding:0px;
    border:0px solid #666;}
      
.box {background:#D4D0C8;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;padding:4px;margin-bottom:4px;}

#header {text-align:left;color:#2F498C;background:#D4D0C8;font-size:20px;
      letter-spacing:2px;padding-left:4px;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;line-height:10px;width:600px;height:90px;line-height:90px;border-top-left-radius:10px;border-top-right-radius:10px;}  
      
      
.siteurl {text-align:left;color:#000;background:#D4D0C8;
      letter-spacing:2px;padding-left:4px;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;line-height:10px;width:600px;height:15px;line-height:15px;} 
      
    
      #navigation {width:608px;background:#DDDAD3;}
      .navi {float:left;display:block;font:9px arial black, calibri;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;margin-right:4px;padding:5px;min-width:80px;text-align:center;background:#D4D0C8;text-transform:uppercase;}
      
      
      
      .title {font:9px arial black, calibri;text-transform:uppercase;color:#FFF;background:#E3F4E2 url(https://64.media.tumblr.com/24edcf69b43d44676493a5b517aa225e/9aa6415c11a612ea-90/s640x960/e6ee5ec70e3166f12308004fc1b3c5b742dc8e0e.pnj);
      letter-spacing:3px;padding-left:4px;border-bottom:1px solid #fff;padding-top:2px;}
      
      
      
a:link, a:visited, a:active { 
color:#2F498C;text-decoration:none;}
      
a:hover {
color:#444;}

</style>
</head>
  
  
  
<body>
  
    
         <div id="header" style="position:absolute;top:60px;left:200px;">
           <center>header / text / something</center>
  </div>

<div class="siteurl" style="position:absolute;top:158px;left:200px;">
            http://yoursite.neocities.org
  </div>
  
  
  <div id="navigation" style="position:absolute;top:180px;left:200px;">
    <a class="navi" href="">link one</a> <a class="navi" href="">link two</a> <a class="navi" href="">link three</a> <a class="navi" href="">link four</a> <a class="navi" href="">link five</a> <a class="navi" href="">link six</a>
  </div>
  
  
  
  
  
  
        <div id="left" style="position:absolute;top:209px;left:200px;">
          
          
          
          
           <div class="title">
        title <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" alt="x" align="right" height="10" style="margin-right:4px;"> </div>
          <div class="box">       
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.
</div>
          
          
       <div class="title">
        title <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" alt="x" align="right" height="10" style="margin-right:4px;"> </div>
          <div class="box">
       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.
           </div>
          
          
          <div class="title">
        title <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" alt="x" align="right" height="10" style="margin-right:4px;"> </div>
          <div class="box">
       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.
           </div>
           
          
          <div class="title">
        title <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" alt="x" align="right" height="10" style="margin-right:4px;"> </div>
          <div class="box">
       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. Nunc eget est in lectus ornare cursus. Etiam lobortis pharetra tortor, ac egestas lectus ultrices vitae
           </div>
          
          
          
          </div>
  
  
  
  
  
        
   <div id="content" style="position:absolute;top:209px;left:394px;">
     
     
     
           <div class="title">
        image <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" alt="x" align="right" height="10" style="margin-right:4px;"> </div>
          <div class="box"><center><br>
       <img src="https://64.media.tumblr.com/bc3e357b51186ff451aabdfe2f3bfda3/7d62e6e8f6291f42-15/s540x810/928d96298fa779f34513cecf755acb27c28d393c.webp" width="370" style="border:0px solid #fff;"></center><br>
           </div>
     
     
     
     <div class="title">
        title <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" alt="x" align="right" height="10" style="margin-right:4px;"> </div>
          <div class="box">
       
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>

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>Layout made by <a href="http://itinerae.neocities.org" target="_blank">Itinerae.</a><br>
       Image from <a href="https://cutewebgraphics.tumblr.com" target="_blank">tumblr.</a></center>   
     
     
  </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. 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.

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.

Layout made by Itinerae.
Image from tumblr.