<html lang="en">
<head>
<link rel="shortcut icon" href="/freecity/favicon.ico">
<title>Bunnny</title>
<meta charset="UTF-8">
<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 */
.header1 {
padding: 38px;
text-align: center;
background: #BBA0CB;
color: white;
}
/* Increase the font size of the heading */
.header1 h1 {
font-size: 40px;
}
/* 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: #f1f1f1;
padding: 20px;
}
/* Main column */
.main {
-ms-flex: 70%; /* IE10 */
flex: 70%;
background-color: white;
padding: 20px;
}
/* Footer */
.footer {
padding: 20px;
text-align: center;
background: #ddd;
}
/* 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="header1">
<h1><font face="Bernard MT Condensed">Bunnny</font></h1>
<marquee direction='left' scrolldelay='130' behavior='scroll' scrollamount='10'>
<b><font size="5" color=grey>~~~Wingardium Leviosa~~~</font></b>
</marquee>
</div>
<div class="navbar">
<a href="/freecity" ><font color="#198964">Home</font>0<font color="#198964">首頁</font></a>
<a href="/cheetah">Cheetah Home</a>
<a href="/bunnny" class="active">Bunnny Home</a>
<a href="/bunnny/1.htm">NEXT</a>
<a target="_tab" href="/index/blog.html?blogname=bunnny" class="right">Qblog</a>
</div>
<div class="row">
<div class="side">
<p>
<font color="#198964">
Qora Decentralized website<br>
New contents are welcome <br>
</font><br>
<b>Bunnny's Index</b><br>
<a href="/bunnny">Bunnnyverse</a><br>
<a href="/bunnny/1.htm">book review</a><br>
<br><br>
<b>Qora NFT DEX</b><br>
Qora Naming Service is NFT (ñ)<br>
<a target="_tab" href="/binance"><span style="background-color: #FFFFFF">ñ<i>binance</i></span></a> QNS NFT<br>
<a target="_tab" href="/poloni"><span style="background-color: #FFFFFF">ñ<i>poloni</i></span></a> QNS NFT<br>
<a target="_tab" href="/polonidex"><span style="background-color: #FFFFFF">ñ<i>polonidex</i></span></a>ad at FreeCity Home0<br>
<a target="_tab" href="/miao"><span style="background-color: #FFFFFF">ñ<i>miao</i></span></a> see ad demo bellow<br>
<a target="_tab" href="/covid"><span style="background-color: #FFFFFF">ñ<i>covid</i></span></a> QNS NFT web template<br>
<a target="_tab" href="/squidgame"><span style="background-color: #FFFFFF">ñ<i>squidgame</i></span></a> (for FreeCity Q1 ad)<br>
<a target="_tab" href="/metaverse"><span style="background-color: #FFFFFF">ñ<i>metaverse</i></span></a>A QNS NFT with JPG file<br>
<a target="_tab" href="/index/blockexplorer.html?block=763067"><span style="background-color: #FFFFFF">ñ<i>tiktok</i></span></a>(empty web) QNS NFT<br><br>
<br><br>
Qora NFT application demo<br>
<font size="1"><a target="_tab" href="/index/showpost.html?msg=2ijD3az6rrWxH5imZ7q6YUioR7pJkCMLTaXGRjgRgonrZtuv2jqYEqhypb7wKyZztnStHnMH1QLz3D658HKu8qhc">100pixels ad</a></font>
<iframe width="100%" height="100" frameborder="0" src="/miao" name="ad" border="0"></iframe>
<font size="1">100pixels ad end here <a target="_tab" href="/index/showpost.html?msg=2ijD3az6rrWxH5imZ7q6YUioR7pJkCMLTaXGRjgRgonrZtuv2jqYEqhypb7wKyZztnStHnMH1QLz3D658HKu8qhc">SPONSORED 廣告</a></font>
<br>
</p>
</div>
<div class="main">
<p>
<font color="#198964">This <i>bunnny</i> website's HTML files are 100% recorded in Qora blockchain. </font>
</p>
<h2><u>Introduction</u></h2>
<p>
<b>Bunnny's first time here</b>
<br><i>Bunnny, 7 November 2021</i><br>
Hello, this is bunnny with 3 ns. I am here to help the owner try out his creation and also
hopefully learn HTML coding. I have an advertisement section so if you want any advertisement
be sure to hit me up with some Qora :D What should I do on this website? I actually don't know!
</p>
</div>
</div>
<div class="footer">
<h2>自由天地 FreeCity</h2>
<h5>A <a target="_tab" href="/twindao">TwinDAO</a> by
<a target="_tab" href="/index/blog.html?blogname=okchai">okchai</a> project.</h5>
<font size="1">Copyright © 2021 Bunnny. All rights reserved.</font>
</div>
</body></html>