<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>