<!DOCTYPE html>
<html lang="en">
<head>
<!--Meta Informations-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="pZyWPI75g96TjXIRKLugVZQQ4caSYpWTsvLV9nDS9Vc" />
<meta name="keywords"
content="cheap, cheapest, domain, domains, south africa, local, web, web hosting, hosting, email, domain, unlimited, reseller, host, dns, host, african, cheap, registrar, name, names, register, register domains, hosting services, co.za, dns, internet, register domains, domain registrations">
<meta name="google-site-verification" content="UMk8U1mHeidfHTpRY4Hp0L7ABpFyghOahRYKm4bHV9o" />
<meta name="description"
content="Cheapest Web Hosting in South Africa from R20 per month, Domain Registrations, Uncapped Hosting and Reseller Hosting" />
<meta property="og:description"
content="Cheapest Web Hosting in South Africa from R20 per month, Domain Registrations, Uncapped Hosting and Reseller Hosting" />
<title>Web Hosting from R20 per month, Domain Registration, Uncapped Hosting and Reseller Hosting</title>
<!--Favicons-->
<link rel="apple-touch-icon" sizes="60x60" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" href="assets/favicon/favicon.ico" sizes="32x32">
<link rel="icon" type="image/png" href="assets/favicon/favicon.ico" sizes="16x16">
<link rel="manifest" href="assets/favicon/manifest.json">
<link rel="mask-icon" href="assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="assets/favicon/favicon.ico">
<meta name="msapplication-config" content="assets/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!--Style Assets-->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="vendors/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="vendors/owl/owl.carousel.css">
<!--Theme Style-->
<link rel="stylesheet" href="assets/css/styles.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Google tag (gtag.js) -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-779140162');
</script>
<style>
:root {
--border: #77c6e9;
/* Update the border color */
--text: hsl(40, 70%, 85%);
--button-hover: #99defc
/* Lighter blue hover color */
}
.card {
display: flex;
flex-direction: column;
background: var(--background);
width: 30rem;
height: 100%;
border: 2px solid var(--border);
position: relative;
padding: 0.1rem;
.corner {
width: 0.5rem;
height: 0.5rem;
border: 1px solid var(--border);
position: absolute;
&::after,
&::before {
content: "";
position: absolute;
}
&::after {
width: 2rem;
height: calc(1rem - 1px);
}
&::before {
width: calc(1rem - 1px);
height: 2rem;
}
&.left {
left: -0.5rem;
&::after {
left: calc(-2px + 1rem);
border-left: 1px solid var(--border);
}
&::before {
left: -1px;
border-left: 1px solid var(--border);
}
}
&.right {
right: -0.5rem;
&::after {
right: calc(-2px + 1rem);
border-right: 1px solid var(--border);
}
&::before {
right: -1px;
border-right: 1px solid var(--border);
}
}
&.top {
top: -0.5rem;
&::after {
top: -1px;
border-top: 1px solid var(--border);
}
&::before {
top: calc(-2px + 1rem);
border-top: 1px solid var(--border);
}
}
&.bottom {
bottom: -0.5rem;
&::after {
bottom: -1px;
border-bottom: 1px solid var(--border);
}
&::before {
bottom: calc(-2px + 1rem);
border-bottom: 1px solid var(--border);
}
}
}
}
.card .card h1,
.card h2,
.card h3,
.card button {
text-align: center;
}
@keyframes fadeToWhiteGold {
0% {
background-color: gold;
color: black;
}
50% {
background-color: white;
color: black;
}
100% {
background-color: gold;
color: black;
}
}
button {
display: flex;
all: unset;
text-align: center;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
height: 2rem;
padding: 0 1rem;
position: relative;
transition: none;
margin: 0 2rem;
cursor: pointer;
.left,
.right {
position: absolute;
width: 1.45rem;
height: 1.45rem;
border-bottom: 1px solid var(--border);
border-left: 1px solid var(--border);
transition: none;
&::before {
content: "";
width: 0.75rem;
height: 0.75rem;
border: 1px solid var(--border);
position: absolute;
top: calc(1rem - 1px);
left: calc(-0.4rem - 1px);
}
&::after {
content: "";
width: 0.5rem;
height: 0.5rem;
background: var(--border);
position: absolute;
top: calc(1rem - 1px);
left: calc(-0rem - 1px);
}
}
.left {
left: -0.75rem;
transform: rotate(45deg);
}
.right {
right: -0.75rem;
transform: rotate(-135deg);
}
&:hover {
background: var(--button-hover);
.left,
.right {
background: var(--button-hover);
}
}
}
* {
box-sizing: border-box;
}
@keyframes blink {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
.blinking {
animation: blink 3s infinite;
/* 2 seconds per cycle, loops forever */
color: white;
text-decoration: none;
font-size: 20px;
}
.blinking:hover {
animation: none;
/* Stop the blinking */
opacity: 1;
/* Ensure it's fully visible */
}
.whatsapp-float {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 1000;
width: 60px;
height: 60px;
}
.whatsapp-float img {
width: 100%;
height: 100%;
border-radius: 50%;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
transition: transform 0.2s ease;
}
.whatsapp-float img:hover {
transform: scale(1.1);
}
</style>
<script>
const dailySpecials = {
"Sunday": `
<h3>Sunday Special: </h3>
<p>
๐ซ <strong>R20 discount</strong> on your 750mb annual hosting package order!
</p>
<p>
๐ธ Discount applied at checkout
</p>
<p>
<em>Note: Your hosting will renew at the regular rate the following year.</em>
</p>
<h1><a href="https://webspacebar.co.za/portal/?cmd=module&module=37&cid=10">Order Now</a></h1>
`,
"Monday": `
<h3>Monday Special: </h3>
<p>
๐ซ <strong>R30 discount</strong> on your 1gig annual hosting package order!
</p>
<p>
๐ธ Discount applied at checkout
</p>
<p>
<em>Note: Your hosting will renew at the regular rate the following year.</em>
</p>
<h1><a href="https://webspacebar.co.za/portal/?cmd=module&module=37&cid=11">Order Now</a></h1>
`,
"Tuesday": `
<h3>Tuesday Special: </h3>
<p>
๐ซ <strong>R40 discount</strong> on your 2gig annual hosting package order!
</p>
<p>
๐ธ Discount applied at checkout
</p>
<p>
<em>Note: Your hosting will renew at the regular rate the following year.</em>
</p>
<h1><a href="https://webspacebar.co.za/portal/?cmd=module&module=37&cid=12">Order Now</a></h1>
`,
"Wednesday": `
<h3>Wednesday Special: </h3>
<p>
๐ซ <strong>R50 discount</strong> on your 4gig annual hosting package order!
</p>
<p>
๐ธ Discount applied at checkout
</p>
<p>
<em>Note: Your hosting will renew at the regular rate the following year.</em>
</p>
<h1><a href="https://webspacebar.co.za/portal/?cmd=module&module=37&cid=13">Order Now</a></h1>
`,
"Thursday": `
<h3>Thursday Special: </h3>
<p>
๐ซ <strong>R60 discount</strong> on your 6gig annual hosting package order!
</p>
<p>
๐ธ Discount applied at checkout
</p>
<p>
<em>Note: Your hosting will renew at the regular rate the following year.</em>
</p>
<h1><a href="https://webspacebar.co.za/portal/?cmd=module&module=37&cid=14">Order Now</a></h1>
`,
"Friday": `
<h3>Friday Special: </h3>
<p>
๐ซ <strong>R70 discount</strong> on your 8gig annual hosting package order!
</p>
<p>
๐ธ Discount applied at checkout
</p>
<p>
<em>Note: Your hosting will renew at the regular rate the following year.</em>
</p>
<h1><a href="https://webspacebar.co.za/portal/?cmd=module&module=37&cid=15">Order Now</a></h1>
`,
"Saturday": `
<h3>Saturday Special: </h3>
<p>
๐ซ <strong>R80 discount</strong> on your 10gig annual hosting package order!
</p>
<p>
๐ธ Discount applied at checkout
</p>
<p>
<em>Note: Your hosting will renew at the regular rate the following year.</em>
</p>
<h1><a href="https://webspacebar.co.za/portal/?cmd=module&module=37&cid=16">Order Now</a></h1>
`
};
// Function to calculate the next valid period (8:00 AM)
function getNextValidPeriod() {
const nextPeriod = new Date();
if (nextPeriod.getHours() >= 23) {
nextPeriod.setDate(nextPeriod.getDate() + 1);
}
nextPeriod.setHours(5, 0, 0, 0);
return nextPeriod;
}
// Function to update the special offer and timer
function updateSpecialOffer() {
const now = new Date();
const specialTextElement = document.getElementById("special-text");
const timerElement = document.getElementById("timer");
const headerElement = document.getElementById("special-header");
const messageElement = document.getElementById("special-message");
const dayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
const today = dayNames[now.getDay()];
const nextValidPeriod = getNextValidPeriod();
// Define special period: 5:00 AM to 11:00 PM
const startTime = new Date();
startTime.setHours(5, 0, 0, 0);
const endTime = new Date();
endTime.setHours(23, 0, 0, 0);
if (now >= startTime && now <= endTime) {
// ๐ข Special is active
headerElement.style.display = 'block';
messageElement.style.display = 'block';
specialTextElement.style.display = 'block';
timerElement.style.display = 'block';
specialTextElement.innerHTML = `<small>This is a limited time offer</small><p>${dailySpecials[today]}</p>`;
const timeLeft = Math.max(0, Math.floor((endTime - now) / 1000));
timerElement.innerHTML = `<hr><center>Time left: ${formatTime(timeLeft)}</center><hr>`;
} else {
// ๐ด Outside of special window
headerElement.style.display = 'none';
messageElement.style.display = 'none';
specialTextElement.style.display = 'none';
specialTextElement.innerHTML = '';
timerElement.style.display = 'block';
const timeLeft = Math.max(0, Math.floor((nextValidPeriod - now) / 1000));
timerElement.innerHTML = `<h3>Countdown to the next special:<br>${formatTime(timeLeft)}</h3>`;
}
}
// Format time in HH:MM:SS
function formatTime(seconds) {
const hours = Math.floor(seconds / 3600);
const minutes = Math.floor((seconds % 3600) / 60);
const secs = seconds % 60;
return `${hours}h ${minutes}m ${secs}s`;
}
// Update the special offer every second
setInterval(updateSpecialOffer, 1000);
window.onload = updateSpecialOffer;
</script>
</head>
<body>
<div id="page" class="site row">
<header id="header" class="site-header">
<nav class="navbar navbar-defatult navbar-fixed-top fluid-navbar navbar-style1">
<div class="container-fluid">
<div class="navbar-header">
<a href="index.html"
class="navbar-brand"><img src="assets/icons/logo_small.png" alt="" class="logo-img"></a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav" aria-expanded="false">
<span class="sr-only">Nav Opener</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="main-nav">
<ul class="nav navbar-nav navbar-right cart-nav">
<li><a
href="https://webspacebar.co.za/portal/cart/"><img src="assets/icons/cart.png" alt="Cart"></a>
</li>
</ul>
<ul class="navbar-nav nav navbar-right">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="https://webspacebar.co.za/portal/cart/domains/">Domain Registration</a></li>
<li><a href="https://webspacebar.co.za/portal/cart/web-hosting/">Web Hosting</a></li>
<li><a href="https://webspacebar.co.za/portal/cart/uncapped-disk-space">Uncapped Disk
Space</a></li>
<li><a href="https://webspacebar.co.za/portal/cart/web-hosting-resellers/">Reseller
Hosting</a></li>
<li><a href="#">VPS</a></li>
<li><a href="https://webspacebar.co.za/portal/tickets/">Contact</a></li>
<li><a href="https://webspacebar.co.za/portal/index.php?/clientarea/" class="blinking"
style="color: orange;">Client Area</a></li>
</ul>
</div>
</div>
</nav>
</header>
<main id="contents" class="site-contnts">
<!--Slider-->
<div class="home-slider">
<div class="item" data-slide="assets/images/droneswithboxes.jpeg">
<div class="container">
<div class="row">
<div class="col-sm-11 col-md-8 col-lg-7">
<h2 class="slide-title">Now with <strong>DOUBLE</strong> the data for the
<strong>SAME</strong> price!</h2>
<p>We have increased the space you get on all existing packages at the same price.
Giving you more value for your money.</p>
<a href="https://webspacebar.co.za/portal/cart/web-hosting/"
class="btn btn-primary">view plans</a>
</div>
</div>
</div>
</div>
<div class="item" data-slide="assets/images/reseller_server_room.jpeg">
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-7 col-lg-6">
<h2 class="slide-title slide-title2"><strong>Reseller Hosting</strong></h2>
<h3>Start your <strong>OWN</strong> web hosting business <strong>TODAY</strong>.</h3>
<ul class="nav slide-flist">
<li>No user creation cap</li>
<li>Free Letsencrypt SSL for your customers included</li>
<li>No bandwidth cap</li>
<li>Free Sitepad and Kopage for your customers included</li>
<li>Softaculous included for your customers to install sites like Wordpress, over
330 CMS sites to choose from</li>
<li>We take care of the servers, you take care of your business</li>
</ul>
<a href="https://webspacebar.co.za/portal/cart/web-hosting-resellers/"
class="btn btn-primary">learn more</a>
</div>
</div>
</div>
</div>
<div class="item" data-slide="assets/images/uncapped.jpeg">
<div class="container">
<div class="row">
<div class="col-sm-11 col-md-8 col-lg-7">
<h2 class="slide-title"><strong>UNCAPPED</strong> disk space packages.</h2>
<p>DirectAdmin Uncapped Disk Space Billed R10 per GB over the 1st Gig starting from R40
per month</p>
<a href="https://webspacebar.co.za/portal/cart/uncapped-disk-space"
class="btn btn-primary">view plans</a>
</div>
</div>
</div>
</div>
<div class="item" data-slide="assets/images/direct_admin_new.webp">
<div class="container">
<div class="row">
<div class="col-sm-11 col-md-8 col-lg-7">
<h2 class="slide-title">Website, SiteBuilder, SSL, Email, Database
access.<br><strong>ALL IN ONE</strong> panel.</h2>
<p>100% OFF on any hosting package fee for the first month with the promo code <a
href="https://clientzone.webspacebar.co.za/domain/pricing" class="blinking"
style="color: #89CFF0;"> <b>hostme</b> </a><br>
Hosting packages from R20 per month<br>
Includes Softaculous - one click install of Wordpress and more.<br>
Includes Sitepad & Kopage Site Builders.<br>
<b>Free</b> SSL installed once DNS propagation has completed<BR>
</p>
<a href="https://webspacebar.co.za/portal/cart/web-hosting" class="btn btn-primary">view
plans</a>
</div>
</div>
</div>
</div>
</div>
<!--Find Domain-->
<form class="row domain-search bg-pblue" method="post"
action="https://webspacebar.co.za/portal/?cmd=checkdomain" target="_blank">
<input type="hidden" value="checkdomain" name="action">
<input type="hidden" value="1" name="singlecheck">
<input type="hidden" value="1" name="register">
<input type="hidden" value="61" name="domain_cat">
<div class="container">
<div class="row">
<div class="col-md-3">
<h2 class="form-title">Find Your <strong>Dream Domain</strong></h2>
<p>Search for your dream domain now</p>
</div>
<div class="col-md-9">
<div class="input-group">
<input type="search" class="form-control" name="domain" placeholder="Enter your domain name">
<span class="input-group-addon">
<input type="submit" value="Search" class="btn btn-primary">
</span>
</div>
<p>.com
<strong><script src="https://webspacebar.co.za/portal/?cmd=integrator&action=tld&get=price&tld=.com&type=register"></script></strong>
.co.za
<strong><script src="https://webspacebar.co.za/portal/?cmd=integrator&action=tld&get=price&tld=.co.za&type=register"></script></strong>
<a href="https://webspacebar.co.za/portal/checkdomain/domains/" class="blinking"
target="_blank">
<small>Full domain price list here</small>
</a>
</p>
</div>
</div>
</div>
</form>
<div class="ticker-wrapper">
<div class="ticker">
๐จ Breaking News: ๐ Updated website posted | ๐ก๏ธ Security Tip: Enable 2FA for better protection |
๐ฐ New customers, please remember to use the promo code <b>hostme</b> for 100% discount for the
current month on your first MONTHLY hosting order (applies to the first order of a new customer and
on one hosting package only)(promo codes do not stack, and the 100% discount is only when monthly
billing is selected).
</div>
</div>
<!--Hosting Services - Tab-->
<section>
<div class="container">
<div class="settopbox-container">
<div class="settopbox-column">
<div>
<p>Your website is the heart of your online presenceโtrust it to a hosting provider with
over a decade of proven reliability. Since 2011, we've been empowering businesses
like yours with fast, secure, and dependable hosting solutions. Let us handle the
technical details so you can focus on growing your brand. Your success is our
priority.</p>
</div>
</div>
<div class="settopbox-column">
<div class="review-wall">
<div class="reviews">
<!-- Reviews -->
<div class="review">"I was facing a major downtime right before a product launch,
and my old hosting provider just couldn't fix the issue fast enough. A friend
recommended Webspacebar, and within hours, they had me up and running. I haven't
looked back sinceโreliable and quick support made all the difference!"</div>
<div class="review">"When my previous hosting provider couldnโt handle the traffic
spike during a special promotion, my site went offline for hours. After
switching to webspacebar, I never had to worry about outages again. Their
scalable solutions ensured my website stayed strong during high-traffic events!"
</div>
<div class="review">"My old host had terrible support. When I had a critical issue
with my email system, I reached out multiple times, but nothing happened. I
moved my website and email services over to webspacebar, and their customer
service was incredible from day one. Responsive, friendly, and
solutions-focused."</div>
<div class="review">"My old hosting company was so slow to respond to technical
issues that I missed out on a major business opportunity. I switched to
webspacebar and I immediately felt the difference. They are responsive, help me
optimize my settings, and now I never worry about issues affecting my business
again."</div>
</div>
<div class="upvote-container"></div>
</div>
</div>
</div>
<!-- TrustBox widget - Micro Review Count -->
<div class="trustpilot-widget" data-locale="en-US" data-template-id="5419b6a8b0d04a076446a9ad"
data-businessunit-id="63b40774702e5c58dd840875" data-style-height="24px" data-style-width="100%"
data-theme="light" data-min-review-count="10" data-style-alignment="center"
style="position: relative;"><iframe title="Customer reviews powered by Trustpilot"
loading="auto"
src="https://widget.trustpilot.com/trustboxes/5419b6a8b0d04a076446a9ad/index.html?templateId=5419b6a8b0d04a076446a9ad&businessunitId=63b40774702e5c58dd840875#locale=en-US&styleHeight=24px&styleWidth=100%25&theme=light&minReviewCount=10&styleAlignment=center"
style="position: relative; height: 24px; width: 100%; border-style: none; display: block; overflow: hidden;"></iframe>
</div>
<!-- End TrustBox widget -->
<br>
<hr>
<div class="row section-title text-center">
<section id="hosting-services" class="section">
<div class="container">
<div class="row section-title text-center">
<h2>Hosting Services</h2>
<p>At Webspacebar, we offer a range of fast, reliable, and secure hosting solutions
to suit South African businesses and individuals alike. Explore our plans below
and find the perfect fit for your website.</p>
</div>
<ul class="nav nav-tabs nav-justified hstab" role="tablist">
<li role="presentation" class="active"><a href="#hst-1" aria-controls="hst-1"
role="tab" data-toggle="tab">Web Hosting</a></li>
<li role="presentation"><a href="#hst-2" aria-controls="hst-2" role="tab"
data-toggle="tab">Uncapped Disk Space Hosting</a></li>
<li role="presentation"><a href="#hst-3" aria-controls="hst-3" role="tab"
data-toggle="tab">Reseller Hosting</a></li>
<li role="presentation"><a href="#hst-4" aria-controls="hst-4" role="tab"
data-toggle="tab">VPS Hosting</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content hst-contents">
<!-- Web Hosting Tab -->
<div role="tabpanel" class="tab-pane active" id="hst-1">
<div class="row">
<div class="col-md-7">
<h3 class="au-title">
Powerful <strong>Web Hosting</strong> from Webspacebar<br>
<strong>Fast.</strong> Reliable. <strong>Easy to Manage.</strong>
</h3>
<p>
Our South African web hosting is ideal for startups, small
businesses, and personal websites. We focus on
delivering stable performance and quick load times by utilising
local data centers. Enjoy 99.9% uptime,
free SSL certificates, and a user-friendly control panel that makes
managing your site a breeze.
</p>
<div class="media service-quote">
<div class="media-body">
<p><em>โThanks to Webspacebarโs excellent support, our website now loads lightning-fast and never goes down!โ</em>
</p>
<h4>Sipho Dlamini</h4>
<h5>Cape Digital</h5>
</div>
</div>
</div>
<div class="col-md-5 col-plan">
<div class="hst-plan row">
<ul class="plan-list nav">
<li></i><strong>High-Speed</strong> Servers</li>
<li><strong>1-Click</strong> App Installer (WordPress, Joomla,
etc.)</li>
<li>Intuitive Control Panel</li>
<li>FREE Letsencryot <strong>SSL Cert</strong></li>
<li><strong>Free Sitebuilders </strong> Kopage and SitePad</li>
<li><strong>from 750mb</strong> Storage</li>
<li>24/7/365 <strong>Support</strong></li>
</ul>
<div class="media hst-plan-price">
<div class="media-body">
Price starting from
<span class="price"><sup>R</sup>20<sub>/month</sub></span>
</div>
<div class="media-right">
<a href="https://webspacebar.co.za/portal/cart/web-hosting/"
class="btn btn-default" target="_blank">choose plan</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Uncapped Disk Space Hosting Tab -->
<div role="tabpanel" class="tab-pane" id="hst-2">
<div class="row">
<div class="col-md-7">
<h3>Uncapped Disk Space <strong>Hosting</strong> with Webspacebar<br>
<strong>Fast.</strong> Reliable. <strong>Flexible.</strong>
</h3>
<p>
Tired of running out of storage? Our Uncapped Disk Space Hosting is
perfect for content-heavy sites
and online businesses. Take advantage of local servers, free SSL
certificates, easy one-click installs,
and reliable customer support to keep your projects running
smoothly.
</p>
<div class="media service-quote">
<div class="media-body">
<p><em>โOur media-heavy website runs flawlessly thanks to the unlimited storage and great uptime.โ</em>
</p>
<h4>Melissa Naidoo</h4>
<h5>JHB Media</h5>
</div>
</div>
</div>
<div class="col-md-5 col-plan">
<div class="hst-plan row">
<ul class="plan-list nav">
<li><strong>Uncapped</strong> Disk Space</li>
<li><strong>1-Click</strong> App Installer</li>
<li>All-in-One Control Panel</li>
<li>R40
<strong>per mont includes the first gig space, there after R10 billed per gig.</strong>
</li>
<li><strong>Unmetered</strong> Bandwidth</li>
<li><strong>Free SSL</strong> Included</li>
<li>Free <strong>Site Builders </strong>included</li>
</ul>
<div class="media hst-plan-price">
<div class="media-body">
Price starting from
<span class="price"><sup>R</sup>40<sub>/month</sub></span>
</div>
<div class="media-right">
<a href="https://webspacebar.co.za/portal/cart/uncapped-disk-space"
class="btn btn-default" target="_blank">choose plan</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Reseller Hosting Tab -->
<div role="tabpanel" class="tab-pane" id="hst-3">
<div class="row">
<div class="col-md-7">
<h3>Reseller <strong>Hosting</strong> by Webspacebar<br>
<strong>Fast.</strong> Scalable. <strong>Profitable.</strong>
</h3>
<p>
Want to start your own hosting business or manage multiple client
sites under one account?
Our Reseller Hosting plans give you the tools you need, including
easy billing, DirectAdmin access,
and flexible resources. Grow your hosting business with complete
peace of mind.
</p>
<div class="media service-quote">
<div class="media-body">
<p><em>โWebspacebarโs reseller platform makes it super easy to manage my clientsโ sites.โ</em>
</p>
<h4>Tebogo Ndlovu</h4>
<h5>Mzansi Web Solutions</h5>
</div>
</div>
</div>
<div class="col-md-5 col-plan">
<div class="hst-plan row">
<ul class="plan-list nav">
<li></i>Competitive <strong>Reseller Pricing</strong></li>
<li></i><strong>DirectAdmin</strong> Access</li>
<li></i>Manage Multiple <strong>Client Accounts</strong></li>
<li><strong>Uncapped</strong> Monthly Bandwidth</li>
<li><strong>Starting from 20 GB SSD</strong> Storage</li>
<li>Overselling <strong>allowed</strong></li>
</ul>
<div class="media hst-plan-price">
<div class="media-body">
Price starting from
<span class="price"><sup>R</sup>100<sub>/month</sub></span>
</div>
<div class="media-right">
<a href="https://webspacebar.co.za/portal/cart/web-hosting-resellers/"
class="btn btn-default" target="_blank">choose plan</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- VPS Hosting Tab -->
<div role="tabpanel" class="tab-pane" id="hst-4">
<div class="row">
<div class="col-md-7">
<h3>Virtual Private Server <strong>Hosting</strong> with Webspacebar<br>
<strong>Fast.</strong> Secure. <strong>Customizable.</strong>
</h3>
<p>
<strong>Currently out of stock</strong> โ Please check back soon!
Our VPS solutions provide dedicated
resources, root access, and scalable performance for more demanding
projects. Host high-traffic sites,
run custom applications, and enjoy greater flexibility with VPS
hosting powered by Webspacebar.
</p>
</div>
<div class="col-md-5 col-plan">
<div class="hst-plan row">
<ul class="plan-list nav">
<li><strong>High-Performance</strong> VPS</li>
<li><strong>Full Root Access</strong></li>
<li>Easy <strong>OS Reinstalls</strong></li>
<li>24/7/365 <strong>Expert Support</strong></li>
</ul>
<div class="media hst-plan-price">
<div class="media-body">
<!-- Price starting from-->
<span class="price"><sup>Coming Soon</sup></span>
</div>
<!--
<div class="media-right">
<a href="#" class="btn btn-default" target="_blank">choose plan</a>
</div>
-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Call to Action-->
<section class="row c2a-plan">
<div class="container">
<div class="row">
<div class="col-md-5 col-sm-6">
<h2 class="h1 c2ap-title"><strong>Webspacebar</strong> Gives you <strong>Ease</strong> &
<strong>Flexibility</strong></h2>
<ul class="nav c2ap-list">
<li><i class="fa fa-bolt"></i><strong>Fast & Simple</strong> WordPress Hosting</li>
<li><i class="fa fa-mouse-pointer"></i><strong>1-Click Staging</strong> Environment</li>
<li><i class="fa fa-gear"></i>All-in-One <strong>Control</strong> Panel</li>
</ul>
<a href="#" class="btn btn-primary">View Plan</a>
</div>
</div>
</div>
</section>
</main>
<section class="row specials_slider frontpagespecials-space">
<div class="nebula-layer"></div>
<canvas class="space-bg"></canvas>
<div class="container">
<div class="row section-title text-center">
<div id="special-header" class="fps-space-title">๐ช Daily Special Transmission Incoming ๐ช</div>
<p id="special-message" class="fps-space-message">Enjoy an exclusive daily offer as a special thanks
for browsing our website.</p>
<div id="special-text" class="fps-space-content pulsing-offer"></div>
<div id="timer" class="fps-space-timer"></div>
</div>
</div>
</section>
<!--Footer-->
<footer id="footer" class="site-footer">
<section class="row site-footer-top">
<div class="container">
<div class="row">
<div class="media">
<div class="col-sm-9 media-left">
<a href="index.html" class="media-object"><img src="assets/icons/logo_small.png" alt="Webspacebar Logo">©
<span id="year"></span> - All Rights Reserved by Webspacebar. Webspacebar is a
registered trademark.</a>
</div>
<div class="col-sm-3 media-body">
<a href="terms.html" class="media-object">Terms and Conditions</span></a>
</div>
</div>
</div>
</div>
</section>
</footer>
</div>
<a href="https://wa.me/270825883241?text=Hello%20Webspacebar" class="whatsapp-float" target="_blank">
<img src="https://img.icons8.com/color/100/whatsapp--v1.png" alt="WhatsApp Chat" />
</a>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="vendors/jquery-2.2.0.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="vendors/owl/owl.carousel.min.js"></script>
<script src="vendors/mcustomscrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="vendors/isotope.pkgd.min.js"></script>
<script src="vendors/imagesloaded.pkgd.min.js"></script>
<!--Theme JS-->
<script src="assets/js/discount.js"></script>
<script src="assets/js/upscript.js"></script>
<script src="assets/js/hostpro.js"></script>
<!-- TrustBox script -->
<script type="text/javascript" src="https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" defer>
</script>
<!-- End TrustBox script -->
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/566bc4e2373990810a73f057/1enr8fh3o';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
<script>
const canvas = document.querySelector('.space-bg');
const ctx = canvas.getContext('2d');
let stars = [];
const starCount = 100;
function resizeCanvas() {
const rect = canvas.parentElement.getBoundingClientRect();
canvas.width = rect.width;
canvas.height = rect.height;
stars = Array.from({ length: starCount }, () => ({
x: Math.random() * canvas.width,
y: Math.random() * canvas.height,
radius: Math.random() * 1.5 + 0.5,
speed: Math.random() * 0.3 + 0.05
}));
}
function drawStars() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = '#ffffff';
for (let star of stars) {
ctx.beginPath();
ctx.arc(star.x, star.y, star.radius, 0, Math.PI * 2);
ctx.fill();
}
for (let star of stars) {
star.y += star.speed;
if (star.y > canvas.height) {
star.y = 0;
star.x = Math.random() * canvas.width;
}
}
requestAnimationFrame(drawStars);
}
window.addEventListener('load', () => {
resizeCanvas();
drawStars();
});
window.addEventListener('resize', resizeCanvas);
</script>
</body>
</html>