<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="/qorahongkong/favicon.ico">
<title>/itube</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="/i/a" style="text-decoration: none">i</a>
<a href="/ceqa" style="text-decoration: none">t</a>
<a href="/artists" style="text-decoration: none">u</a>
<a href="/aitway_v2" style="text-decoration: none">b</a>
<a href="/aitway" style="text-decoration: none">e</a>
</h1>
</div>
<div class="navbar">
<a href="/itube" class="active">Home</a>
<a href="/aitway">[ aitway ]</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>
|<a href="/artists">/artists</a> |<br>
A Qora way of digital artwork.<br>
get some Qora from okchai(help) to try.
<br><br>
|<a href="/iquotes">/iquotes</a> |<br><br>
<b>Business directories at /i Qora</b><br>
|<a href="/i/biz-sg">/i/biz-sg</a> |<br>
Together we grow<br>
contact okchai(help) to list.
<br><br>
<b>Aitway's online store</b><br>
|<a href="https://aitway.com.sg">aitway.com.sg</a> |<br>
Make a purchase to get some Reward Points(TIM or Timah)<br>
Redeem some Qora to use Qora blockchain
<br><br>
</p>
<p align="center">
Mastering Qora blockchain : <br><br>
<a href="/quniversity"><img alt="" src="/2ndtest/qora.png" style="height:100px; width:100px" /></a><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 align=center><i>Best view with IPFS Companion(browser extension), video files stored at IPFS</i></p>
<p align=center>
<video width="100%" poster="https://yawti.eth.limo/itube/singapore_marina_sands_bubble_fountain_show_video_pic.jpg" controls>
<source src="https://yawti.eth.limo/itube/singapore_marina_sands_bubble_fountain_show_video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</p>
<a href="/itube/singapore_marina_sands_bubble_fountain_show_video.htm"><h2>Bubble, fountain, light and song</h2></a>
<p>
Marina Sands Singapore, bubble fountain show.
<br> by <a href="/okchai">okchai</a>
<br><a href="/index/showpost.html?msg=4dn5A1bKadTpBGaUxd9JGwshJG12HNdSbeHp2ZJFexNr6tfZHEgiaaQXjW1rNe1rrvvYtETsRGt1JmwNnEdCfrUi">comment</a>
</p>
<br>
<p align=center>
<video width="100%" poster="https://yawti.eth.limo/itube/okchai_pic.jpg" controls>
<source src="https://yawti.eth.limo/itube/okchai.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</p>
<a href="/itube/okchai.htm"><h2>okchai play guitar</h2></a>
<p>
itube test video
<br> by <a href="/okchai">okchai</a>
</p>
</div>
</div>
<div class="footer">
<h4>itube @ 2022</h4>
</div>
</body>
</html>