apct-landing/public/index.html

459 lines
13 KiB
HTML

<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Aperture Computer Technologies</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Datacenter, Network, Web and Security Consulting">
<meta name="author" content="Aperture Computer Technologies">
<meta name="generator" content="Hugo 0.81.0" />
<!-- plugins -->
<link rel="stylesheet" href="https://www.aperturect.com/plugins/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="https://www.aperturect.com/plugins/themify-icons/themify-icons.css">
<link rel="stylesheet" href="https://www.aperturect.com/plugins/magnific-popup/magnific-popup.css">
<link rel="stylesheet" href="https://www.aperturect.com/plugins/slick/slick.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anaheim%7cQuattrocento&#43;Sans:400,700&amp;display=swap">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="https://www.aperturect.com/css/style.min.css" media="screen">
<!-- Custom stylesheet - for your changes -->
<link rel="stylesheet" href="https://www.aperturect.com/css/custom.min.css" media="screen">
<!--Favicon-->
<link rel="shortcut icon" href="https://www.aperturect.com/images/favicon.png" type="image/x-icon">
<link rel="icon" href="https://www.aperturect.com/images/favicon.png" type="image/x-icon">
</head>
<body id="body" data-spy="scroll" data-target=".navbar" data-offset="55">
<div id="content">
<!-- Welcome Slider-->
<section class="hero-area" style='background-image: url("https://www.aperturect.com/images/backgrounds/hero-area.webp")'>
<img class="d-none" src="https://www.aperturect.com/images/backgrounds/hero-area.webp" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url(https:\/\/www.aperturect.com\/images\/backgrounds\/hero-area.jpg)'"/>
<div class="block">
<h1>Aperture Computer Technologies</h1>
<p>Datacenter, Network, Web and Security Consulting</p>
<a href="#about" class="btn btn-transparent page-scroll">Explore Us</a>
</div>
</section>
<!-- /Welcome Slider-->
<section class="sticky-top navigation">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand p-0" href="/">
<img class="lozad" data-src="https://www.aperturect.com/images/logo.png" alt="Aperture Computer Technologies" height="42">
</a>
<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</section>
<!-- Start About Section -->
<section class="bg-one about section" id="about">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- section title -->
<div class="title text-center wow fadeIn" data-wow-duration="1500ms">
<h2> About <span class="color">
Us </span></h2>
<div class="border-meghna"></div>
</div>
</div>
<!-- /section title -->
<!-- About item -->
<div class="col-lg-4 text-center wow fadeInUp" data-wow-duration="500ms">
<div class="block">
<div class="icon-box">
<i class="ti-ruler-pencil"></i>
</div>
<!-- Express About Yourself -->
<div class="content text-center">
<h3>We&#39;re Creative</h3>
<p>We&rsquo;re a team of young professionals looking to improve the IT landscape in Suriname as a whole.</p>
</div>
</div>
</div>
<!-- About item -->
<div class="col-lg-4 text-center wow fadeInUp" data-wow-duration="500ms">
<div class="block">
<div class="icon-box">
<i class="ti-medall"></i>
</div>
<!-- Express About Yourself -->
<div class="content text-center">
<h3>We&#39;re Certified</h3>
<p>From Microsoft Azure to the Linux Foundation. We know what we&rsquo;re talking about.</p>
</div>
</div>
</div>
<!-- About item -->
<div class="col-lg-4 text-center wow fadeInUp" data-wow-duration="500ms">
<div class="block">
<div class="icon-box">
<i class="ti-thought"></i>
</div>
<!-- Express About Yourself -->
<div class="content text-center">
<h3>We&#39;re Client Focused</h3>
<p>We put our client&rsquo;s needs first. We do our homework on what you want and deliver the solution that fits you best.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /about -->
<!-- service -->
<section id="services" class="bg-one section">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- section title -->
<div class="title text-center wow fadeIn" data-wow-duration="500ms">
<h2> Our <span class="color">
Services </span></h2>
<div class="border-meghna"></div>
</div>
</div>
<!-- /section title -->
<!-- Single Service Item -->
<article class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-duration="500ms">
<div class="service-block text-center">
<div class="service-icon text-center">
<i class="ti-harddrives"></i>
</div>
<h3>Datacenter service</h3>
<p>We deliver complete datacenters: from design and planning to deployment and maintenance.</p>
</div>
</article>
<!-- End Single Service Item -->
<!-- Single Service Item -->
<article class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-duration="500ms">
<div class="service-block text-center">
<div class="service-icon text-center">
<i class="ti-world"></i>
</div>
<h3>Networking solutions</h3>
<p>We can design your enterprise network from the ground up or help you expand your existing network. Everything from infrastructure to Software Defined Networking solutions.</p>
</div>
</article>
<!-- End Single Service Item -->
<!-- Single Service Item -->
<article class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-duration="500ms">
<div class="service-block text-center">
<div class="service-icon text-center">
<i class="ti-cloud"></i>
</div>
<h3>Cloud migration</h3>
<p>We&rsquo;ll help you migrate your existing infrastructure to the cloud, delivering smart and scalable solutions.</p>
</div>
</article>
<!-- End Single Service Item -->
<!-- Single Service Item -->
<article class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-duration="500ms">
<div class="service-block text-center">
<div class="service-icon text-center">
<i class="ti-panel"></i>
</div>
<h3>Managed services</h3>
<p>We can manage your existing firewalls, servers and cloud solutions</p>
</div>
</article>
<!-- End Single Service Item -->
<!-- Single Service Item -->
<article class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-duration="500ms">
<div class="service-block text-center">
<div class="service-icon text-center">
<i class="ti-shield"></i>
</div>
<h3>Security</h3>
<p>We can provide consultancy on physical security, datacenter edge- and endpoint protection</p>
</div>
</article>
<!-- End Single Service Item -->
<!-- Single Service Item -->
<article class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-duration="500ms">
<div class="service-block text-center">
<div class="service-icon text-center">
<i class="ti-hummer"></i>
</div>
<h3>Web development</h3>
<p>We can build modern, scalable webapps, provide hosting and consultancy.</p>
</div>
</article>
<!-- End Single Service Item -->
</div>
</div>
</section>
<!-- /service -->
<!-- Start Call To Action -->
<section id="cta" class="call-to-action section-sm bg-1 overly" style='background-image: url("https://www.aperturect.com/images/backgrounds/bg-white-wall.webp")'>
<img src="https://www.aperturect.com/images/backgrounds/bg-white-wall.webp" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url(https:\/\/www.aperturect.com\/images\/backgrounds\/bg-white-wall.jpg)'">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Want to work with us?</h2>
<p>Contact us now for more information and a personalized quotation!</p>
<a href="#contact" class="btn btn-main page-scroll">Start a project with us</a>
</div>
</div>
</div>
</section>
<!-- Start Services Section -->
<!-- Start Contact Us -->
<section id="contact" class="contact-us section-bg">
<div class="container pb-5">
<div class="row">
<div class="col-lg-12">
<!-- section title -->
<div class="title text-center wow fadeIn" data-wow-duration="500ms">
<h2> Contact <span class="color">
Us </span></h2>
<div class="border-meghna"></div>
</div>
</div>
<!-- /section title -->
<!-- Contact Details -->
<div class="contact-info col-lg-6 wow fadeInUp" data-wow-duration="500ms">
<h3>Contact us for a quote or project!</h3>
<p> You can contact us via Email, phone or the contact form below. </p>
<div class="contact-details">
<div class="con-info clearfix">
<i class="ti-mobile"></i>
<span>Phone: &#43;597-728-3658 </span>
</div>
<div class="con-info clearfix">
<i class="ti-email"></i>
<span>Email: info@aperturect.com</span>
</div>
</div>
</div>
<!-- Contact Form -->
<div class="col-lg-6 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms">
<form id="contact-form" class="form-meghna" method="post" action="https://formspree.io/f/xeqvjakj" role="form">
<div class="form-group">
<input type="text" placeholder="Your Name" class="form-control" name="name" id="name">
</div>
<div class="form-group">
<input type="email" placeholder="Your Email" class="form-control" name="email" id="email">
</div>
<div class="form-group">
<input type="text" placeholder="Subject" class="form-control" name="subject" id="subject">
</div>
<div class="form-group">
<textarea rows="6" placeholder="Message" class="form-control" name="message" id="message"></textarea>
</div>
<div id="cf-submit">
<button type="submit" id="contact-submit" class="btn btn-transparent btn-block"
value="Submit">Submit</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- /contact -->
</div><!-- end Contact Area -->
<footer id="footer" class="section-bg">
<div class="container">
<div class="row wow fadeInUp" data-wow-duration="500ms">
<div class="col-xl-12">
<!-- Footer Social Links -->
<div class="social-icon">
<ul class="list-inline">
<li class="list-inline-item"><a href="https://www.facebook.com/ApertureComputerTechnologies/"><i class="ti-facebook"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="ti-youtube"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/company/aperture-ct/"><i class="ti-linkedin"></i></a></li>
</ul>
</div>
<!-- copyright -->
<div class="copyright text-center">
<a href="https://www.aperturect.com/">
<img src="https://www.aperturect.com/images/logo.png" alt="Aperture Computer Technologies" height="42" />
</a>
<br>
<p>Copyright © 2021 Aperture Computer Technologies, Designed by Themefisher</p>
</div>
</div>
</div>
</div>
</footer>
<!-- /footer -->
<!-- Google Map API -->
<!-- JS Plugins -->
<script src="https://www.aperturect.com/plugins/jquery/jquery.min.js"></script>
<script src="https://www.aperturect.com/plugins/bootstrap/bootstrap.min.js"></script>
<script src="https://www.aperturect.com/plugins/slick/slick.min.js"></script>
<script src="https://www.aperturect.com/plugins/shuffle/shuffle.min.js"></script>
<script src="https://www.aperturect.com/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="https://www.aperturect.com/plugins/lazy-load/lozad.min.js"></script>
<script src="https://www.aperturect.com/plugins/google-map/map.js"></script>
<!-- Main Script -->
<script src="https://www.aperturect.com/js/script.min.b98b8dcfa3dc53b74ecf3cf8724a1f75b4d217da25463ff3d6a28fc4a09e965bf9818dfce85452f5fb478bce779ee8cc.js" integrity="sha384-uYuNz6PcU7dOzzz4ckofdbTSF9olRj/z1qKPxKCellv5gY386FRS9ftHi853nujM"></script>
</body>
</html>