depot/packages/websites/landing/layouts/_default/index.html

426 lines
14 KiB
HTML
Raw Permalink Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="We make it simple to launch in the cloud and scale up as you grow.">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Private Void | Zero-maintenance perfection </title>
<link rel="icon" type="image/png" href="images/favicon.png">
<link href="css/plugins.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Body Inner -->
<div class="body-inner">
<!-- Header -->
<header id="header" class="header-modern submenu-light">
<div class="header-inner">
<div class="container">
<!--Logo-->
<div id="logo">
<a href="index.html">
<span class="logo-default">VOID</span>
<span class="logo-dark">VOID</span>
</a>
</div>
<!--End: Logo-->
<!--Navigation Resposnive Trigger-->
<div id="mainMenu-trigger">
<a class="lines-button x"><span class="lines"></span></a>
</div>
<!--end: Navigation Resposnive Trigger-->
<!--Navigation-->
<div id="mainMenu">
<div class="container">
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="https://storage.privatevoid.net">Storage</a>
</li>
<li>
<a href="/">StreamWave</a>
</li>
<li>
<a href="https://privatevoid.net.privatevoid.net">Recursion</a>
</li>
<li>
<a href="#who-we-are" class="scroll-to">Contact Us</a>
</li>
<li>
<button type="button" class="btn btn-sm"
onclick="window.location.href = 'https://login.privatevoid.net'">Login</button>
</li>
</ul>
</nav>
</div>
</div>
<!--end: Navigation-->
</div>
</div>
</header>
<!-- end: Header -->
<!-- Inspiro Slider -->
<div id="slider" class="inspiro-slider slider-fullscreen dots-creative" data-fade="true">
<!-- Slide 1 -->
<div class="slide kenburns" data-bg-image="images/slider/finland.jpeg">
<div class="bg-overlay"></div>
<div class="container">
<div class="slide-captions text-center text-light">
<!-- Captions -->
<h1>WELCOME TO PRIVATE VOID</h1>
<p>
We make it simple to launch in the cloud and scale up as you grow with an intuitive
platform, predictable automatic scaling, and more.
</p>
<div>
<a href="#welcome" class="btn scroll-to">Explore more</a>
</div>
<!-- end: Captions -->
</div>
</div>
</div>
<!-- end: Slide 1 -->
</div>
<!--end: Inspiro Slider -->
<!-- WELCOME -->
<div id="welcome" style="background-image:url(images/parallax/7.jpg)"
class="call-to-action p-t-100 p-b-100 background-image mb-0">
<div class="container">
<div class="row">
<div class="col-lg-10">
<h3 class="text-light">
Get apps to market faster.
</h3>
<p class="text-light">
Use a simple, intuitive, and visually rich experience to rapidly build, deploy, manage, and
scale apps.
</p>
</div>
<div class="col-lg-2">
<a href="#what-we-do" class="btn btn-light btn-outline scroll-to">Learn more</a>
</div>
</div>
</div>
</div>
<section class="p-t-60">
<div class="container">
<div class="heading-text heading-section text-center">
<h4>Innovative businesses trust Private Void</h4>
</div>
<div class="carousel client-logos" data-items="6" data-items-sm="4" data-items-xs="3" data-items-xxs="2"
data-margin="20" data-arrows="false" data-autoplay="true" data-autoplay="3000" data-loop="true">
<div>
<a href="https://kokaido.privatevoid.net"><img alt="" src="images/clients/1.png"> </a>
</div>
<div>
<a href="https://soda.privatevoid.net"><img alt="" src="images/clients/2.png"> </a>
</div>
<div>
<a href="#animus"><img alt="" src="images/clients/4.png"> </a>
</div>
<div>
<a href="#htbank"><img alt="" src="images/clients/3.png"> </a>
</div>
<div>
<a href="#weyland"><img alt="" src="images/clients/5.png"> </a>
</div>
<div>
<a href="#dimolto"><img alt="" src="images/clients/11.png"> </a>
</div>
<div>
<a href="#gensec"><img alt="" src="images/clients/7.png"> </a>
</div>
<div>
<a href="#wayne"><img alt="" src="images/clients/8.png"> </a>
</div>
<div>
<a href="#kerbodyne"><img alt="" src="images/clients/9.png"> </a>
</div>
</div>
</div>
</section>
<!-- end: WELCOME -->
<!-- WHO WE ARE -->
<section id="who-we-are" class="background-grey">
<div class="container">
<div class="heading-text heading-section text-center">
<h2>OUR TEAM</h2>
<span class="lead">Two men set on a quest</span>
</div>
<div class="row team-members team-members-shadow m-b-40">
<div class="col-lg-6">
<div class="team-member">
<div class="team-image">
<img src="images/team/alex.jpg">
</div>
<div class="team-desc">
<h3>Alex</h3>
<span>Software Developer &amp; Co-CEO</span>
<p></p>
<div class="align-center">
<a class="btn btn-xs btn-slide btn-light" href="#">
<i class="fab fa-facebook-f"></i>
<span>Facebook</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="#" data-width="100">
<i class="fab fa-twitter"></i>
<span>Twitter</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="#" data-width="118">
<i class="fab fa-instagram"></i>
<span>Instagram</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="mailto:alex@privatevoid.net" data-width="80">
<i class="icon-mail"></i>
<span>Mail</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="team-member">
<div class="team-image">
<img src="images/team/max.jpg">
</div>
<div class="team-desc">
<h3>Max</h3>
<span>Systems Engineer &amp; Co-CEO</span>
<p></p>
<div class="align-center">
<a class="btn btn-xs btn-slide btn-light" href="#">
<i class="fab fa-facebook-f"></i>
<span>Facebook</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="#" data-width="100">
<i class="fab fa-twitter"></i>
<span>Twitter</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="#" data-width="118">
<i class="fab fa-instagram"></i>
<span>Instagram</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="mailto:max@privatevoid.net" data-width="80">
<i class="icon-mail"></i>
<span>Mail</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END WHO WE ARE -->
<!-- WHAT WE DO -->
<section id="what-we-do">
<div class="container">
<div class="heading-text heading-section text-center">
<h2>WHAT WE DO</h2>
<span class="lead">
Our optimized configuration process saves your team time when running and scaling distributed
applications, AI &amp; machine learning workloads, hosted services, client websites, or CI/CD
environments.
</span>
</div>
<div class="row">
<div class="col-lg-4">
<div data-animate="fadeInUp" data-animate-delay="0">
<h4>Innovative technologies</h4>
<p>
</p>
</div>
</div>
<div class="col-lg-4">
<div data-animate="fadeInUp" data-animate-delay="200">
<h4>Flexible server systems</h4>
<p>
With Basic, General Purpose, CPU-optimized or Memory-optimized servers, you can choose
the perfect setup for your workload.
</p>
</div>
</div>
<div class="col-lg-4">
<div data-animate="fadeInUp" data-animate-delay="400">
<h4>The Void</h4>
<p>
We, at Private Void Enterprises, offer highly secure, always available &amp; fast storage
for your application data as well as personal or shared documents, all at an affordable
price.
</p>
</div>
</div>
<div class="col-lg-4">
<div data-animate="fadeInUp" data-animate-delay="600">
<h4><a href="https://gentoo.org/">Gentoo Linux</a></h4>
<p>
Besides our in-house operating system Private Void Enterprise Linux, we also use Gentoo
Linux as a reliable operating system for our scalable server structure.
</p>
</div>
</div>
<div class="col-lg-4">
<div data-animate="fadeInUp" data-animate-delay="800">
<h4><a href="https://nixos.org/">Nix</a></h4>
<p>
Ensuring perfect control of our build processes, Nix is our build tool of choice.
Declarative and reproducible builds are paramount to successful software.
</p>
</div>
</div>
<div class="col-lg-4">
<div data-animate="fadeInUp" data-animate-delay="1000">
<h4>Communities and projects</h4>
<p>
We provide hosting and support services to a variety of communities and personal project
creators.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- END WHAT WE DO -->
<section id="section3" class="background-grey">
<div class="container">
<div class="col-lg-8 m-b-100 center">
<div class="heading-text heading-section text-center">
<h4>See by yourself</h4>
<h2>The most affordable pricing</h2>
<p>
Virtual machines with a healthy balance of memory and dedicated compute hyper-threads from
best-in-class processors. Designed for the widest range of mainstream or production
workloads, including web application hosting, e-commerce sites, medium-sized databases, and
enterprise applications.
</p>
</div>
</div>
<hr class="space">
<div class="row pricing-table">
<div class="col-lg-4 col-md-12 col-12">
<div class="plan">
<div class="plan-header">
<h4>Performance Plan</h4>
<p class="text-muted">For heavier workloads</p>
<div class="plan-price"><sup>$</sup>9999<span>/mo</span> </div>
</div>
<div class="plan-list">
<ul>
<li><i class="fas fa-globe-americas"></i>Unlimited Websites</li>
<li><i class="fas fa-thumbs-up"></i>Unlimited Storage</li>
<li><i class="fas fa-signal"></i>Unlimited Bandwidth</li>
<li><i class="fas fa-user"></i>1000 Email Addresses</li>
<li><i class="fas fa-star"></i>Free domain</li>
<li><i class="fas fa-rocket"></i>4X Processing Power</li>
<li><i class="fas fa-server"></i>Premium DNS</li>
</ul>
<div class="plan-button">
<a href="#" class="btn btn-light">Buy Now</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-12">
<div class="plan featured">
<div class="plan-header">
<h4>Plain Plan</h4>
<p class="text-muted">He does it</p>
<div class="plan-price"><sup>$</sup>43<span>/mo</span> </div>
</div>
<div class="plan-list">
<ul>
<li><i class="fas fa-globe-americas"></i>Unlimited Websites</li>
<li><i class="fas fa-thumbs-up"></i>Unlimited Storage</li>
<li><i class="fas fa-signal"></i>Unlimited Bandwidth</li>
<li><i class="fas fa-user"></i>1000 Email Addresses</li>
<li><i class="fas fa-star"></i>Free domain</li>
<li><i class="fas fa-rocket"></i>Dedicated Processors</li>
<li><i class="fas fa-server"></i>Premium DNS</li>
</ul>
<div class="plan-button">
<a href="#" class="btn">Buy Now</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-12">
<div class="plan">
<div class="plan-header">
<h4>Cope Plan</h4>
<p class="text-muted">Some men never compromise</p>
<div class="plan-price"><sup>$</sup>69<span>/mo</span> </div>
</div>
<div class="plan-list">
<ul>
<li><i class="fas fa-globe-americas"></i>Unlimited Websites</li>
<li><i class="fas fa-thumbs-down"></i>Unlimited Cope</li>
<li><i class="fas fa-signal"></i>Unlimited Bandwidth</li>
<li><i class="fas fa-user"></i>3000 Email Addresses</li>
<li><i class="fas fa-star"></i>He does it for free</li>
<li><i class="fas fa-rocket"></i>8X Processing Power</li>
<li><i class="fas fa-server"></i>Premium DNS</li>
</ul>
<div class="plan-button">
<a href="#honk" class="btn btn-light" onclick="document.honk()">Honk Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<div class="call-to-action call-to-action-dark p-t-100 p-b-100 mb-0">
<div class="container">
<div class="row">
<div class="col-lg-10">
<h3 class="text-light">
Ready to get your apps to market faster?
</h3>
<p class="text-light">
Build more and spend less time managing your infrastructure.
</p>
</div>
<div class="col-lg-2">
<a class="btn btn-light btn-outline">Call us now!</a>
</div>
</div>
</div>
</div>
<footer id="footer">
<div class="copyright-content">
<div class="container">
<div class="copyright-text text-center">
&copy; 2021 Private Void - All Rights Reserved.
</div>
</div>
</div>
</footer>
<!-- end: Footer -->
</div>
<!-- end: Body Inner -->
<!-- Scroll top -->
<a id="scrollTop"><i class="icon-chevron-up"></i><i class="icon-chevron-up"></i></a>
<!--Plugins-->
<script src="js/jquery.js"></script>
<script src="js/plugins.js"></script>
<!--Template functions-->
<script src="js/functions.js"></script>
<!--Magic touch-->
<script src="js/hesoyam.min.js"></script>
</body>
</html>