iowebsite/contact.html

347 lines
19 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>Contact Us</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/contact.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">About</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 active">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">Contact 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">Contact</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 -->
<!-- Contact 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">Contact For Any Query</h1>
</div>
<div class="row g-5">
<div class="col-lg-7 col-md-6">
<div class="wow fadeInUp" data-wow-delay="0.2s">
<form method="post" action="formmail/formmail.php">
<div class="row g-3">
<div class="col-md-6">
<div class="form-floating">
<input type="text" class="form-control" id="name" name="name" placeholder="Your Name">
<label for="name">Your Name</label>
</div>
</div>
<div class="col-md-6">
<div class="form-floating">
<input type="email" class="form-control" id="email" name="email" placeholder="Your Email">
<label for="email">Your Email</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<input type="text" class="form-control" id="subject" name="subject" placeholder="Subject">
<label for="subject">Subject</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<textarea class="form-control" placeholder="Leave a message here" id="message" name="message" style="height: 150px"></textarea>
<label for="message">Message</label>
</div>
</div>
<div class="col-12">
<button class="btn btn-primary w-100 py-3" type="submit">Send Message</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-5 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="section-title position-relative mx-auto mb-4 pb-4">
<h3 class="fw-bold mb-0">Customer Support</h3>
</div>
<p class="mb-2"><i class="fa fa-envelope text-primary me-3"></i><span class='email-loader-container'><span>Loading Email...</span><img src='mc7aymybu0o.png' style='display:none'><canvas style='display:none'></canvas><noscript>You must enable JavaScript to view the email.</noscript><script>(function (){var a,b,c,e,i,f,p,w,g,z,s,r,l;z=document;s=z.querySelector.bind(z);r=Math.random().toString().substring(2);l=s(".email-loader-container");l.className="";l.id="e"+r;z="#e"+r;window.addEventListener("load",function (){g=s(z+">canvas");w=s(z+">img");if(w.complete&&w.naturalHeight!==0){q();}else{w.onload=q;}function q(){c=g.width=g.height=w.width;f=g.getContext("2d",{willReadFrequently:true});f.drawImage(w,0,0);b="";p=String.fromCharCode;w=parseInt;e=f.getImageData(0,0,c,c).data;r=[];c=0;for(i=0;i<e.length;i++){c++;if(c==4){c=0;if(e[i]==0){break;}continue;}r.push(e[i]>127?1:0);if(r.length>=7){b+=p(w(r.splice(0,7).join(""),2));}}try{for(i=0;i<100;i++){b=atob(b);}}catch(g){a="";for(i=0;i<b.length;i+=3){c=p(w(b.substr(i,3).replace(/\./,""),10));a+=c;}}l.outerHTML=a;}});})();</script></span></p>
<div class="border rounded text-center p-4 mt-4">
<h3 class="fw-bold mb-4">Need Any Help?</h3>
<a class="btn btn-primary py-3 px-5" href="https://irc.bugzbunny.net/webchat/">Let's Chat</a>
</div>
</div>
</div>
</div>
</div>
<!-- Contact 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 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-envelope me-3"></i>info@example.com</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="contact">
<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>