<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>qb64-responsive-webpage</title>
<style type="text/css">
html {
scroll-behavior: smooth;
}
body {
margin: 0pt;
}
#navdots {
font-size: 30px;
position: fixed;
top: 130px;
right: 16px;
}
#navdots a:link {
color: rgba(33, 44, 63, .6);
text-decoration: none;
}
/* visited link */
#navdots a:visited {
color: rgba(33, 44, 63, .6);
}
/* mouse over link */
#navdots a:hover {
color: rgba(33, 44, 63, .3);
}
/* selected link */
#navdots a:active {
color: black;
}
/* Horizontal Links Menu for Desktop / Laptop Systems ------------------------ */
#nav, #nav ul {
/* Top border */
float: left;
width: 100%;
list-style: none;
line-height: 2em;
color: white;
font-weight: bold;
padding: 0;
border: solid #eda;
border-width: 0px 0;
margin: 0;
}
#nav a {
display: inline;
width: 9.5em;
color: #FFFFFF;
text-decoration: none;
padding: .33em .25em;
}
#nav li {
/* Spaces each link header */
float: left;
padding-left: 0em;
width: 7em;
}
#nav li ul {
/* Width of the drop-down menu border box. */
position: absolute;
left: -999em;
height: auto;
width: 10.9em;
font-weight: normal;
border-width: .25em;
text-align: left;
margin: 0;
background: rgb(255, 106, 0);
}
/* Width of highlighted links in drop-down menu. */
#nav li li {
padding: .25em;
width: 10.4em;
}
#nav li:hover ul {
left: auto;
color: rgb(255, 106, 0);
}
#nav li:hover {
color: rgb(255, 106, 0);
background: blue;
}
#content {
clear: left;
}
#content a:hover {
color: rgb(255, 106, 0);
text-decoration: none;
}
/* Vertical Links Menu for Mobile / Tablet Devices ------------------------ */
#mobile-nav a {
width: 9.5em;
color: black;
text-decoration: none;
padding: 0em .45em;
line-height: 50px;
}
#mobile-nav, #mobile-nav ul {
/* Top border */
width: 100%;
list-style: none;
line-height: 2em;
color: white;
font-weight: bold;
padding: 0;
border: solid #eda;
border-width: 0px 0;
margin: 0;
}
#mobile-nav li ul {
/* Width of the drop-down menu border box. */
position: absolute;
left: -999em;
height: auto;
width: 10.9em;
font-weight: normal;
border-width: .25em;
text-align: left;
margin: 0;
background: rgb(255, 106, 0);
}
/* Width of highlighted links in drop-down menu. */
#mobile-nav li li {
padding: .25em;
width: 10.4em;
}
#mobile-nav li:hover, #mobile-nav li:focus, #mobile-nav li:active {
color: rgb(255, 106, 0);
background: blue;
}
#mobile-nav li:hover ul, #mobile-nav li:focus ul, #mobile-nav li:active ul{
left: 7.2em;
display: inline;
/* Use for non-image hamburger: color: rgb(255, 106, 0); */
}
/* Mobile / Tablet Wrapper */
#mobile-nav {
width: 100%;
/* background: #000; */
/* Navigation bar sticky on top.
position: sticky;
top: 0;
*/
}
/* Hide Hamburger Menu Symbol */
#mobile-nav label, #hamburger {
display: none;
}
/* Mobile Tablet Resolutions. Display only when resolution is 1150px or less. */
@media screen and (min-width: 1150px){
#mobile-nav table {
display: none;
}
}
@media screen and (max-width: 1150px){
/* Show Hamburger */
#mobile-nav label {
display: inline-block;
position:absolute; left: 290px; top: 10px;
/* color: #fff; background: #a02620; Again, for non-image hamburger menu.
font-style: normal;
font-size: 1.2em;
padding: 10px; */
}
/* Toggle show/hide menu on checkbox click */
#mobile-nav table {
display: none;
}
#mobile-nav input:checked ~ table {
display: block;
}
}
/* Buttons ----------------------------- */
.classname {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
background-color:#ffc477;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:0;
border:1px solid #eeb44f;
display:inline-block;
color:#ffffff;
font-family:Arial;
font-size:22px;
font-weight:bold;
font-style:normal;
height:40px;
line-height:40px;
width:180px;
text-decoration:none;
text-align:center;
}.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
background-color:#fb9e25;
}.classname:active {
position:relative;
top:1px;
}
/* Responsive Actions ------------------ */
.pageformat{
margin: 0;
text-align: center;
font-family: segoe UI semibold;
font-size: 18px;
margin: 0;
/* Off-white page. Uses a bright white footer bar coded elsewhere. */
background-color: #f8f8ff;
}
/* Display is inclusive of all screen width resolutions 200px to 1720 px. */
@media screen and (max-width: 1720px) {
body {
padding: 0;
min-width: 200px;
max-width: 1720px;
width: 100%;
}
}
@media screen and (min-width: 680px) { .hidden1 {
display: none;
}
}
/* Under 680px resolutiion hidden2 elements disappear. */
@media screen and (max-width: 680px) { .hidden2 {
display: none;
}
}
/* Under 1150px resolutiion hidden2 and hidden-div elements disappear. */
@media screen and (max-width: 1150px) { .hidden-horz-menu-and-slide-show-top-margin {
display: none;
clear: both;
}
}
@media screen and (min-width: 1150px) { .hidden-div {
display: none;
}
}
/* Over 680 resolution hidden-div elements disappear:
Keeps text for QB64 header below top of screen when present and directly under icon on smaller screens. */
@media screen and (max-width: 680px) { .hidden-div {
display: none;
}
}
/* Slide Show -------------------------- */
* {box-sizing: border-box}
.mySlides {display: none}
img {vertical-align: middle;}
/* Slideshow container */
.slideshow-container {
max-width: 500px;
position: relative;
margin: auto;
}
/* Next and previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 53%;
width: auto;
padding: 3px;
margin-top: -22px;
color: white;
background: rgb(255, 106, 0);
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
/* Position "next button" to the right */
.next {
left: 271px;
border-radius: 3px 0 0 3px;
}
.prev {
right: 271px;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4} to {opacity: 1}
}
@keyframes fade {
from {opacity: .4} to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.prev, .next,.text {font-size: 11px}
}
.display-inline {
display: inline;
vertical-align: top;
}
.img-link, .img-link2 {
border: 0px solid ;
vertical-align: middle;
}
.padded-hidden {
padding: 0px 15px 0px 15px;
}
@media screen and (max-width:450px) { .padded-hidden {
display: none;
}
}
/* Bottom Menu Fixed ------------------- */
.navbar {
overflow: hidden;
background-color: #fff; /* alternate grey #333; */
position: fixed;
bottom: 0;
width: 100%;
border-top: 1px solid grey;
}
.navbar a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 10px 16px 8px;
text-decoration: none;
font-size: 17px;
}
.navbar a:hover {
background: #f1f1f1;
color: black;
}
.mobile-image-table{
display: inline;
margin-top: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
padding: 0px;
}
.mobile-icons-text-row {
text-align: center;
vertical-align: bottom;
font-size: 12px;
line-height: 22px;
}
.mobile-icons-image {
padding: 0px;
width: 17px;
height: 15px;
} .mobile-icons-image-row {
text-align: center;
vertical-align: top;
}
</style>
</head>
<body>
<div id="navdots">
<p><a href="#about">●</a></p>
<p><a href="#download">●</a>
</p>
<p><a href="#utilities">●</a>
</p>
</div>
<div class="pageformat">
<div
style="background-image: url(bg.jpg); background-attachment: fixed; padding-bottom: 40px;">
<table
style="text-align: center; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0">
<tbody>
<tr>
<td style="text-align: center;">
<table style="float: left; text-align: left; width: 300px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="hidden1"
style="vertical-align: middle; text-align: center; width: 20%;"> </td>
<td style="vertical-align: middle; text-align: center;"><!-- <div id="mobile-nav"><label for="hamburger">☰</label> -->
<div id="mobile-nav"><label for="hamburger"><img
style="width: 40px; height: 36px;" alt=""
src="mini-menu.png"></label><input id="hamburger"
type="checkbox"><a name="top"></a><a
href="https://www.portal.qb64.org" target="_blank"><img
class="img-link" style="margin-top: 20px;"
alt="QB64-1-3-logo" src="QB64-1-3-logo-transparency.png"></a>
<table
style="position: absolute; left: 0px; top: 0px; text-align: left; margin-top: 0px; padding-top: 80px; background-color: rgb(192, 192, 192); width: 290px; height: 400px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="text-align: left; vertical-align: top;">
<ul>
<li> <a href="#">HOME</a>
<ul>
<li><a href="#top">QB64
Home Page</a></li>
</ul>
</li>
<li><a href="#">ABOUT</a>
<ul>
<li><a href="#about">About
QB64</a></li>
</ul>
</li>
<li><a href="#">DOWNLOAD</a>
<ul>
<li><a
href="https://github.com/Galleondragon/qb64/releases/tag/v1.3"
target="_blank" rel="nofollow">QB64
V 1.3</a></li>
<li><a
href="https://www.qb64.org/devbuilds.php">Dev
Build</a></li>
<li><a
href="https://www.qb64.org/historical_qb64/">Historical
Versions</a></li>
<li><a
href="https://www.qb64.org/inform">Inform
for QB64</a></li>
<li><a
href="https://www.qb64.org/vwatch">VWatch
for QB64</a></li>
</ul>
</li>
<li style="padding-left: 0px;"><a
href="#">SOCIALIZE</a>
<ul>
<li><a
href="https://www.qb64.org/forum" target="_blank">Forum</a></li>
<li><a
href="https://discord.gg/mwfWyQq" target="_blank">QB64
Discord Server</a></li>
<li><a
href="https://www.qb64.org/ircpage.html" target="_blank">QB64
IRC Chat</a></li>
</ul>
</li>
<li><a href="#">QB64-WIKI</a>
<ul>
<li><a
href="https://www.qb64.org/articles/articles.html"
target="_blank">Articles</a></li>
</ul>
</li>
<li><a href="#">UTILITIES</a>
<ul>
<li><a
href="https://www.qb64.org/basbin">BASBin</a></li>
<li><a
href="https://www.qb64.org/binbin">BINBin</a></li>
</ul>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td class="hidden1"
style="vertical-align: top; text-align: left; width: 20%;"></td>
</tr>
</tbody>
</table>
<table style="float: none; text-align: left;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="hidden-horz-menu-and-slide-show-top-margin"
style="vertical-align: middle; height: 190px; text-align: center;">
<ul id="nav">
<li> <a href="#">HOME</a>
<ul>
<li><a href="#top">QB64
Home Page</a></li>
</ul>
</li>
<li><a href="#">ABOUT</a>
<ul>
<li><a href="#about">About
QB64</a></li>
</ul>
</li>
<li><a href="#">DOWNLOAD</a>
<ul>
<li><a
href="https://github.com/Galleondragon/qb64/releases/tag/v1.3"
target="_blank" rel="nofollow">QB64
V 1.3</a></li>
<li><a
href="https://www.qb64.org/devbuilds.php">Dev
Build</a></li>
<li><a
href="https://www.qb64.org/historical_qb64/">Historical
Versions</a></li>
<li><a href="https://www.qb64.org/inform">Inform
for QB64</a></li>
<li><a href="https://www.qb64.org/vwatch">VWatch
for QB64</a></li>
</ul>
</li>
<li style="padding-left: 0px;"><a href="#">SOCIALIZE</a>
<ul>
<li><a href="https://www.qb64.org/forum"
target="_blank">Forum</a></li>
<li><a href="https://discord.gg/mwfWyQq"
target="_blank">QB64
Discord Server</a></li>
<li><a
href="https://www.qb64.org/ircpage.html" target="_blank">QB64
IRC Chat</a></li>
</ul>
</li>
<li><a href="#">QB64-WIKI</a>
<ul>
<li><a
href="https://www.qb64.org/articles/articles.html"
target="_blank">Articles</a></li>
</ul>
</li>
<li><a href="#">UTILITIES</a>
<ul>
<li><a href="https://www.qb64.org/basbin">BASBin</a></li>
<li><a href="https://www.qb64.org/binbin">BINBin</a></li>
</ul>
</li>
</ul>
<br>
<br>
</td>
</tr>
</tbody>
</table>
<table style="float: left; text-align: left; width: 300px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top;">
<table
style="text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td nowrap="nowrap">
<div class="hidden-div"
style="height: 30px;"></div>
<div style="text-align: center;"><span
style="font-size: 36px; font-weight: bold; color: rgb(255, 255, 255);">QB64
V 1.3<br>
Out Now!</span></div>
</td>
</tr>
<tr>
<td
style="text-align: center; padding-top: 40px; padding-bottom: 40px;"><a
href="https://github.com/Galleondragon/qb64/releases/tag/v1.3"
class="classname" target="_blank" rel="nofollow">Download
>>></a><br>
<br>
<a
href="https://www.portal.qb64.org/version-1-3-changelog"
class="classname">Changelog</a><br>
<a
href="https://www.patreon.com/bePatron?u=13795043&redirect_uri=https%3A%2F%2Ffellippepip.wixsite.com%2Fqb64&utm_medium=widget&utm_source=wix"
target="_blank" rel="nofollow"><img
class="img-link2"
style="margin-top: 48px; margin-bottom: 18px; width: 92px; height: 26px;"
alt="donate" src="btn_donate_LG.gif"></a><br>
<span style="text-decoration: underline;"><img
style="width: 178px; height: 36px;" alt="Patron"
src="patron.png"></span><a
href="https://www.patreon.com/bePatron?u=13795043&redirect_uri=https%3A%2F%2Ffellippepip.wixsite.com%2Fqb64&utm_medium=widget&utm_source=wix"><br>
</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="hidden1"
style="vertical-align: middle; text-align: center;">
<!-- COMMENTED OUT UNDER src=... allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" -->
<iframe
src="[youtube]https://www.youtube.com/embed/TBHLAyUtAPI[/youtube]"
frameborder="0" height="175"
width="250"></iframe> </td>
</tr>
</tbody>
</table>
<table style="float: none; text-align: center;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="hidden2"
style="vertical-align: middle; text-align: center;">
<!-- COMMENTED OUT UNDER src=... allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" -->
<iframe
src="[youtube]https://www.youtube.com/embed/TBHLAyUtAPI[/youtube]"
frameborder="0" height="400"
width="650"></iframe> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<table class="display-inline"
style="text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 10px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="padded-hidden"></td>
<td
style="padding: 0px 10px 20px; max-width: 660px; vertical-align: top; text-align: center;"><a
name="about"></a>
<p class="hidden2"
style="margin: 20px 0px 0px 10px; font-size: 32px; font-weight: bold;">From
the 80s to Eternity</p>
<p class="hidden1"
style="margin: 20px 0px 0px 8px; font-size: 24px; font-weight: bold;">From
the 80s to Eternity</p>
<p
style="margin-top: 4px; font-size: 14px; color: rgb(102, 102, 102);">How
BASIC made its
way into the 21st century </p>
<p
style="margin-top: 0px; text-align: justify; color: rgb(102, 102, 102);">The
BASIC language has
been the front door into
programming for countless people. That holds true for us. After having
been exposed to
it in the early contacts with computers, most people have developed a
love for programming that not only goes on today but also extends to
the language itself. Contrary to what some may say, having learned
BASIC has given to many the basis for a long-standing career writing
computer software.</p>
<p style="text-align: justify; color: rgb(102, 102, 102);">An
Australian
guy
once decided that using
emulation to be able to run
QuickBASIC/QBasic in modern systems was a drag and decided to change
that, and thus QB64 was born (originally as QB32). What it does is
translate BASIC code into C++, which then gets compiled into native
binaries for Windows, Linux and macOS. </p>
<p style="text-align: justify; color: rgb(102, 102, 102);">QB64
not only
allows
for older programs written in
BASIC to run smoothly in today's modern systems but it also allows for
modern
software development as it extends the language to use advanced
features available in operating systems nowadays as well as OpenGL,
which is the library used for rendering across different platforms.</p>
</td>
<td class="padded-hidden"></td>
</tr>
</tbody>
</table>
<table class="display-inline"
style="text-align: center; margin-left: auto; margin-right: auto; border-collapse: collapse;"
border="0" cellpadding="0">
<tbody>
<tr>
<td class="padded-hidden"></td>
<td style="vertical-align: top; text-align: center;">
<table
style="margin-left: auto; margin-right: auto; border-collapse: collapse; margin-bottom: 30px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="hidden-horz-menu-and-slide-show-top-margin"><!-- Required for IE, which doesn't take height in td tags. -->
<div style="display: block; height: 96px;"> </div>
</td>
</tr>
<tr>
<td
style="text-align: center; vertical-align: bottom; padding-bottom: 10px;">
<table
style="border-style: ridge; border-color: rgb(0, 0, 0); margin-left: auto; background-color: rgb(0, 0, 0); border-collapse: collapse;"
border="12" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td
style="vertical-align: middle; text-align: center;">
<table
style="margin-top: 12px; margin-bottom: 16px; background-color: rgb(255, 255, 255); width: 100%; text-align: left;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td
style="width: 20px; background-color: rgb(0, 0, 0);"> </td>
<td
style="vertical-align: middle; text-align: center;">
<div class="slideshow-container">
<div class="mySlides fade"><img
src="qb64-ide.jpg" alt=""
style="height: 190px; width: 270px;"></div>
<div class="mySlides fade"><img
src="qb64-slide-2.jpg" alt=""
style="height: 190px; width: 270px;"></div>
<div class="mySlides fade"><img
src="qb64-slide-3.jpg" alt=""
style="height: 190px; width: 270px;">
</div>
<a class="prev"
onclick="plusSlides(-1)">❮</a> <a class="next"
onclick="plusSlides(1)">❯</a> </div>
</td>
<td
style="width: 20px; background-color: rgb(0, 0, 0);"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td class="padded-hidden"></td>
</tr>
</tbody>
</table>
<table style="text-align: left; width: 100%;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" valign="middle"><a
name="download"></a>
<table
style="padding-top: 50px; padding-bottom: 70px; text-align: left; background-color: rgb(192, 192, 192); border-collapse: separate; width: 100%;"
border="0" cellpadding="12" cellspacing="18">
<tbody>
<tr>
<td colspan="1" rowspan="1"
style="vertical-align: top; text-align: center; width: 50%;"><a
name="download"></a> <img
style="width: 125px; height: 82px;" alt="download"
src="download.png">
<p
style="font-size: 30px; font-weight: bold; margin-top: 20px; margin-bottom: 0px;">DOWNLOAD</p>
<p
style="margin-top: 16px; margin-bottom: 40px; color: rgb(52, 52, 52);">You
can either get the stable build or help us beta test the
development build.</p>
<a
style="margin-bottom: 16px; margin-left: 20px; margin-right: 20px;"
href="https://github.com/Galleondragon/qb64/releases/tag/v1.3"
class="classname" target="_blank" rel="nofollow">QB64
V1.3</a><a style="margin-left: 20px; margin-right: 20px;"
href="https://www.qb64.org/devbuilds.php" class="classname">QB64
Dev Build</a> </td>
</tr>
<tr>
<td colspan="1" rowspan="1" align="center"
valign="top">
<div style=""><span style="font-size: 24px;">Historical
Versions<br>
</span>
<p
style="margin-top: 16px; margin-bottom: 0px; color: rgb(52, 52, 52);">Collection
of old QB64 versions for historical
purposes. </p>
</div>
</td>
</tr>
<tr>
<td colspan="1" rowspan="1" align="center"
valign="top"><a
href="https://www.qb64.org/historical_qb64/" class="classname">Go
to Archive</a> </td>
</tr>
</tbody>
</table>
<p
style="font-size: 30px; font-weight: bold; margin-top: 30px; margin-bottom: 10px;">More
QB64 Team Software</p>
<span style="color: rgb(102, 102, 102);">Great
companions to QB64</span>
<table
style="text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" valign="middle">
<table class="display-inline"
style="text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="padded-hidden"></td>
<td
style="padding: 0px 10px; vertical-align: middle; text-align: center; min-width: 250px;">
<a href="https://www.qb64.org/vwatch"
target="_blank"><img class="img-link" alt="VWatch"
src="beehive.png"></a>
<p
style="text-align: center; font-size: 30px; margin-top: 10px;"><a
href="https://www.qb64.org/vwatch" target="_blank"
style="color: rgb(102, 102, 102);">VWatch</a></p>
<div
style="max-width: 300px; color: rgb(102, 102, 102); text-align: justify;">The
debugging features you loved using in QuickBASIC are now available
to help you squash those hard-to-find bugs in your projects. Made with
QB64.</div>
</td>
<td class="padded-hidden"></td>
</tr>
</tbody>
</table>
<table class="display-inline"
style="text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="padded-hidden"></td>
<td
style="padding: 0px 10px; vertical-align: middle; text-align: center; min-width: 250px;">
<a href="https://www.qb64.org/inform"
target="_blank"><img class="img-link" alt="InForm"
src="Application-icon.png"></a>
<p
style="text-align: center; font-size: 30px; margin-top: 10px;"><a
href="https://www.qb64.org/inform" target="_blank"
style="color: rgb(102, 102, 102);">Inform</a></p>
<div
style="max-width: 300px; color: rgb(102, 102, 102); text-align: justify;">Design
feature-rich graphical interfaces that blend in perfectly with
today's Operating Systems all without leaving BASIC behind. Made with
QB64.</div>
</td>
<td class="padded-hidden"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<a name="utilities"></a>
<p
style="font-size: 30px; font-weight: bold; margin-top: 60px; margin-bottom: 10px;">Utilities</p>
<p
style="margin-top: 0px; margin-bottom: 20px; color: rgb(102, 102, 102);">It's
all about
sharing.</p>
<div class="pageformat">
<table
style="width: 90%; text-align: center; margin-top: 12px; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" valign="middle">
<table class="display-inline"
style="text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="padded-hidden"></td>
<td class="hidden2"
style="vertical-align: middle; text-align: center; min-width: 300px;">
<a href="https://www.qb64.org/basbin"
target="_blank"><img class="img-link"
style="margin-top: 10px;" alt="BASBin" src="basbin.png"></a></td>
<td class="padded-hidden"></td>
</tr>
</tbody>
</table>
<table class="display-inline"
style="text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="padded-hidden"></td>
<td style="vertical-align: middle; text-align: center;">
<p
style="text-align: center; font-size: 24px; margin-top: 10px; margin-bottom: 10px;"><a
href="https://www.qb64.org/basbin" target="_blank"
style="color: rgb(102, 102, 102);">BASBin</a></p>
<table
style="text-align: left; margin-left: auto; margin-right: auto; max-width: 660px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td
style="vertical-align: middle; text-align: center;">
<div
style="color: rgb(102, 102, 102); text-align: justify; padding-left: 5px; padding-right: 5px;">Need
to
share a code snippet but don't need all the fuss of traditional
online tools? <br>
<br>
BASBin is what you're after. Just paste code, hit the button, and share
the link away.<br>
<br>
Files are wiped regularly, so treat it as the temporary storage it is,
OK?</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="padded-hidden"></td>
</tr>
</tbody>
</table>
<table
style="text-align: center; margin-top: 40px; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" valign="middle">
<table class="display-inline"
style="text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="padded-hidden"></td>
<td
style="vertical-align: middle; text-align: center;">
<p
style="text-align: center; font-size: 24px; margin-top: 10px; margin-bottom: 10px;"><a
href="https://www.qb64.org/binbin" target="_blank"
style="color: rgb(102, 102, 102);">BINBin</a></p>
<table
style="text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 0px; max-width: 660px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td
style="vertical-align: middle; text-align: center;">
<div
style="padding: 0px 5px 20px; text-align: justify; color: rgb(102, 102, 102);">Or
maybe you need to share an image, or other type of binary file. If
that's the case, BINBin is for you.
<br>
<br>
Select the file to share, hit the button, and share the link. Files are
wiped regularly, so treat it as the temporary storage it is,
OK?</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="padded-hidden"></td>
</tr>
</tbody>
</table>
<table class="display-inline"
style="text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="padded-hidden"></td>
<td class="hidden2"
style="vertical-align: middle; text-align: center; min-width: 300px;">
<a href="https://www.qb64.org/binbin"
target="_blank"><img class="img-link"
style="margin-top: 30px;" alt="BINbin" src="binbin.png"></a></td>
<td class="padded-hidden"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<script type="application/javascript">
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none"; }
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active";
}
</script>
</td>
</tr>
</tbody>
</table>
</div>
<table
style="width: 100%; text-align: center; margin-top: 12px; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" valign="middle">
<div class="hidden1"
style="background-color: rgb(10, 40, 60);">
<table
style="margin-top: 30px; width: 75%; max-width: 300px; text-align: left; margin-left: auto; margin-right: auto; background-color: rgb(10, 40, 60);"
border="0" cellpadding="10" cellspacing="10">
<tbody>
<tr>
<td
style="text-align: center; width: 25%; vertical-align: middle;">
<div style="font-size: 14px; color: rgb(255, 255, 255);">
<p>QB64 created by Galleon</p>
QB64 and QB64.org<br>
maintained by the QB64 Team<br>
<br>
</div>
<span style="font-size: 30px; color: rgb(255, 255, 255);"><span>✉ </span><span
style="font-size: 14px; color: rgb(255, 255, 255);"><a
style="color: rgb(255, 255, 255); text-decoration: none;"
href="mailto:contact@qb64.org">contact@qb64.org</a></span></span></td>
</tr>
<tr>
<td align="center" valign="middle">
<table
style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="8">
<tbody>
<tr>
<td style="vertical-align: top; text-align: right;">
<a href="https://facebook.com/qb64team"
target="_blank"><img class="img-link"
alt="facebook" src="facebook.png"></a></td>
<td
style="vertical-align: top; text-align: center;"> <a
href="https://twitter.com/qb64team" target="_blank"><img
class="img-link" alt="twitter" src="twitter.png"></a></td>
<td style="vertical-align: top; text-align: left;">
<a href="https://discord.gg/mwfWyQq"
target="_blank"><img class="img-link" alt="discord"
src="discord.png"></a></td>
</tr>
<tr>
<td colspan="3" rowspan="1"
align="center" valign="top"><a
href="https://seal.godaddy.com/verifySeal?sealID=s7O1ji22cenVtIwnfCl7clR4i4ReipQtxu6jPditkUkv2RadKqB3DpgJrnuL"
onclick="return popup(this, 'info')" target="_blank"
rel="nofollow"><img class="img-link"
style="margin-top: 12px; width: 131px; height: 32px;"
alt="GoDaddy" src="godaddy.gif"></a> </td>
</tr>
</tbody>
</table>
<br>
<br>
<span style="font-size: 14px; color: rgb(255, 255, 255);">©
2019 by QB64 Team<br>
<br>
<br>
</span></td>
</tr>
</tbody>
</table>
</div>
<div class="hidden2"
style="background-color: rgb(10, 40, 60);">
<table
style="margin-top: 50px; width: 75%; text-align: left; margin-left: auto; margin-right: auto; background-color: rgb(10, 40, 60);"
border="0" cellpadding="10" cellspacing="10">
<tbody>
<tr>
<td
style="text-align: center; width: 25%; vertical-align: middle;"><img
style="margin-top: 0px; margin-right: 0px; width: 150px; height: 150px;"
alt="QB64-1-3-logo" src="QB64-1-3-logo-transparency.png">
</td>
<td
style="text-align: center; width: 25%; vertical-align: middle;">
<div style="font-size: 14px; color: rgb(255, 255, 255);">
<p>QB64 created by Galleon</p>
QB64 and QB64.org maintained by the QB64 Team</div>
</td>
<td
style="text-align: center; width: 25%; vertical-align: middle;"><span
style="font-size: 14px; color: rgb(255, 255, 255);"><a
style="color: rgb(255, 255, 255); text-decoration: none;"
href="mailto:contact@qb64.org"><span
style="font-size: 30px; line-height: 36px;">✉ </span>contact@qb64.org</a>
</span></td>
<td
style="text-align: center; width: 25%; vertical-align: middle;">
<table
style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="8">
<tbody>
<tr>
<td align="center" valign="top"> <a
href="https://facebook.com/qb64team" target="_blank"><img
class="img-link" alt="facebook" src="facebook.png"></a>
</td>
<td align="center" valign="top"> <a
href="https://twitter.com/qb64team" target="_blank"><img
class="img-link" alt="twitter" src="twitter.png"></a></td>
<td align="center" valign="top"> <a
href="https://discord.gg/mwfWyQq" target="_blank"><img
class="img-link" alt="discord" src="discord.png"></a></td>
<td
style="vertical-align: top; text-align: center; width: 50%;"></td>
</tr>
<tr>
<td colspan="4" rowspan="1"
align="center" valign="top"><a
href="https://seal.godaddy.com/verifySeal?sealID=s7O1ji22cenVtIwnfCl7clR4i4ReipQtxu6jPditkUkv2RadKqB3DpgJrnuL"
onclick="return popup(this, 'info')" target="_blank"
rel="nofollow"><img class="img-link"
style="margin-top: 12px; width: 131px; height: 32px;"
alt="GoDaddy" src="godaddy.gif"></a> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="4" rowspan="1" align="center"
valign="top"><span
style="font-size: 14px; color: rgb(255, 255, 255);">©
2019 by QB64 Team</span></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- =============================================== Fixed Footer ======================================== -->
<div class="navbar">
<table class="hidden1"
style="min-width: 320px; text-align: center; margin-left: auto; margin-right: auto; border-collapse: collapse;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<table class="mobile-image-table">
<tbody>
<tr>
<td class="mobile-icons-image-row"><a href="htpps://www.facebook.com"><img
src="facebook-mobile.png" alt="facebook"
class="mobile-icons-image"></a> </td>
</tr>
<tr>
<td class="mobile-icons-text-row">Facebook</td>
</tr>
</tbody>
</table>
<table class="mobile-image-table">
<tbody>
<tr>
<td class="mobile-icons-image-row"><a href="htpps://www.twitter.com"><img
class="mobile-icons-image" alt="twitter"
src="twitter-mobile.png"></a> </td>
</tr>
<tr>
<td class="mobile-icons-text-row">Twitter </td>
</tr>
</tbody>
</table>
<table class="mobile-image-table">
<tbody>
<tr>
<td class="mobile-icons-image-row"><a href="http://www.qb64.org/forum"><img
class="mobile-icons-image" alt="forum"
src="forum-mobile.png"></a></td>
</tr>
<tr>
<td class="mobile-icons-text-row">Forum</td>
</tr>
</tbody>
</table>
<table class="mobile-image-table">
<tbody>
<tr>
<td class="mobile-icons-image-row"> <a href="https://www.qb64.org/ircpage.html"><img
class="mobile-icons-image" alt="chat"
src="chat-mobile.png"></a></td>
</tr>
<tr>
<td class="mobile-icons-text-row">Chatroom</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<script type="application/javascript">
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none"; }
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active";
}
/* Popup Window ------------------------ */
function popup (mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
window.open(href, windowname, 'width=475,height=340,left=10,top=10,location=center,resizable=yes,scrollbars=yes,toolbar=no');
return false;
}
</script>
</body>
</html>
