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

425 lines
14 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 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>