iowebsite/about.html

405 lines
23 KiB
HTML
Raw Permalink 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>About</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="keywords" content="best customer support service,virtual private servers providers,hosting services,virtual private servers,website and hosting,free site hosting,us dedicated servers,website hosting vps,kvm vps,ssd vps,cheap hosting,free site hosting">
<meta name="description" content="IO Cloud Solutions - Free Shared Hosting, VPS, and Dedicated Servers">
<!-- 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 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/about.html">
<!-- 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 Google Analytics Tracker -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X8F59WQW83"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-X8F59WQW83');
</script>
<!-- End Google Analytics Tracker -->
<!-- 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">Home</a>
<a href="about.html" class="nav-item nav-link active">About</a>
<!-- <a href="domain.html" class="nav-item nav-link">Domain</a> -->
<a href="index.html#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 pt-5">
<div class="col-12 text-center text-lg-start">
<h1 class="display-4 text-white animated slideInLeft">About Us</h1>
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center justify-content-lg-start animated slideInLeft">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">About</li>
</ol>
</nav>
</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 -->
<!-- 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">Hey everyone! The name's <a href="https://www.bugzbunny.net">Lutchy Horace</a>, but you can call me Bugz, aka Bugzbunny. I jumped into this business in 2023 because I noticed a gap in the market when it came to providing exceptional support for small businesses. Drawing from my extensive 10+ years of experience, I'm here to offer you a service that guarantees peace of mind and affordability. Whether you're looking to create an online presence for yourself, your family, your business, or a cause you're passionate about, we've got your back. Join us in supporting this dream!</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">5</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">0</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>
</div>
<!-- About 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 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="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>
</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="about">
<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="index.html">Home</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>