wireframe of the website

This commit is contained in:
Gary 2023-11-09 19:12:20 -08:00
parent 4aa9a30105
commit 98ca88d20e
2 changed files with 446 additions and 161 deletions

View File

@ -3,10 +3,9 @@
}
body {
background: #121212;
background: whitesmoke;
margin: 0;
padding: 0;
min-height: 100vh;
}
header {
padding: 0;
@ -26,35 +25,36 @@ main {
display: flex;
align-items: center;
color: var(--text-color);
padding: 20px;
margin: 10px;
padding: 100px 5px 100px 5px;
text-align: center;
min-height: 50vh;
justify-content: space-evenly;
border-bottom: 1px solid rgb(0, 0, 0);
justify-content: center;
border-bottom: 3px solid rgb(151, 151, 151);
}
.flex-row {
flex: 100%;
flex-direction: row;
display: flex;
color: var(--text-color);
padding: 20px;
margin: 10px;
text-align: center;
border-radius: 5px;
flex-wrap: wrap;
justify-content: center;
justify-content: space-evenly;
}
.flex-container {
padding: 5rem;
margin: 10px;
padding: 5px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
flex: 1 1 0;
}
footer {
color: var(--text-color);
background-color: gray;
text-align: center;
padding: 1rem;
flex: 1;
@ -64,10 +64,18 @@ footer {
}
h1,
h2,
h3,
h4,
p {
color: white;
h3 {
color: #1c1c1c;
text-align: left;
margin: 5px;
padding: 5px;
}
p,
ul {
color: #1c1c1c;
text-align: left;
margin: 5px;
padding: 5px;
}
a {
@ -136,6 +144,59 @@ a {
box-shadow: #00bcf3 0 0 0 3px, transparent 0 0 0 0;
}
.button-3 {
margin: 2rem;
align-items: center;
appearance: none;
background-image: radial-gradient(
100% 100% at 100% 0,
#444444 0,
#1d1d1d 100%
);
border: 0;
border-radius: 100px;
box-shadow: rgba(48, 46, 53, 0.4) 0 2px 4px,
rgba(45, 35, 66, 0.3) 0 7px 13px -3px, rgba(70, 71, 78, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-flex;
font-family: "JetBrains Mono", monospace;
height: 48px;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
padding-left: 16px;
padding-right: 16px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow 0.15s, transform 0.15s, color 0.2s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow, transform;
font-size: 18px;
}
.button-3:focus {
box-shadow: #000000 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px,
rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #242424 0 -3px 0 inset;
}
.button-3:hover {
box-shadow: #00baf35b 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px 3px,
#000000 0 -3px 0 inset;
transform: translateY(-2px);
color: #00bcf3;
}
.button-3:active {
box-shadow: #242424 0 3px 7px inset;
transform: translateY(-2px);
}
/* Menu */
.menu {
margin: 0 auto;
@ -144,16 +205,18 @@ a {
align-content: center;
flex-direction: row;
flex-wrap: wrap;
z-index: 100;
}
nav {
margin: 50px 0;
background-color: #2c2c2c;
margin: 30px 0 0 0;
background-color: black;
display: flex;
align-content: space-around;
justify-content: center;
flex: 1;
flex-wrap: wrap;
z-index: 100;
}
nav ul {
@ -169,7 +232,7 @@ nav ul {
nav ul li {
display: flex;
background-color: #2c2c2c;
background-color: black;
}
nav a {
@ -195,7 +258,7 @@ nav a {
nav ul ul {
display: none;
position: absolute;
top: 130px; /* Adjust the height of the main nav */
top: 120px; /* Adjust the height of the main nav */
}
/* Display Dropdowns on Hover */

View File

@ -24,11 +24,11 @@
<body>
<header>
<div class="menu">
<div class="menu slide-down">
<nav>
<a class="logo" href="#"
<a class="logo" href="/index.html"
><img
src="./assets/last_hour_hosting_logo.png"
src="./assets/last_hour_hosting_logo_blue.png"
alt="Last Hour Hosting Logo"
/></a>
<input id="_1" type="checkbox" />
@ -41,23 +41,23 @@
/></label>
<ul class="menu-items">
<li>
<a href="#">Services</a>
<a href="/services.html">Services</a>
<ul>
<li><a href="#">VPS Hosting</a></li>
<li><a href="#">Shared Hosting</a></li>
<li><a href="#">Managed Hosting</a></li>
<li><a href="#">DDoS Protection</a></li>
<li><a href="/vps-hosting.html">VPS Hosting</a></li>
</ul>
</li>
<li>
<a href="#">Features</a>
<ul>
<li><a href="#">Resources</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Data Center Locations</a></li>
<li><a href="#">Control Panel</a></li>
<li><a href="#">Advanced Networking</a></li>
<li><a href="#">Upload ISO</a></li>
<li><a href="#">Operating System</a></li>
<li><a href="#">Compliances</a></li>
</ul>
</li>
<li><a href="#">Pricing</a></li>
<li><a href="/vps-hosting.html">Pricing</a></li>
<li>
<a href="#">Company</a>
<ul>
@ -68,8 +68,16 @@
</ul>
</li>
<li><a href="#">Contact Sales</a></li>
<li><a class="button-2" href="#">Log in</a></li>
<li><a class="button-1" href="#">Sign up</a></li>
<li>
<a class="button-2" href="https://my.lasthourhosting.org/login"
>Log in</a
>
</li>
<li>
<a class="button-1" href="https://my.lasthourhosting.org/signup"
>Sign up</a
>
</li>
</ul>
</nav>
</div>
@ -77,69 +85,98 @@
<main>
<div class="flex-column">
<h1>Welcome to Last Hour Hosting</h1>
<h1>Uncompromising Christian web hosting for the last hour.</h1>
<p>
Experience the power of uncensored, uncompromising Christian web
hosting.
At Last Hour Hosting there's a plan for you with our secure,
anonymous, censorship resistant hosting solutions.
</p>
<a
class="button-1"
class="button-3"
role="button"
href="https://my.lasthourhosting.org/signup "
>Create Account</a
>
<div class="flex-row">
<div class="flex-container">
<h2>Open Source</h2>
<ul>
<li>
At Last Hour Webhosting we support and use only unlicensed
open-source software.
</li>
<li>
We have nothing to hide, review and contribute code at
githaven.org
</li>
<li>
Building with TOR and other alt-internet frameworks in mind.
</li>
</ul>
</div>
<div class="flex-container">
<h2>Censorship Resistant</h2>
<ul>
<li>We won't censor Christianity (see our TOS.)</li>
<li>Zero KYC account creation</li>
<li>Payment through crypto currencies.</li>
<li>Data privacy respecting server locations.</li>
</ul>
</div>
<div class="flex-container">
<h2>Solid Support</h2>
<ul>
<li>Experienced support help offering custom setups.</li>
<li>
Option for anonymous/encrypted support through Session app.
</li>
<li>Easy built-in Dashboard ticketing support.</li>
</ul>
</div>
</div>
</div>
<div class="flex-column">
<h2>Our Services</h2>
<div class="flex-row">
<div class="flex-container">
<h2>VPS Hosting</h2>
<p>Description of this service.</p>
<h3>VPS Hosting</h3>
<p>
Create a secure environment for your application. Enjoy choosing
the operating system, free DDoS protection and our other options
and tools.
</p>
<ul>
<li>Hosted in secure Tier III+ Datacenter.</li>
<li>Flexible Proxmox GUI access.</li>
<li>Bring your own ISO.</li>
<li>KVM Hypervisor</li>
<li>Comes with Advanced DDoS filtering up to 1Tbps.</li>
<li>Full data encryption.</li>
<li>Dedicated IPV4 and IPV6.</li>
<li>KVM Hypervisor</li>
<li>
Zero KYC required when paying through bitcart or using virtual
card provider.
</li>
</ul>
<a
class="button-1"
class="button-3"
role="button"
href="https://my.lasthourhosting.org/signup "
>Create Account</a
>
</div>
<div class="flex-container">
<h3>Shared Hosting</h3>
<p>Description of this service.</p>
<a
class="button-1"
role="button"
href="https://my.lasthourhosting.org/signup "
>Create Account</a
>
</div>
<div class="flex-container">
<h3>Managed Hosting</h3>
<p>Description of this service.</p>
<a
class="button-1"
role="button"
href="https://my.lasthourhosting.org/signup "
>Create Account</a
>
</div>
<div class="flex-container">
<h3>DDoS Protection</h3>
<p>Description of this service.</p>
<a
class="button-1"
role="button"
href="https://my.lasthourhosting.org/signup "
>Create Account</a
>See Options</a
>
</div>
<div class="flex-container">
<h3>Data Migration</h3>
<p>Description of this service.</p>
<p>
We would love to assist you in migrating your assets over to our
systems. Contact us today for a quote.
</p>
<a
class="button-1"
class="button-3"
role="button"
href="https://my.lasthourhosting.org/signup "
>Create Account</a
>Get Quote</a
>
</div>
</div>
@ -149,40 +186,190 @@
<div class="flex-row">
<div class="flex-container">
<h3>Iceland Offshore</h3>
<p>Secure high-end servers</p>
<a
class="button-1"
role="button"
href="https://my.lasthourhosting.org/signup "
>Create Account</a
<p>
Secure high-end virtual servers in a Reykjavík Iceland Tier III+
Datacenter outside the five eyes.
</p>
<a class="button-3" role="button" href="/vps-hosting.html"
>See Options</a
>
</div>
<div class="flex-container">
<h3>Romania (Coming soon)</h3>
<p>Description of this service.</p>
<p>Request this location.</p>
<a
class="button-1"
class="button-3"
role="button"
href="https://my.lasthourhosting.org/signup "
>Request this location.</a
>Request</a
>
</div>
<div class="flex-container">
<h3>Finland (Coming soon)</h3>
<p>Description of this service.</p>
<p>Request this location.</p>
<a
class="button-1"
class="button-3"
role="button"
href="https://my.lasthourhosting.org/signup "
>Request this location.</a
>Request</a
>
</div>
</div>
</div>
<div class="flex-column"><h2>But Why Use Us?</h2></div>
<div class="flex-column"><h2>Frequently Asked Questions</h2></div>
<div class="flex-column">
<h2>But Why Use Us?</h2>
<div class="flex-container">
<h3>Christ Centered</h3>
<p>
When you choose Last Hour Hosting, you're not just investing in
top-notch hosting services you're contributing to a higher
purpose. We are proud to declare that 100% of our profits are
dedicated to reforming technology in the name of Jesus. Your support
fuels meaningful change, enabling us to advance technology with a
purpose, spreading the Gospel, Christ's love, and compassion. Join
us as we seek to keep the Gospel online and uncensored by Satan.
</p>
<h3>Your Privacy is Important to Us</h3>
<p>
At Last Hour Hosting, your security and anonymity are our top
priorities. Unlike other hosting providers, we don't demand
intrusive personal details or identification documents. Your trust
is all we need a valid email address is sufficient to welcome you
as our esteemed customer. For enhanced privacy, we recommend
utilizing reputable anonymous email forwarding services such as
addy.io. Your peace of mind matters, and at Last Hour Hosting, we
guarantee a seamless, secure, and private hosting experience
tailored exclusively for you.
</p>
<h3>Scalable</h3>
<p>
Start small and dream big. Our hosting solutions are designed to
evolve with your aspirations. Whether you begin with a modest VPS
hosting account or have ambitions for a large, custom server setup,
we are here to scale with you. Our flexible and scalable hosting
services ensure that your online presence expands seamlessly as your
needs grow. let us empower your journey from humble beginnings to
monumental achievements.
</p>
<h3>Solid Support</h3>
<p>
We offer a variety of personalized support channels to cater to your
specific security requirements. Whether you prefer the Session app,
the convenience of your personalized account ticketing dashboard, or
the ease of communication through email, we have you covered. Our
team is ready to assist you through the channel that best aligns
with your preferences, ensuring that you receive unparalleled
assistance whenever you need it.
</p>
<h3>Full Access</h3>
<p>
We believe in empowering our customers with unparalleled control
over their hosting environment. With our VPS plans, you enjoy full
root access and kernel control, giving you the freedom to customize
your hosting experience according to your unique requirements. This
level of access grants you the ability to optimize performance,
enhance security, and tailor your hosting setup precisely to your
needs.
</p>
<h3>Secure</h3>
<p>
Rest assured, with Last Hour Hosting, your data is not just secure
it's fortified by cutting-edge solutions and a team of professionals
dedicated to your peace of mind."
</p>
<h3>Open-Source</h3>
<p>
Last Hour Hosting stands out as a pioneering web hosting platform
committed to the extensive use and support of nearly 100% open
source software. We say nearly because we haven't found a way to
integrate fiat currency yet. This dedication ensures that we remain
independent, free from third-party control. By harnessing the
independence of open source solutions, we provide you with
unparalleled hosting services, marked by innovation, flexibility,
and the absence of external constraints.
</p>
<h3>Censorship Resistant</h3>
<p>
We've meticulously crafted our platform from scratch, ensuring
unparalleled censorship resistance. Our robust infrastructure is
designed to withstand attempts at restriction, standing as a beacon
of resistance against adversities. In the final hour, when
challenges arise, trust us to be your steadfast ally, resilient
against attempts to compromise our values. Together, we stand strong
against adversity, upholding our commitment to unwavering freedom in
Christ.
</p>
</div>
</div>
<div class="flex-column">
<h2>Frequently Asked Questions</h2>
<div class="flex-container">
<h3>What is required for the sign-up process?</h3>
<p>
Your privacy is of utmost importance to us, and we respect it by not
requiring any personal information or identification. All you need
is a valid email address, which will serve as our primary means of
communication with you. This ensures convenient and secure
interactions at your convenience.
</p>
<h3>Is it possible to remove my account if it's no longer needed?</h3>
<p>
Definitely. As per the GDPR guidelines, you have the right to ask
for the deletion of your personal data at any time. We fully respect
this right and will promptly erase all your personal information
from our system upon your request.
</p>
<h3>Do I pay in advance?</h3>
<p>
Our services operate on a prepaid basis, staying active throughout
the duration covered by your payment. You have the freedom to cancel
your service at any time by not covering upcoming bills. This
flexibility allows you to manage your services according to your
needs, without being bound by long-term commitments.
</p>
<h3>What does it mean that you're Open-Source?</h3>
<p>
At Last Hour we support and use only open-source software. This
means that we're not beholden to third-parties if they disagree with
our statement of faith or desire to silence us. It also means
complete transparency with you as our users, you are welcome to take
a look at our platform code, contribute, find bugs, make sure your
data is safe. Many of the libraries we use offer bug bounty
programs.
</p>
<h3>
Is there any type of software/service that Last Hour will not host?
</h3>
<p>
As a Christian webhosting company Last Hour Hosting does not allow
in any case: Defamation or mockery of Jesus Christ or the Gospel
message, Malicious Activities, Any activity related to spam (relays,
sites, links, proxy), Netscan/portscan activities, adult content,
DDoS originations of any kind, Malware distribution, hacking
attempts (e.g., SQL injection attacks, remote code execution)
Operating or participating in a botnet, doorway pages, or carding
activities Phishing, scam or impersonation platforms for stealing
information/money (e.g., credit card, password scam sites, fake
cryptocurrency exchanges) Impersonation platforms (e.g., eBay,
PayPal, or any other known institutions) Illegal and Harmful Content
Hosting or sharing child pornography Selling pharmaceuticals without
a license Sharing or distributing materials related to terrorism
Doxxing: revealing or sharing personal and private information
without consent (privacy violation) Server Abuse Chia mining on our
services.
</p>
</div>
</div>
<div class="flex-column">
<div class="flex-container">
<h2>Questions? Not sure what to choose?</h2>
<a
class="button-3"
role="button"
href="https://my.lasthourhosting.org/signup "
>Contact Us</a
>
</div>
</div>
<div class="flex-column">
<h2>Supported Payments</h2>
@ -191,79 +378,34 @@
<h3>Cryptocurrencies Recommended</h3>
<p>
We recommend you use crypto to gain full anonymity. We currently
support payments with cryptocurrencies such as:
support payments with cryptocurrencies such as: Monero, Bitcoin
LN, Etherium.
</p>
<h3>Monero</h3>
<h3>Bitcoin LN</h3>
<h3>Etherium</h3>
</div>
<div class="flex-container">
<h3>Credit Card Payments Also Available</h3>
<p>
We fully support payments from the all major credit card
providers. As well as direct bank transfers from UK, US, EU and PL
bank accounts. It is recommended to utilize a virtual card service
to preserve anonymity with us.
We fully support payments from all major credit card providers. As
well as direct bank transfers from UK, US, EU and PL bank
accounts. It is recommended to utilize a virtual card service to
preserve anonymity with us.
</p>
</div>
</div>
</div>
</main>
<footer>
<div class="flex-row">
<div class="flex-container">
<h3>Products</h3>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Product 1</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Product 2</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Product 2</p></a
>
</div>
<div class="flex-container">
<h3>Features</h3>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Product 1</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Product 2</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Product 2</p></a
>
</div>
<div class="flex-container">
<h3>Resources</h3>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Product 1</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Product 2</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Product 2</p></a
>
</div>
<div class="flex-container">
<h3>Company</h3>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Product 1</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Product 2</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Product 2</p></a
>
</div>
</div>
<div class="flex-container">
<a class="logo" href="#"
><img
src="./assets/last_hour_hosting_logo.png"
alt="Last Hour Hosting Logo"
/></a>
<p>&copy; 2023-2024 LASTHOURHOSTING.ORG. ALL RIGHTS RESERVED.</p>
</div>
<div class="flex-container">
<div class="flex-row">
<div>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Terms of Service</p></a
>
@ -276,11 +418,91 @@
<a href="https://lasthourhosting.org/legal/cookie-policy"
><p>Cookie Policy</p></a
>
<a href="https://lasthourhosting.org/canary"><p>Warrant Canary</p></a>
</div>
<div>
<a href="https://lasthourhosting.org/canary"
><p>Warrant Canary</p></a
>
<a href="https://status.lasthourhosting.org"><p>Status</p></a>
<a href="https://status.lasthourhosting.org"><p>Onion(TOR)</p></a>
<a href="https://status.lasthourhosting.org"><p>Hyphanet</p></a>
</div>
</div>
</div>
<div class="flex-row">
<div>
<h3>Products</h3>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>VPS Hosting</p></a
>
</div>
<div>
<h3>Features</h3>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Data Center Locations</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Control Panel</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Advanced Networking</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Upload ISO</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Operating System</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Compliances</p></a
>
</div>
<div>
<h3>Resources</h3>
<a href="https://lasthourhosting.org/legal/use-policy"><p>FAQ</p></a>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Developers / APIs</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Server Status</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Bug Bounty</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Coupons</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Competitions</p></a
>
</div>
<div>
<h3>Company</h3>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Our Team</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"><p>News</p></a>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Brand Assets</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Referral Program</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Creator Program</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Careers</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"><p>SLA</p></a>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Legal</p></a
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>Contact</p></a
>
</div>
</div>
</footer>
</body>
</html>