<html lang="en">
    <head>
    <title>Bolshevik</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    * {
      box-sizing: border-box;
    }
    
    /* Style the body */
    body {
      font-family: Arial, Helvetica, sans-serif;
      margin: 0;
    }
    
    /* Header/logo Title */
    .header {
      padding: 20px;
      text-align: center;
      background: #0057b7;
      color: white;
    }
    
    /* Increase the font size of the heading */
    .header h1 {
      font-size: 40px;
    }
    
    .header a {
      text-decoration: none;
      color: #ffd700;
    }
    
    .header a:hover {
      color: white;
    }
    
    
    /* Sticky navbar - toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed). The sticky value is not supported in IE or Edge 15 and earlier versions. However, for these versions the navbar will inherit default position */
    .navbar {
      overflow: hidden;
      background-color: #333;
      position: sticky;
      position: -webkit-sticky;
      top: 0;
    }
    
    /* Style the navigation bar links */
    .navbar a {
      float: left;
      display: block;
      color: white;
      text-align: center;
      padding: 14px 20px;
      text-decoration: none;
    }
    
    
    /* Right-aligned link */
    .navbar a.right {
      float: right;
    }
    
    /* Change color on hover */
    .navbar a:hover {
      background-color: #ddd;
      color: black;
    }
    
    /* Active/current link */
    .navbar a.active {
      background-color: #666;
      color: white;
    }
    
    /* Column container */
    .row {  
      display: -ms-flexbox; /* IE10 */
      display: flex;
      -ms-flex-wrap: wrap; /* IE10 */
      flex-wrap: wrap;
    }
    
    /* Create two unequal columns that sits next to each other */
    /* Sidebar/left column */
    .side {
      -ms-flex: 30%; /* IE10 */
      flex: 30%;
      background-color: #ffd700;
      padding: 20px;
    }
    
    .side a {
      text-decoration: none;
      color: #AA6666;
    }
    
    .side a:hover {
      color: black;
    }
    
    /* Main column */
    .main {   
      -ms-flex: 70%; /* IE10 */
      flex: 70%;
      background-color: white;
      padding: 20px;
    }
    
    .main a {
      text-decoration: none;
      color: #AA6666;
    }
    
    .main a:hover {
      color: black;
    }
    
    /* Footer */
    .footer {
      padding: 10px;
      text-align: center;
      background: #ddd;
    }
    
    .footer a {
      text-decoration: none;
      color: #AA6666;
    }
    
    .footer a:hover {
      color: black;
    }
    
    
    /* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
    @media screen and (max-width: 700px) {
      .row {   
        flex-direction: column;
      }
    }
    
    /* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
    @media screen and (max-width: 400px) {
      .navbar a {
        float: none;
        width: 100%;
      }
    }
    </style>
    </head>
    <body>
    
    <div class="header">
    <h1>
    <a href="/ukrainian" style="text-decoration: none">B</a>
    <a href="/freecity" style="text-decoration: none">o</a>
    <a href="/timah" style="text-decoration: none">l</a>
    <a href="/i/a" style="text-decoration: none">s</a>
    <a href="/timmedia" style="text-decoration: none">h</a>
    <a href="/artists" style="text-decoration: none">e</a>
    <a href="/twindao" style="text-decoration: none">v</a>
    <a href="/aitway_v2" style="text-decoration: none">i</a>
    <a href="/quniversity" style="text-decoration: none">k</a>
    </h1>  
    </div>
    
    <div class="navbar">
      <a href="/i">Map</a>
      <a href="/r001" class="active">r001</a>
      <a href="/canada001">Canada</a>
      <a href="/greenland001">Greenland</a>
      <a href="/norway001">Norway</a>
      <a href="/index/blog.html?blogname=okchai" class="right">Help Qblog</a>
    </div>
    
    <div class="row">
      <div class="side">
      <h3>r001 links for sale</h2>
      <p>
      <b>Islands on the <a href="/i">Map</a></b><br><br>
       <a href="/bolshevik">Bolshevik</a><br><br>
      <a href="/komsomolets">Komsomolets</a><br><br>
      <a href="/octobertion">Octobertion</a><br><br>
      
      buy these QNS at Qora QNS DEX.
      </p>
      
       
      </div>
      <div class="main">
      <h1>This QNS include the web3page is for sale</h1>
      <p>         
     You are welcome to buy the QNS! <br><br>
     Install <a href="/qora.htm">Qora software</a><br><br>
     get some Timah or TIM to buy Qora via Qora and Ardor DEX. <br><br>
     then, buy the QNS with Qora token. 
     <font  size="2" color="#198968">Qora QNS DEX info (iframe start : 800pixels)</font><br> 
     <iframe width="100%" height="800" frameborder="0" src="/index/blockexplorer.html?block=870756" name="ifooter" border="0"></iframe>
     <font  size="1" color="#198968"> iframe end here.
     <br>iframe is refer to HTML iframe tag, for import content to a webpage. </font> 
     </p>
           
      </div>
    </div>
    
    <div class="footer">
         <p>
     <font size="5">
     <a href="/i/cn">&#20013;</a>
     <a href="/i/a">A</a>
     <a href="/i/b">B</a>
     <a href="/i/c">C</a>
     <a href="/i/d">D</a>
     <a href="/i/e">E</a>
     <a href="/i/f">F</a>
     <a href="/i/g">G</a>
     <a href="/i/h">H</a>
     <a href="/i/i">I</a>
     <a href="/i/j">J</a>
     <a href="/i/k">K</a>
     <a href="/i/l">L</a>
     <a href="/i/m">M</a>
     <a href="/i/n">N</a>
     <a href="/i/o">O</a>
     <a href="/i/p">P</a>
     <a href="/i/q">Q</a>
     <a href="/i/r">R</a>
     <a href="/i/s">S</a>
     <a href="/i/t">T</a>
     <a href="/i/u">U</a>
     <a href="/i/v">V</a>
     <a href="/i/w">W</a>
     <a href="/i/x">X</a>
     <a href="/i/y">Y</a>
     <a href="/i/z">Z</a>
     <a href="/i/1">1</a>
     <a href="/i/2">2</a>
     <a href="/i/3">3</a>
     <a href="/i/4">4</a>
     <a href="/i/5">5</a>
     <a href="/i/6">6</a>
     <a href="/i/7">7</a>
     <a href="/i/8">8</a>
     <a href="/i/9">9</a>
     <a href="/i/0">0</a>
    &nbsp;&nbsp;
     <a href="/index/showpost.html?msg=4z64ShrryU9m97cXzayE5uZxhqFP1hqTCnrbGAv8MCuSpCuACaQX6iTLcZ89eVZ7Ezi2qLqKZF9ueVWxN2kTXb2N">@</a>
    &nbsp;<a href="/twindao">&#174;</a>
     </p> 
    </div>
    
    </body>
    </html>