Qora Web

website
<html>
<head>
<link rel="shortcut icon" href="/freecity/favicon.ico">
<title>/999x999y999z</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

.header1 {
  padding: 5px;
  text-align: center;
  background: #198964;
  color: #BAADBE;
}

.header1 h1 {
  font-size: 40px;
}
.header1 a {
  text-decoration: none;
    color: white;
}

.header1 a:hover {
  text-decoration: underline;
    color: purple;
}

.navbar {
  overflow: hidden;
  background-color: #333;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

.navbar a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none;
}

.navbar a.right {
  float: right;
}

.navbar a:hover {
  background-color: #ddd;
  color: purple;
}

.navbar a.active {
  background-color: #666;
  color: white;
}

.row {  
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
}

.side {
  -ms-flex: 30%; 
  flex: 30%;
  background-color: #f1f1f1;
  padding: 20px;
}
.side a {
  text-decoration: none;
  color: #2471A3;
}

.side a:hover {
  text-decoration: underline;
  color: none;
}

.main {   
  -ms-flex: 70%; 
  flex: 70%;
 font-size: 18px;
  background-color: white;
  padding: 20px;
}
.main a {
  text-decoration: none;
  color: #2471A3;
}

.main a:hover {
  text-decoration: underline;
  color: none;
}

.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
}
.footer a {
  text-decoration: none;
  color: #2471A3;
}

.footer a:hover {
  text-decoration: underline;
  color: none;
}

@media screen and (max-width: 700px) {
  .row {   
    flex-direction: column;
  }
}

@media screen and (max-width: 400px) {
  .navbar a {
    float: none;
    width: 100%;
  }
}

</style>
</head>
<body>

<div class="header1">
<h1>999x999y999z</h1>
</div>

<div class="navbar">
<a href="/0x0y0z"> <b>Game Home</b> </a>
<a href="/]"> <b>/]</b> </a>
  <a href="/i"> /i world map </a>
  <a href="#main-page" class="right"> #Main Page</a>
</div>

<div class="row">
  <div class="side">
<p>
/999x999y999z is a QNS (Qora Naming Service), similar to www domain name. When you purchase a QNS, you gain control over the function below it, including the ability to add or edit the associated webpage. The content of the webpage is covered by copyright law, which must be specified by the seller for each QNS.<br><br>
If you manage to buy /999x999y999z, you can delete all the content under it. Currently, the webpage only displays a picture retrieved from the Qora blockchain database, and this does not imply ownership of the picture.<br><br>
3D XYZ Space, ranging from 0x0y0z to 999x999y999z, and the space games are methods of promoting the Qora blockchain by okchai.
</p>

   </div>
  <div class="main">
  <img border="0" src="/i/2223.png" width="18"><a name="main-page"><font color="#198964"> #Main Page </font></a> <img border="0" src="/i/2.png" width="9"><br>
<p align="center">
<img border="0" src="/2ndtest/nature" width="90%"><br>
http://(QoraNode)/2ndtest/nature A picture saved at Qora blockchain 
</p>
  </div>
</div>

<div class="footer">
<p align="center">
999x999y999z<br>
<a href="/999x0y999z" title="y+1"><img border="0" src="/i/8.png" width="100" height="33"></a><br><!--

--><a href="/998x999y999z" title="X-1"><img border="0" src="/i/9.png" width="50" height="50"></a><!--
--><a href="/999x999y0z" title="z+1"><img border="0" src="/i/10.png" width="50" height="50"></a><!--
--><a href="/999x999y998z" title="z-1"><img border="0" src="/i/11.png" width="50" height="50"></a><!--
--><a href="/0x999y999z" title="x+1"><img border="0" src="/i/12.png" width="50" height="50"></a><br><!--

--><a href="/999x998y999z" title="y-1"><img border="0" src="/i/13.png" width="100" height="33"></a>
</p>
</div>
</body></html>
website
