iowebsite/index.html

687 lines
44 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>IO Cloud Solutions - Free Shared Hosting, VPS, Dedicated Servers</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="keywords" content="free web hosting, freehosting, free website, web hosting, free hosting, no ads, dedicated servers, free webhosting, cheap hosting, small business vps hosting, vps hosting, kvm vps, ssd vps, dedicated servers, unmetered servers, unmetered dedicated servers, web hosting">
<meta name="description" content="IO Cloud Solutions - Free Shared Hosting, VPS, and Dedicated Servers">
<meta property="og:title" content="IO Cloud Solutions - Free Shared Hosting, VPS, Dedicated Servers" />
<meta property="og:description" content="Ready to dive into the online world? Look no further! Our comprehensive offerings have got you covered, ensuring you have everything necessary to kickstart your online presence." />
<meta property="og:image" content="https://www.iocloudsolutions.net/img/hero.png" />
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"> -->
<link rel="stylesheet" type="text/css" href="css/all.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<link rel="canonical" href="http://www.iocloudsolutions.net/">
<!-- Start Open Web Analytics Tracker -->
<script type="text/javascript">
//<![CDATA[
var owa_baseUrl = 'https://owa.bugzbunny.net/';
var owa_cmds = owa_cmds || [];
owa_cmds.push(['setSiteId', '6034d6c95aa5585e45e54464927b1c21']);
owa_cmds.push(['trackPageView']);
owa_cmds.push(['trackClicks']);
(function() {
var _owa = document.createElement('script'); _owa.type = 'text/javascript'; _owa.async = true;
owa_baseUrl = ('https:' == document.location.protocol ? window.owa_baseSecUrl || owa_baseUrl.replace(/http:/, 'https:') : owa_baseUrl );
_owa.src = owa_baseUrl + 'modules/base/dist/owa.tracker.js';
var _owa_s = document.getElementsByTagName('script')[0]; _owa_s.parentNode.insertBefore(_owa, _owa_s);
}());
//]]>
</script>
<!-- End Open Web Analytics Code -->
<!-- Start Chatwoot customer engagement -->
<script>
(function(d,t) {
var BASE_URL="https://chatwoot.bugzbunny.net";
var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=BASE_URL+"/packs/js/sdk.js";
g.defer = true;
g.async = true;
s.parentNode.insertBefore(g,s);
g.onload=function(){
window.chatwootSDK.run({
websiteToken: 'jbyfFffzv2qmALJoLm34rXrK',
baseUrl: BASE_URL
})
}
})(document,"script");
</script>
<!-- End Chatwoot customer engagement -->
<!-- Start Schema breadcrumbs -->
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "IO Cloud Solutions - Free Shared Hosting, VPS, Dedicated Servers",
"item": "https://www.iocloudsolutions.net/index.html"
},{
"@type": "ListItem",
"position": 2,
"name": "About",
"item": "https://www.iocloudsolutions.net/about.html"
},{
"@type": "ListItem",
"position": 3,
"name": "Datacenter",
"item": "https://www.iocloudsolutions.net/datacenter.html"
},{
"@type": "ListItem",
"position": 4,
"name": "Contact Us",
"item": "https://www.iocloudsolutions.net/contact.html"
}]
}
</script>
<!-- End Schema breadcrumbs -->
</head>
<body>
<div class="container-xxl bg-white p-0">
<!-- Spinner Start -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Navbar & Hero Start -->
<div class="container-xxl position-relative p-0">
<nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0">
<a href="" class="navbar-brand p-0">
<h1 class="m-0"><i class="fa fa-server me-3"></i>IO Cloud Solutions</h1>
<!-- <img src="img/logo.png" alt="Logo"> -->
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto py-0">
<a href="index.html" class="nav-item nav-link active">Home</a>
<a href="about.html" class="nav-item nav-link">About</a>
<!-- <a href="domain.html" class="nav-item nav-link">Domain</a>
<a href="hosting.html" class="nav-item nav-link">Hosting</a> -->
<a href="#hosting" class="nav-item nav-link">Hosting</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
<div class="dropdown-menu m-0">
<a href="datacenter.html" class="dropdown-item">Datacenter</a>
</div>
</div>
<a href="contact.html" class="nav-item nav-link">Contact</a>
</div>
<butaton type="button" class="btn text-secondary ms-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fa fa-search"></i></butaton>
<a href="https://cust.iocloudsolutions.net/index.php?fuse=home&view=login" class="btn btn-secondary py-2 px-4 ms-3" rel="me">Login</a>
</div>
</nav>
<div class="container-xxl py-5 bg-primary hero-header mb-5">
<div class="container my-5 py-5 px-lg-5">
<div class="row g-5">
<div class="col-lg-6 pt-5 text-center text-lg-start">
<h1 class="display-4 text-white mb-4 animated slideInLeft">Shared Hosting</h1>
<p class="text-white animated slideInLeft">We provide everything you'll need to build your website, no matter what kind of website for FREE!</p>
<h1 class="text-white mb-4 animated slideInLeft">
<small class="align-top fw-normal" style="font-size: 15px; line-height: 25px;">Starting:</small>
<span>$0.00</span>
<small class="align-bottom fw-normal" style="font-size: 15px; line-height: 33px;">/ Mo</small>
</h1>
<a href="https://cust.iocloudsolutions.net/order.php?step=1&productGroup=1&product=1" class="btn btn-secondary py-sm-3 px-sm-5 me-3 animated slideInLeft" rel="me">Get Started Now</a>
</div>
<div class="col-lg-6 text-center text-lg-start">
<img class="img-fluid animated zoomIn" src="img/hero.png" alt="IO Cloud Solutions - Free Shared Hosting, VPS, and Dedicated Servers">
</div>
</div>
</div>
</div>
</div>
<!-- Navbar & Hero End -->
<!-- Full Screen Search Start -->
<div class="modal fade" id="searchModal" tabindex="-1">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content" style="background: rgba(29, 40, 51, 0.8);">
<div class="modal-header border-0">
<button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body d-flex align-items-center justify-content-center">
<div class="input-group" style="max-width: 600px;">
<input type="text" class="form-control bg-transparent border-light p-3" placeholder="Type search keyword">
<button class="btn btn-light px-4"><i class="bi bi-search"></i></button>
</div>
</div>
</div>
</div>
</div>
<!-- Full Screen Search End -->
<!-- Domain Search Start -->
<!-- We don't provide Domain services yet
<div class="container-xxl domain mb-5" style="margin-top: 90px;">
<div class="container px-lg-5">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="section-title position-relative text-center mx-auto mb-4 pb-4 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">Search Your Domain</h1>
<p class="mb-1">Vero justo sed sed vero clita amet. Et justo vero sea diam elitr amet ipsum eos ipsum clita duo sed. Sed vero sea diam erat vero elitr sit clita.</p>
</div>
<div class="position-relative w-100 my-3 wow fadeInUp" data-wow-delay="0.3s">
<input class="form-control bg-transparent w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your domain name">
<button type="button" class="btn btn-primary py-2 px-3 position-absolute top-0 end-0 mt-2 me-2">Search</button>
</div>
<div class="row g-3 wow fadeInUp" data-wow-delay="0.5s">
<div class="col-lg-2 col-md-3 col-sm-4 col-6 text-center">
<h5 class="fw-bold text-primary mb-1">.com</h5>
<p class="mb-0">$9.99/year</p>
</div>
<div class="col-lg-2 col-md-3 col-sm-4 col-6 text-center">
<h5 class="fw-bold text-primary mb-1">.net</h5>
<p class="mb-0">$9.99/year</p>
</div>
<div class="col-lg-2 col-md-3 col-sm-4 col-6 text-center">
<h5 class="fw-bold text-primary mb-1">.org</h5>
<p class="mb-0">$9.99/year</p>
</div>
<div class="col-lg-2 col-md-3 col-sm-4 col-6 text-center">
<h5 class="fw-bold text-primary mb-1">.us</h5>
<p class="mb-0">$9.99/year</p>
</div>
<div class="col-lg-2 col-md-3 col-sm-4 col-6 text-center">
<h5 class="fw-bold text-primary mb-1">.eu</h5>
<p class="mb-0">$9.99/year</p>
</div>
<div class="col-lg-2 col-md-3 col-sm-4 col-6 text-center">
<h5 class="fw-bold text-primary mb-1">.co.uk</h5>
<p class="mb-0">$9.99/year</p>
</div>
</div>
</div>
</div>
</div>
</div>
-->
<!-- Domain Search End -->
<!-- About Start -->
<!--
<div class="container-xxl py-5">
<div class="container px-lg-5">
<div class="row g-5 align-items-center">
<div class="col-lg-7 wow fadeInUp" data-wow-delay="0.1s">
<div class="section-title position-relative mb-4 pb-4">
<h1 class="mb-2">Welcome to IO Cloud Solutions</h1>
</div>
<p class="mb-4">We are a small hosting business for small businesses established in 2023. Providing afforable prices. Lowering the berrier for small businesses to enter the web sphere.</p>
<div class="row g-3">
<div class="col-sm-4 wow fadeIn" data-wow-delay="0.1s">
<div class="bg-light rounded text-center p-4">
<i class="fa fa-users-cog fa-2x text-primary mb-2"></i>
<h2 class="mb-1" data-toggle="counter-up">2</h2>
<p class="mb-0">Experts</p>
</div>
</div>
<div class="col-sm-4 wow fadeIn" data-wow-delay="0.3s">
<div class="bg-light rounded text-center p-4">
<i class="fa fa-users fa-2x text-primary mb-2"></i>
<h2 class="mb-1" data-toggle="counter-up">22</h2>
<p class="mb-0">Clients</p>
</div>
</div>
<div class="col-sm-4 wow fadeIn" data-wow-delay="0.5s">
<div class="bg-light rounded text-center p-4">
<i class="fa fa-check fa-2x text-primary mb-2"></i>
<h2 class="mb-1" data-toggle="counter-up">14</h2>
<p class="mb-0">Projects</p>
</div>
</div>
</div>
</div>
<div class="col-lg-5">
<img class="img-fluid wow zoomIn" data-wow-delay="0.5s" src="img/about.png">
</div>
</div>
</div>
<a name="hosting"></a>
</div>
-->
<!-- About End -->
<a name="hosting"></a>
<!-- Pricing Start -->
<div class="container-xxl py-5">
<div class="container px-lg-5">
<div class="section-title position-relative text-center mx-auto mb-5 pb-4 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">Our Hosting Plans</h1>
<p class="mb-1">View our affordable hosting packages below. We strive to provide the best quality of service possible. Customer satisfaction is what drives us.</p>
</div>
<div class="row gy-5 gx-4">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
<div class="position-relative shadow rounded border-top border-5 border-primary">
<div class="d-flex align-items-center justify-content-center position-absolute top-0 start-50 translate-middle bg-primary rounded-circle" style="width: 45px; height: 45px; margin-top: -3px;">
<i class="fa fa-share-alt text-white"></i>
</div>
<div class="text-center border-bottom p-4 pt-5">
<h4 class="fw-bold">Share Hosting</h4>
<p class="mb-0">Shared Hosting starting at very low cost!</p>
</div>
<div class="text-center border-bottom p-4">
<p class="text-primary mb-1">Latest Offer - <strong>$3 dollar for 3/mo 3USDWEB</strong></p>
<h1 class="mb-3">
<small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>7.50<small
class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Month</small>
</h1>
<a class="btn btn-primary px-4 py-2" href="https://l.iocloudsolutions.net/webhosting" rel="me">Buy Now</a>
</div>
<div class="p-4">
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>2 Domain</p>
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>Unlimited Disk Space</p>
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>Unlimited Bandwith</p>
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>1000 E-Mail accounts</p>
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>7 Databases</p>
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>Unlimited FTP Accounts</p>
<p class="mb-0"><i class="fa fa-times text-primary me-3"></i>No Cronjobs</p>
<!--<p class="mb-0"><i class="fa fa-check text-primary me-3"></i>PHP 8.1</p>-->
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.4s">
<div class="position-relative shadow rounded border-top border-5 border-secondary">
<div class="d-flex align-items-center justify-content-center position-absolute top-0 start-50 translate-middle bg-secondary rounded-circle" style="width: 45px; height: 45px; margin-top: -3px;">
<i class="fa fa-server text-white"></i>
</div>
<div class="text-center border-bottom p-4 pt-5">
<h4 class="fw-bold">VPS Hosting</h4>
<p class="mb-0">Now available!</p>
</div>
<div class="text-center border-bottom p-4">
<p class="text-primary mb-1">Latest Offer - <strong>Save $6.50 using coupon 1USDVPS</strong></p>
<h1 class="mb-3">
<small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>7.50<small
class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Month</small>
</h1>
<a class="btn btn-secondary px-4 py-2" href="https://l.iocloudsolutions.net/vpshosting" rel="me">Buy Now</a>
</div>
<div class="p-4">
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>1 vCPU</p>
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>1 GB Ram</p>
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>20 GB Disk Space</p>
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>1 TB Bandwith</p>
<p class="mb-0"><i class="fa fa-check text-primary me-3"></i>1 IP Address</p>
<!-- <p class="mb-0"><i class="fa fa-check text-primary me-3"></i>30 Days Money Back Guarantee</p> -->
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.6s">
<div class="position-relative shadow rounded border-top border-5 border-primary">
<div class="d-flex align-items-center justify-content-center position-absolute top-0 start-50 translate-middle bg-primary rounded-circle" style="width: 45px; height: 45px; margin-top: -3px;">
<i class="fa fa-cog text-white"></i>
</div>
<div class="text-center border-bottom p-4 pt-5">
<h4 class="fw-bold">Dedi Servers</h4>
<p class="mb-0">Now available!</p>
</div>
<div class="text-center border-bottom p-4">
<p class="text-primary mb-1">Latest Offer - <strong>Save 30% on 3/mo or 6/mo packages with coupon 30DISCOUNT</strong></p>
<h1 class="mb-3">
<small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>45.00<small
class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Month</small>
</h1>
<a class="btn btn-primary px-4 py-2" href="https://cust.iocloudsolutions.net/order.php?step=1&productGroup=6">Buy Now</a>
</div>
<div class="p-4">
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>Intel Atom D525 1.8 GHz (2 cores)</p>
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>4 GB DDR3 RAM</p>
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>2 X 240 GB SSD</p>
<p class="border-bottom pb-3"><i class="fa fa-check text-primary me-3"></i>10 TB Bandwidth</p>
<p class="mb-0"><i class="fa fa-check text-primary me-3"></i>1 IP address</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Pricing End -->
<!-- Comparison Start -->
<div class="container-xxl py-5">
<div class="container px-lg-5">
<div class="section-title position-relative text-center mx-auto mb-5 pb-4 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">Our hosting services come with...</h1>
<!-- <p class="mb-1">Vero justo sed sed vero clita amet. Et justo vero sea diam elitr amet ipsum eos
ipsum clita duo sed. Sed vero sea diam erat vero elitr sit clita.</p> -->
</div>
<div class="row g-5 comparison position-relative">
<div class="col-lg-6 pe-lg-5">
<div class="section-title position-relative mx-auto mb-4 pb-4">
<h3 class="fw-bold mb-0"></h3>
</div>
<div class="row gy-3 gx-5">
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.1s">
<i class="fa fa-server fa-3x text-primary mb-3"></i>
<h5 class="fw-bold">99.99% Uptime</h5>
<p>Uptime is our top priority for us, which is why we stay diligent in maintaining our services uptime.</p>
</div>
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.3s">
<i class="fa fa-hard-drive fa-3x text-primary mb-3"></i>
<h5 class="fw-bold">Fast Enterprise-Grade SSD</h5>
<p>All VPS and Dedicated servers come with Fast SSD.</p>
</div>
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.5s">
<i class="fa fa-cog fa-3x text-primary mb-3"></i>
<h5 class="fw-bold">Control Panel</h5>
<p>Our simple-to-use control panel removes all the fuss and lets you do what's best. Running your site.</p>
</div>
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.7s">
<i class="fa fa-headset fa-3x text-primary mb-3"></i>
<h5 class="fw-bold">24/7 Support</h5>
<p>Our friendly support team is available anytime to support you if you ever get stuck.</p>
</div>
</div>
</div>
<div class="col-lg-6 ps-lg-5">
<div class="section-title position-relative mx-auto mb-4 pb-4">
<h3 class="fw-bold mb-0"></h3>
</div>
<div class="row gy-3 gx-5">
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.1s">
<i class="fa fa-server fa-3x text-secondary mb-3"></i>
<h5 class="fw-bold">Dedicated Server</h5>
<p>Dedicated Servers allow businesses to leverage existing data centers to maximize reliability and lower cost.</p>
</div>
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.3s">
<i class="fa-brands fa-wordpress-simple fa-3x text-secondary mb-3" aria-hidden="true"></i>
<h5 class="fw-bold">Wordpress</h5>
<p>Get up and running with Wordpress. With our one-click installer now!</p>
</div>
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.5s">
<i class="fa fa-cloud fa-3x text-secondary mb-3"></i>
<h5 class="fw-bold">Shared Hosting</h5>
<p>Shared Website hosting with fast SSD storage and E-Mail hosting (paid accounts only!).</p>
</div>
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.7s">
<i class="fa fa-server fa-3x text-secondary mb-3"></i>
<h5 class="fw-bold">VPS Hosting</h5>
<p>Virtual Private Servers with ultra-fast SSD with the flexibility to run your software. Ubuntu, Nginx, Nodejs, and more</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Comparison Start -->
<!-- Testimonial Start -->
<!--
<div class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">
<div class="container px-lg-5">
<div class="owl-carousel testimonial-carousel">
<div class="testimonial-item position-relative bg-light border-top border-5 border-primary rounded p-4 my-4">
<div class="d-flex align-items-center justify-content-center position-absolute top-0 start-0 ms-5 translate-middle bg-primary rounded-circle" style="width: 45px; height: 45px; margin-top: -3px;">
<i class="fa fa-quote-left text-white"></i>
</div>
<p class="mt-3">They helped me quickly and efficiently! They were polite and wonderful to speak with!</p>
<div class="d-flex align-items-center">
<img class="img-fluid flex-shrink-0 rounded-circle" src="img/anon_img.webp" style="width: 50px; height: 50px;">
<div class="ps-3">
<h6 class="fw-bold mb-1">Anonymous</h6>
<small>Unknown</small>
</div>
</div>
</div>
<div class="testimonial-item position-relative bg-light border-top border-5 border-primary rounded p-4 my-4">
<div class="d-flex align-items-center justify-content-center position-absolute top-0 start-0 ms-5 translate-middle bg-primary rounded-circle" style="width: 45px; height: 45px; margin-top: -3px;">
<i class="fa fa-quote-left text-white"></i>
</div>
<p class="mt-3">I needed assistance with canceling a shared hosting plan and setting up my second website and technical support responded quickly and was very thorough with their instructions.</p>
<div class="d-flex align-items-center">
<img class="img-fluid flex-shrink-0 rounded-circle" src="img/anon_img.webp" style="width: 50px; height: 50px;">
<div class="ps-3">
<h6 class="fw-bold mb-1">Anonymous</h6>
<small>Unknown</small>
</div>
</div>
</div>
<div class="testimonial-item position-relative bg-light border-top border-5 border-primary rounded p-4 my-4">
<div class="d-flex align-items-center justify-content-center position-absolute top-0 start-0 ms-5 translate-middle bg-primary rounded-circle" style="width: 45px; height: 45px; margin-top: -3px;">
<i class="fa fa-quote-left text-white"></i>
</div>
<p class="mt-3">Great service! Very responsive and helpful support staff!!! Highly recommend.</p>
<div class="d-flex align-items-center">
<img class="img-fluid flex-shrink-0 rounded-circle" src="img/anon_img.webp" style="width: 50px; height: 50px;">
<div class="ps-3">
<h6 class="fw-bold mb-1">Anonymouse</h6>
<small>Unknown</small>
</div>
</div>
</div>
<div class="testimonial-item position-relative bg-light border-top border-5 border-primary rounded p-4 mt-4">
<div class="d-flex align-items-center justify-content-center position-absolute top-0 start-0 ms-5 translate-middle bg-primary rounded-circle" style="width: 45px; height: 45px; margin-top: -3px;">
<i class="fa fa-quote-left text-white"></i>
</div>
<p class="mt-3">I didn't need any help until I needed it. Customer support gave me some step-by-step assistance to get everything back on track.</p>
<div class="d-flex align-items-center">
<img class="img-fluid flex-shrink-0 rounded-circle" src="img/anon_img.webp" style="width: 50px; height: 50px;">
<div class="ps-3">
<h6 class="fw-bold mb-1">Anonymouse</h6>
<small>Unknown</small>
</div>
</div>
</div>
</div>
</div>
</div>
-->
<!-- Testimonial End -->
<!-- Team Start -->
<!--
<div class="container-xxl py-5">
<div class="container px-lg-5">
<div class="section-title position-relative text-center mx-auto mb-5 pb-4 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">Our Team Members</h1>
<p class="mb-1">Vero justo sed sed vero clita amet. Et justo vero sea diam elitr amet ipsum eos
ipsum clita duo sed. Sed vero sea diam erat vero elitr sit clita.</p>
</div>
<div class="row g-4">
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="team-item border-top border-5 border-primary rounded shadow overflow-hidden">
<div class="text-center p-4">
<img class="img-fluid rounded-circle mb-4" src="img/team-1.jpg" alt="">
<h5 class="fw-bold mb-1">Full Name</h5>
<small>Designation</small>
</div>
<div class="d-flex justify-content-center bg-primary p-3">
<a class="btn btn-square text-primary bg-white m-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square text-primary bg-white m-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square text-primary bg-white m-1" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="team-item border-top border-5 border-primary rounded shadow overflow-hidden">
<div class="text-center p-4">
<img class="img-fluid rounded-circle mb-4" src="img/team-2.jpg" alt="">
<h5 class="fw-bold mb-1">Full Name</h5>
<small>Designation</small>
</div>
<div class="d-flex justify-content-center bg-primary p-3">
<a class="btn btn-square text-primary bg-white m-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square text-primary bg-white m-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square text-primary bg-white m-1" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="team-item border-top border-5 border-primary rounded shadow overflow-hidden">
<div class="text-center p-4">
<img class="img-fluid rounded-circle mb-4" src="img/team-3.jpg" alt="">
<h5 class="fw-bold mb-1">Full Name</h5>
<small>Designation</small>
</div>
<div class="d-flex justify-content-center bg-primary p-3">
<a class="btn btn-square text-primary bg-white m-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square text-primary bg-white m-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square text-primary bg-white m-1" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item border-top border-5 border-primary rounded shadow overflow-hidden">
<div class="text-center p-4">
<img class="img-fluid rounded-circle mb-4" src="img/team-4.jpg" alt="">
<h5 class="fw-bold mb-1">Full Name</h5>
<small>Designation</small>
</div>
<div class="d-flex justify-content-center bg-primary p-3">
<a class="btn btn-square text-primary bg-white m-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square text-primary bg-white m-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square text-primary bg-white m-1" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
-->
<!-- Team End -->
<!-- Footer Start -->
<div class="container-fluid bg-primary text-white footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-5 px-lg-5">
<div class="row gy-5 gx-4 pt-5">
<div class="col-12">
<h5 class="fw-bold text-white mb-4">Subscribe Our Newsletter</h5>
<div class="position-relative" style="max-width: 400px;">
<input class="form-control bg-white border-0 w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
<button type="button" class="btn btn-primary py-2 px-3 position-absolute top-0 end-0 mt-2 me-2">Submit</button>
</div>
</div>
<div class="col-lg-5 col-md-12">
<div class="row gy-5 g-4">
<div class="col-md-6">
<h5 class="fw-bold text-white mb-4">About Us</h5>
<a class="btn btn-link" href="about.html">About Us</a>
<a class="btn btn-link" href="contact.html">Contact Us</a>
<a class="btn btn-link" href="privacy.html">Privacy Policy</a>
<a class="btn btn-link" href="tos.html">Terms & Condition</a>
<a class="btn btn-link" href="https://cust.iocloudsolutions.net/index.php?fuse=support&controller=ticket&view=submitticket" rel="me">Support</a>
</div>
<div class="col-md-6">
<h5 class="fw-bold text-white mb-4">Our Services</h5>
<!--<a class="btn btn-link" href="">Domain Register</a>-->
<a class="btn btn-link" href="https://cust.iocloudsolutions.net/order.php?step=1&productGroup=1" rel="me">Shared Hosting</a>
<a class="btn btn-link" href="https://cust.iocloudsolutions.net/order.php?step=1&productGroup=5" rel="me">VPS Hosting</a>
<a class="btn btn-link" href="#">Dedicated Servers</a>
<!--<a class="btn btn-link" href="">Reseller Hosting</a>-->
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<h5 class="fw-bold text-white mb-4">Get In Touch</h5>
<!--<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>123 Street, New York, USA</p>
<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+012 345 67890</p>-->
<p class="mb-2"><i class="fa fa-envelope me-3"></i>info<span class=div1>@</span>iocloudsolutions<span class=div2>.</span>net</p>
<div class="d-flex pt-2">
<a class="btn btn-outline-light btn-social" href="https://twitter.com/iocloudsolution"><i class="fab fa-twitter"></i></a>
<a class="btn btn-outline-light btn-social" href="https://www.facebook.com/profile.php?id=61555694461784"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-light btn-social" href="#"><i class="fab fa-youtube"></i></a>
<a class="btn btn-outline-light btn-social" href="https://mastodon.social/@iocloudsolutions"><i class="fab fa-mastodon"></i></a>
</div>
</div>
<div class="col-md-6 col-lg-4 mt-lg-n5">
<div class="bg-light rounded" style="padding: 30px;">
<form method="post" action="formmail/formmail.php">
<input type="text" name="name" class="form-control border-0 py-2 mb-2" placeholder="Name">
<input type="email" name="email" class="form-control border-0 py-2 mb-2" placeholder="Email">
<textarea name="message" class="form-control border-0 mb-2" rows="2" placeholder="Message"></textarea>
<input type="hidden" name="page" value="home">
<button class="btn btn-primary w-100 py-2">Send Message</button>
</form>
</div>
</div>
</div>
</div>
<div class="container px-lg-5">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
&copy; <a class="border-bottom" href="#">IO Cloud Solutions</a>, All Right Reserved.
<!--/*** This template is free as long as you keep the footer authors credit link/attribution link/backlink. If you'd like to use the template without the footer authors credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
Designed By <a class="border-bottom" href="https://htmlcodex.com">HTML Codex</a>
</div>
<div class="col-md-6 text-center text-md-end">
<div class="footer-menu">
<a href="">Home</a>
<!--<a href="">Cookies</a>-->
<a href="">Help</a>
<!--<a href="">FQAs</a>-->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-secondary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
</div>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>