<html lang="en">
    <head>
    <link rel="shortcut icon" href="/qorahongkong/favicon.ico">
    <title>Quniversity</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 */
    .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="/ceqa" style="text-decoration: none">Q</a>
    <a href="/ukrainian" style="text-decoration: none">u</a>
    <a href="/qorian" style="text-decoration: none">n</a>
    <a href="/i/a" style="text-decoration: none">i</a>
    <a href="/qorahongkong" style="text-decoration: none">v</a>
    <a href="/metaverse" style="text-decoration: none">e</a>
    <a href="/qora.htm" style="text-decoration: none">r</a>
    <a href="/artists" style="text-decoration: none">s</a>
    <a href="/twindao" style="text-decoration: none">i</a>
    <a href="/aitway_v2" style="text-decoration: none">t</a>
    <a href="/aitway" style="text-decoration: none">y</a>
    
    </h1>  
    </div>
    
    <div class="navbar">
      <a href="/quniversity">Home</a>
      <a href="/quniversity/syllabus.htm">Syllabus</a>
       <a href="/quniversity/resources.htm">Resources</a>
       <a href="/quniversity/students.htm" class="active">Students</a>
      <a href="/quniversity/activities.htm">Activities</a>
      <a href="/index/blog.html?blogname=okchai" class="right">Help Qblog</a>
    </div>
    
    <div class="row">
      <div class="side">
      <p>
       <b>New students</b><br><br>
       |<a href="/cheetah">/cheetah</a> |<br><br>
       |<a href="/bunnny">/bunnny</a> |<br><br>
       Welcome !<br><br><br>
       
        <b>Qoru students</b><br><br>
       |<a href="/okchai">/okchai</a> |<br><br>  
      </p>
      <p align="center"> <img alt="" src="/2ndtest/qora.png" style="height:100px; width:100px" /><br>
      <b><font size="4">Quniversity</font></b><font size="4"> </font>
      <br><i>Freedom is not free</i>
      </p>
      
        
      </div>
      <div class="main">
    <p style="text-align:center"><span style="font-size:26px"><strong>Master in Qora Blockchain</strong></span></p>
    <p style="text-align:center">Qora need more experts to grow</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong>Think Decentralized</strong></span></p>
    <p style="text-align:center">Philosophy study for decentralization</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong>Definition of <i>blockchain</i></strong></span></p>
    <p style="text-align:center">The origin of blockchain is decentralized, no single point of failure.</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong><i>Fintech</i> or <i>De-Fi</i> ?</strong></span></p>
    <p style="text-align:center">Understand the core of modern electronic finance mechanics</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong><i>NFT</i> and <i>QNS</i></strong></span></p>
    <p style="text-align:center">The usage of Qora Naming Service(QNS), creativity brainstorming</p>
           
        
      </div>
    </div>
    
    <div class="footer">
      <h4>Quniversity for all @ 2022</h4>
    </div>
    
    </body>
    </html>
    <html lang="en">
    <head>
    <link rel="shortcut icon" href="/qorahongkong/favicon.ico">
    <title>Quniversity</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 */
    .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="/ceqa" style="text-decoration: none">Q</a>
    <a href="/ukrainian" style="text-decoration: none">u</a>
    <a href="/qorian" style="text-decoration: none">n</a>
    <a href="/i/a" style="text-decoration: none">i</a>
    <a href="/qorahongkong" style="text-decoration: none">v</a>
    <a href="/metaverse" style="text-decoration: none">e</a>
    <a href="/qora.htm" style="text-decoration: none">r</a>
    <a href="/artists" style="text-decoration: none">s</a>
    <a href="/twindao" style="text-decoration: none">i</a>
    <a href="/aitway_v2" style="text-decoration: none">t</a>
    <a href="/aitway" style="text-decoration: none">y</a>
    
    </h1>  
    </div>
    
    <div class="navbar">
      <a href="/quniversity" class="active">Home</a>
      <a href="/quniversity/syllabus.htm">Syllabus</a>
      <a href="/quniversity/resources.htm">Resources</a>
       <a href="/quniversity/students.htm">Students</a>
      <a href="/quniversity/activities.htm">Activities</a>
      <a href="/index/blog.html?blogname=okchai" class="right">Help Qblog</a>
    </div>
    
    <div class="row">
      <div class="side">
      <p align="center"> <img alt="" src="/2ndtest/qora.png" style="height:100px; width:100px" /><br>
      <b><font size="4">Quniversity</font></b><font size="4"> </font>
      <br><i>Freedom is not free</i>
      </p>
      
        
      </div>
      <div class="main">
    <p style="text-align:center"><span style="font-size:26px"><strong>Master in Qora Blockchain</strong></span></p>
    <p style="text-align:center">Qora need more experts to grow</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong>Think Decentralized</strong></span></p>
    <p style="text-align:center">Philosophy study for decentralization </p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong>Definition of <i>blockchain</i></strong></span></p>
    <p style="text-align:center">The origin of blockchain is decentralized, no single point of failure.</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong><i>Fintech</i> or <i>De-Fi</i> ?</strong></span></p>
    <p style="text-align:center">Understand the core of modern electronic finance mechanics</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong><i>NFT</i> and <i>QNS</i></strong></span></p>
    <p style="text-align:center">The usage of Qora Naming Service(QNS), creativity brainstorming</p>
           
        
      </div>
    </div>
    
    <div class="footer">
      <h4>Quniversity for all @ 2022</h4>
    </div>
    
    </body>
    </html>
    <html lang="en">
    <head>
    <link rel="shortcut icon" href="/qorahongkong/favicon.ico">
    <title>Quniversity</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 */
    .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="/ceqa" style="text-decoration: none">Q</a>
    <a href="/ukrainian" style="text-decoration: none">u</a>
    <a href="/qorian" style="text-decoration: none">n</a>
    <a href="/i/a" style="text-decoration: none">i</a>
    <a href="/qorahongkong" style="text-decoration: none">v</a>
    <a href="/metaverse" style="text-decoration: none">e</a>
    <a href="/qora.htm" style="text-decoration: none">r</a>
    <a href="/artists" style="text-decoration: none">s</a>
    <a href="/twindao" style="text-decoration: none">i</a>
    <a href="/aitway_v2" style="text-decoration: none">t</a>
    <a href="/aitway" style="text-decoration: none">y</a>
    
    </h1>  
    </div>
    
    <div class="navbar">
      <a href="/quniversity">Home</a>
      <a href="/quniversity/syllabus.htm">Syllabus</a>
      <a href="/quniversity/resources.htm" class="active">Resources</a>
      <a href="/quniversity/students.htm">Students</a>
      <a href="/quniversity/activities.htm">Activities</a>
      <a href="/index/blog.html?blogname=okchai" class="right">Help Qblog</a>
    </div>
    
    <div class="row">
      <div class="side">
        <p>
        | <a href="https://github.com/Qoracoin/Qora/releases">Github : Qora</a> |<br>
        Download Qora software, 100% open-source. 
        <br><br>
        | <a href="https://bitcointalk.org/index.php?topic=1358722.3540">bitcointalk.org</a> |<br>
        Qora forum
        <br><br>
        | <a href="https://www.eclipse.org/jetty/">https://www.eclipse.org/jetty/</a> |<br>
        Jetty web server and Eclipse IDE</i>. 
        <br><br>
    
        |  <a href="https://mapdb.org/">https://mapdb.org/</a> |<br>
        Qora use MapDB database
        <br><br>
        |  <a href="https://www.java.com">Java programming language</a> |<br>
        Qora is writen using Java     
        <br><br>
        |  <a href="https://www.w3schools.com/js/default.asp">https://www.w3schools.com/</a> |<br>
        Learn JavaScript, Java and HTML coding     
        <br><br>
        |  <a href="https://docs.qora.org/">https://docs.qora.org</a> |<br>
        docs for Qora     
        <br><br>
        |  <a href="https://api.qora.org/">https://api.qora.org</a> |<br>
        API for Qora    
        <br><br>
        |  <a href="/qora.htm">/qora.htm</a> |<br>
        Qora Installation guide by <a href="/index/blog.html?blogname=okchai">okchai</a>     
        <br><br>
        |  <a href="http://qora.co.uk">http://qora.co.uk</a> |<br>
         A Qora gateway services.     
        <br><br>
    
        </p> 
      
      
      
      <p align="center"> <img alt="" src="/2ndtest/qora.png" style="height:100px; width:100px" /><br>
      <b><font size="4">Quniversity</font></b><font size="4"> </font>
      <br><i>Freedom is not free</i>
      </p>
      
        
      </div>
      <div class="main">
    <p style="text-align:center"><span style="font-size:26px"><strong>Master in Qora Blockchain</strong></span></p>
    <p style="text-align:center">Qora need more experts to grow</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong>Think Decentralized</strong></span></p>
    <p style="text-align:center">Philosophy study for Ddcentralization</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong>Definition of <i>blockchain</i></strong></span></p>
    <p style="text-align:center">The origin of blockchain is decentralized, no single point of failure.</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong><i>Fintech</i> or <i>De-Fi</i> ?</strong></span></p>
    <p style="text-align:center">Understand the core of modern electronic finance mechanics</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong><i>NFT</i> and <i>QNS</i></strong></span></p>
    <p style="text-align:center">The usage of Qora Naming Service(QNS), creativity brainstorming</p>
           
        
      </div>
    </div>
    
    <div class="footer">
      <h4>Quniversity for all @ 2022</h4>
    </div>
    
    </body>
    </html>
    <html lang="en">
    <head>
    <link rel="shortcut icon" href="/qorahongkong/favicon.ico">
    <title>Quniversity</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 */
    .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="/ceqa" style="text-decoration: none">Q</a>
    <a href="/ukrainian" style="text-decoration: none">u</a>
    <a href="/qorian" style="text-decoration: none">n</a>
    <a href="/i/a" style="text-decoration: none">i</a>
    <a href="/qorahongkong" style="text-decoration: none">v</a>
    <a href="/metaverse" style="text-decoration: none">e</a>
    <a href="/qora.htm" style="text-decoration: none">r</a>
    <a href="/artists" style="text-decoration: none">s</a>
    <a href="/twindao" style="text-decoration: none">i</a>
    <a href="/aitway_v2" style="text-decoration: none">t</a>
    <a href="/aitway" style="text-decoration: none">y</a>
    
    </h1>  
    </div>
    
    <div class="navbar">
      <a href="/quniversity">Home</a>
      <a href="/quniversity/syllabus.htm">Syllabus</a>
      <a href="/quniversity/resources.htm">Resources</a>
       <a href="/quniversity/students.htm">Students</a>
      <a href="/quniversity/activities.htm" class="active">Activities</a>
      <a href="/index/blog.html?blogname=okchai" class="right">Help Qblog</a>
    </div>
    
    <div class="row">
      <div class="side">
      <p>
       <b>Design your HTML art at /artists</b><br><br>
       |<a href="/artists">/artists</a> |<br><br>
       A Qora way of digital artwork.<br>
       <br><br>
    
       <b>/i world map, a HTML art by okchai</b><br><br>
       |<a href="/i">/i</a> |<br><br>
       A digital artwork with multiple linked NFTs to fund Qora VPS and domain maintenance. <br>
       <br><br>
      
      </p>
      <p align="center"> <img alt="" src="/2ndtest/qora.png" style="height:100px; width:100px" /><br>
      <b><font size="4">Quniversity</font></b><font size="4"> </font>
      <br><i>Freedom is not free</i>
      </p>
      
        
      </div>
      <div class="main">
    <p style="text-align:center"><span style="font-size:26px"><strong>Master in Qora Blockchain</strong></span></p>
    <p style="text-align:center">Qora need more experts to grow</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong>Think Decentralized</strong></span></p>
    <p style="text-align:center">Philosophy study for decentralization</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong>Definition of <i>blockchain</i></strong></span></p>
    <p style="text-align:center">The origin of blockchain is decentralized, no single point of failure.</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong><i>Fintech</i> or <i>De-Fi</i> ?</strong></span></p>
    <p style="text-align:center">Understand the core of modern electronic finance mechanics</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong><i>NFT</i> and <i>QNS</i></strong></span></p>
    <p style="text-align:center">The usage of Qora Naming Service(QNS), creativity brainstorming</p>
           
        
      </div>
    </div>
    
    <div class="footer">
      <h4>Quniversity for all @ 2024</h4>
    </div>
    
    </body>
    </html>
    <html lang="en">
    <head>
    <link rel="shortcut icon" href="/qorahongkong/favicon.ico">
    <title>Quniversity</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 */
    .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="/ceqa" style="text-decoration: none">Q</a>
    <a href="/ukrainian" style="text-decoration: none">u</a>
    <a href="/qorian" style="text-decoration: none">n</a>
    <a href="/i/a" style="text-decoration: none">i</a>
    <a href="/qorahongkong" style="text-decoration: none">v</a>
    <a href="/metaverse" style="text-decoration: none">e</a>
    <a href="/qora.htm" style="text-decoration: none">r</a>
    <a href="/artists" style="text-decoration: none">s</a>
    <a href="/twindao" style="text-decoration: none">i</a>
    <a href="/aitway_v2" style="text-decoration: none">t</a>
    <a href="/aitway" style="text-decoration: none">y</a>
    
    </h1>  
    </div>
    
    <div class="navbar">
      <a href="/quniversity">Home</a>
      <a href="/quniversity/syllabus.htm">Syllabus</a>
       <a href="/quniversity/students.htm">Students</a>
      <a href="/quniversity/activities.htm" class="active">Activities</a>
      <a href="/index/blog.html?blogname=okchai" class="right">Help Qblog</a>
    </div>
    
    <div class="row">
      <div class="side">
      <p>
       <b>Design your /artists</b><br><br>
       |<a href="/artists">/artists</a> |<br><br>
       a Qora way of digital artwork.<br>
       get some Qora from okchai(help).
       <br><br>  
      </p>
      <p align="center"> <img alt="" src="/2ndtest/qora.png" style="height:100px; width:100px" /><br>
      <b><font size="4">Quniversity</font></b><font size="4"> </font>
      <br><i>Freedom is not free</i>
      </p>
      
        
      </div>
      <div class="main">
    <p style="text-align:center"><span style="font-size:26px"><strong>Master in Qora Blockchain</strong></span></p>
    <p style="text-align:center">Qora need more experts to grow</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong>Think Decentralized</strong></span></p>
    <p style="text-align:center">Decentralization philosophy study</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong>Definition of <i>blockchain</i></strong></span></p>
    <p style="text-align:center">The original of blockchain is decentralized, no single point of failure.</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong><i>Fintech</i> or <i>De-Fi</i> ?</strong></span></p>
    <p style="text-align:center">Understand the core of modern electronics finance machanics</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong><i>NFT</i> and <i>QNS</i></strong></span></p>
    <p style="text-align:center">The usage of Qora Naming Service(QNS) creativity brainstorming</p>
           
        
      </div>
    </div>
    
    <div class="footer">
      <h4>Quniversity for all @ 2022</h4>
    </div>
    
    </body>
    </html>
    <html lang="en">
    <head>
    <link rel="shortcut icon" href="/qorahongkong/favicon.ico">
    <title>Quniversity</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 */
    .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="/ceqa" style="text-decoration: none">Q</a>
    <a href="/ukrainian" style="text-decoration: none">u</a>
    <a href="/qorian" style="text-decoration: none">n</a>
    <a href="/i/a" style="text-decoration: none">i</a>
    <a href="/qorahongkong" style="text-decoration: none">v</a>
    <a href="/metaverse" style="text-decoration: none">e</a>
    <a href="/qora.htm" style="text-decoration: none">r</a>
    <a href="/artists" style="text-decoration: none">s</a>
    <a href="/twindao" style="text-decoration: none">i</a>
    <a href="/aitway_v2" style="text-decoration: none">t</a>
    <a href="/aitway" style="text-decoration: none">y</a>
    
    </h1>  
    </div>
    
    <div class="navbar">
      <a href="/quniversity">Home</a>
      <a href="/quniversity/syllabus.htm" class="active">Syllabus</a>
       <a href="/quniversity/resources.htm">Resources</a>
       <a href="/quniversity/students.htm">Students</a>
      <a href="/quniversity/activities.htm">Activities</a>
      <a href="/index/blog.html?blogname=okchai" class="right">Help Qblog</a>
    </div>
    
    <div class="row">
      <div class="side">
        <p>
        | <a href="/quniversity/html.htm">HTML coding</a> |<br>
        The basic code for web design, focus on Qora integration. 
        <br><br>
        |  <a href="/quniversity/javascript.htm">Javascript</a> |<br>
        Pure Qora webpage is passive website, can be limited active website only for Qora full node users. Both JavaScript and HTML are client-side scripts/codes.
        <br><br>
        | <a href="/quniversity/artists.htm">Qora /artists web design</a> |<br>
        using /i and /artists PNG files library to create webpage, <i>digital artwork</i>. 
        <br><br>
    
        |  <a href="/quniversity/java.htm">Java</a> |<br>
        Qora software is writen using JAVA programming language.
        <br><br>
        |  <a href="/quniversity/jetty.htm">Jetty web server</a> |<br>
        When you run Qora software, Jetty web server will automatically ON.     
        <br><br>
        |  <a href="/quniversity/eclipse.htm">Eclipse Desktop & Web IDEs</a> |<br>
        Famous for Java Integrated Development Environment (IDE).     
        <br><br>
        |  <a href="/quniversity/github.htm">GitHub repositories</a> |<br>
        Qora source code stored at Github.     
        <br><br>
        |  <a href="/quniversity/mapdb.htm">MapDB database</a> |<br>
        Qora's database is MapDB.     
        <br><br>
        |  <a href="/quniversity/decentralized.htm">Decentralization Philosophy</a> |<br>
        Why we use Qora?     
        <br><br>
        |  <a href="/quniversity/blockchain.htm">Blockchain Study</a> |<br>
         To build a good, real blockchain.     
        <br><br>
        |  <a href="/quniversity/de-fi.htm">Economy and finance courses</a> |<br>
         Focus on the real De-Fi, and the Qora Asset tokens usage.      
        <br><br>
        |  <a href="/quniversity/qns.htm">NFT and QNS course</a> |<br>
         Qora Naming Service(QNS) study.   
        <br><br>
        </p> 
      
      
      
      <p align="center"> <img alt="" src="/2ndtest/qora.png" style="height:100px; width:100px" /><br>
      <b><font size="4">Quniversity</font></b><font size="4"> </font>
      <br><i>Freedom is not free</i>
      </p>
      
        
      </div>
      <div class="main">
    <p style="text-align:center"><span style="font-size:26px"><strong>Master in Qora Blockchain</strong></span></p>
    <p style="text-align:center">Qora need more experts to grow</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong>Think Decentralized</strong></span></p>
    <p style="text-align:center">Philosophy study for Ddcentralization</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong>Definition of <i>blockchain</i></strong></span></p>
    <p style="text-align:center">The origin of blockchain is decentralized, no single point of failure.</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong><i>Fintech</i> or <i>De-Fi</i> ?</strong></span></p>
    <p style="text-align:center">Understand the core of modern electronic finance mechanics</p>
    <br>    
    <p style="text-align:center"><span style="font-size:26px"><strong><i>NFT</i> and <i>QNS</i></strong></span></p>
    <p style="text-align:center">The usage of Qora Naming Service(QNS), creativity brainstorming</p>
           
        
      </div>
    </div>
    
    <div class="footer">
      <h4>Quniversity for all @ 2022</h4>
    </div>
    
    </body>
    </html>