packages/landing: re-initialize with old website
This commit is contained in:
parent
cbf4468e41
commit
3fdf7446f8
9 changed files with 854 additions and 7 deletions
|
@ -0,0 +1,70 @@
|
|||
<!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 | Sign in</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">
|
||||
<style>
|
||||
.logo-dark {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 40px;
|
||||
color: #1f1f1f;
|
||||
font-weight: 800;
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
.error {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 50px;
|
||||
color: #2f2f2f;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Inner -->
|
||||
<div class="body-inner">
|
||||
<!-- Section -->
|
||||
<section class="fullscreen" data-bg-parallax="images/austrian-alps.jpg">
|
||||
<div class="container">
|
||||
<div>
|
||||
<div class="text-center m-b-30">
|
||||
<a href="index.html" class="text-center">
|
||||
<span class="logo-dark">VOID</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-5 center p-50 background-white b-r-6">
|
||||
<h1 class="error">404</h1>
|
||||
<p>
|
||||
The resource you requested could not be located.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end: Section -->
|
||||
</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>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,70 @@
|
|||
<!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 | Sign in</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">
|
||||
<style>
|
||||
.logo-dark {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 40px;
|
||||
color: #1f1f1f;
|
||||
font-weight: 800;
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
.error {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 50px;
|
||||
color: #2f2f2f;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Inner -->
|
||||
<div class="body-inner">
|
||||
<!-- Section -->
|
||||
<section class="fullscreen" data-bg-parallax="images/austrian-alps.jpg">
|
||||
<div class="container">
|
||||
<div>
|
||||
<div class="text-center m-b-30">
|
||||
<a href="index.html" class="text-center">
|
||||
<span class="logo-dark">VOID</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-5 center p-50 background-white b-r-6">
|
||||
<h1 class="error">500</h1>
|
||||
<p>
|
||||
The server has encountered an unexpected error.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end: Section -->
|
||||
</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>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,70 @@
|
|||
<!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 | Sign in</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">
|
||||
<style>
|
||||
.logo-dark {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 40px;
|
||||
color: #1f1f1f;
|
||||
font-weight: 800;
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
.error {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 50px;
|
||||
color: #2f2f2f;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Inner -->
|
||||
<div class="body-inner">
|
||||
<!-- Section -->
|
||||
<section class="fullscreen" data-bg-parallax="images/austrian-alps.jpg">
|
||||
<div class="container">
|
||||
<div>
|
||||
<div class="text-center m-b-30">
|
||||
<a href="index.html" class="text-center">
|
||||
<span class="logo-dark">VOID</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-5 center p-50 background-white b-r-6">
|
||||
<h1 class="error">502</h1>
|
||||
<p>
|
||||
The backend is not available.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end: Section -->
|
||||
</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>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,70 @@
|
|||
<!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 | Sign in</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">
|
||||
<style>
|
||||
.logo-dark {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 40px;
|
||||
color: #1f1f1f;
|
||||
font-weight: 800;
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
.error {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 50px;
|
||||
color: #2f2f2f;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Inner -->
|
||||
<div class="body-inner">
|
||||
<!-- Section -->
|
||||
<section class="fullscreen" data-bg-parallax="images/austrian-alps.jpg">
|
||||
<div class="container">
|
||||
<div>
|
||||
<div class="text-center m-b-30">
|
||||
<a href="index.html" class="text-center">
|
||||
<span class="logo-dark">VOID</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-5 center p-50 background-white b-r-6">
|
||||
<h1 class="error">504</h1>
|
||||
<p>
|
||||
The backend could not fulfill the request in time.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end: Section -->
|
||||
</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>
|
||||
</body>
|
||||
|
||||
</html>
|
425
packages/websites/landing/layouts/_default/index.html
Normal file
425
packages/websites/landing/layouts/_default/index.html
Normal file
|
@ -0,0 +1,425 @@
|
|||
<!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 & 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 & 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 & 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 & 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">
|
||||
© 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>
|
|
@ -1,16 +1,17 @@
|
|||
{ lib, pkgs, self', ... }:
|
||||
let
|
||||
theme = self'.packages.gohugo-theme-ananke;
|
||||
themeName = "ananke";
|
||||
|
||||
themesDir = "${theme}/share/hugo/themes";
|
||||
|
||||
configFile = pkgs.writeText "hugo-config.json" (builtins.toJSON {
|
||||
title = "Private Void | Zero-maintenance perfection";
|
||||
baseURL = "https://www.privatevoid.net/";
|
||||
languageCode = "en-us";
|
||||
theme = themeName;
|
||||
inherit themesDir;
|
||||
disableKinds = [
|
||||
"page"
|
||||
"RSS"
|
||||
"section"
|
||||
"sitemap"
|
||||
"taxonomy"
|
||||
"taxonomyTerm"
|
||||
];
|
||||
});
|
||||
hugoArgs = [
|
||||
"--config" configFile
|
||||
|
|
8
packages/websites/landing/static/css/custom.css
Normal file
8
packages/websites/landing/static/css/custom.css
Normal file
|
@ -0,0 +1,8 @@
|
|||
/*
|
||||
|
||||
1. Add your custom Css styles below
|
||||
2. Place the this code in your template:
|
||||
|
||||
<link href="css/custom.css" rel="stylesheet">
|
||||
|
||||
*/
|
125
packages/websites/landing/static/css/fonts.css
Normal file
125
packages/websites/landing/static/css/fonts.css
Normal file
|
@ -0,0 +1,125 @@
|
|||
/* ----------------------------------------------------------------------
|
||||
Base Colors
|
||||
-------------------------------------------------------------------------*/
|
||||
/*Background colors*/
|
||||
/*Typography*/
|
||||
/*Font*/
|
||||
/*Header*/
|
||||
/*Side Panel*/
|
||||
/*Page Titile*/
|
||||
/*Margins*/
|
||||
/*Transitions*/
|
||||
/* ------------------------------------------------------------------------ Fonts - Find/Replace your website fonts with your custom font name.
|
||||
-------------------------------------------------------------------------*/
|
||||
/*Body*/
|
||||
body {
|
||||
font-size: 1em;
|
||||
font-family: "Nunito", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
/*Paragraphs*/
|
||||
p {
|
||||
font-family: "Nunito", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
/*Headings*/
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
/*Main Menu*/
|
||||
#mainMenu nav>ul>li>a {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.6px;
|
||||
}
|
||||
|
||||
#mainMenu nav>ul>li .dropdown-menu>li>a,
|
||||
#mainMenu nav>ul>li .dropdown-menu>li>span,
|
||||
#mainMenu nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.header-extras>ul>li>a:not(.btn),
|
||||
.header-extras>ul>li .topbar-dropdown>.title {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/*Page Menu*/
|
||||
.page-menu nav>ul>li {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
.page-menu nav>ul>li .dropdown-menu {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
/*Sidebar Menu*/
|
||||
.sidebar-menu {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
/*Buttons*/
|
||||
button,
|
||||
a.btn:not([href]):not([tabindex]),
|
||||
.btn {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
/*slider*/
|
||||
.inspiro-slider .slide .slide-captions .strong {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
/*Page Title*/
|
||||
#page-title .page-title>h1 {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
font-size: 44px;
|
||||
line-height: 56px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/*Footer*/
|
||||
#footer {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
#footer p {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
#footer .widget .widget-title,
|
||||
#footer .widget h4 {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
font-size: 14px;
|
||||
letter-spacing: 1px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#footer .widget .widget-title ul li a,
|
||||
#footer .widget h4 ul li a {
|
||||
font-family: "Poppins", "Helvetica", "Arial", sans-serif;
|
||||
font-size: 15px;
|
||||
}
|
8
packages/websites/landing/static/js/custom.js
Normal file
8
packages/websites/landing/static/js/custom.js
Normal file
|
@ -0,0 +1,8 @@
|
|||
/*
|
||||
|
||||
1. Add your custom JavaScript code below
|
||||
2. Place the this code in your template:
|
||||
|
||||
|
||||
|
||||
*/
|
Loading…
Reference in a new issue