commit 4aa9a30105ed86dee8134bb38a49ae82ea9ec999 Author: Gary Date: Fri Nov 3 14:39:59 2023 -0700 first commit diff --git a/README.md b/README.md new file mode 100644 index 0000000..e69de29 diff --git a/assets/favicon.ico b/assets/favicon.ico new file mode 100644 index 0000000..fd91270 Binary files /dev/null and b/assets/favicon.ico differ diff --git a/assets/last_hour_hosting_logo.png b/assets/last_hour_hosting_logo.png new file mode 100644 index 0000000..eca1a38 Binary files /dev/null and b/assets/last_hour_hosting_logo.png differ diff --git a/assets/lightbulb.png b/assets/lightbulb.png new file mode 100644 index 0000000..b2e5424 Binary files /dev/null and b/assets/lightbulb.png differ diff --git a/assets/list.png b/assets/list.png new file mode 100644 index 0000000..c1eceda Binary files /dev/null and b/assets/list.png differ diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..14090b6 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,288 @@ +* { + font-family: DejaVu Sans, Helvetica, sans-serif; +} + +body { + background: #121212; + margin: 0; + padding: 0; + min-height: 100vh; +} +header { + padding: 0; + margin: 0; +} +main { + flex: 1; + display: flex; + flex-wrap: wrap; + justify-content: space-around; + align-items: flex-start; + padding: 20px; +} +.flex-column { + flex: 100%; + flex-direction: column; + display: flex; + align-items: center; + color: var(--text-color); + padding: 20px; + margin: 10px; + text-align: center; + min-height: 50vh; + justify-content: space-evenly; + border-bottom: 1px solid rgb(0, 0, 0); +} +.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; +} +.flex-container { + padding: 5rem; + display: flex; + flex-wrap: wrap; + flex-direction: column; + justify-content: space-evenly; + align-items: center; +} +footer { + color: var(--text-color); + text-align: center; + padding: 1rem; + flex: 1; + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; +} +h1, +h2, +h3, +h4, +p { + color: white; +} + +a { + color: white; + text-decoration: none; +} + +.button-1 { + align-items: center; + background-color: #fff; + border-radius: 12px; + box-shadow: transparent 0 0 0 3px, rgba(18, 18, 18, 0.1) 0 6px 20px; + box-sizing: border-box; + color: #121212; + cursor: pointer; + display: flex; + flex: 0 0 auto; + font-family: Inter, sans-serif; + font-size: 1.2rem; + font-weight: 700; + justify-content: center; + line-height: 1; + margin: 1rem; + outline: none; + padding: 1rem 1.2rem; + text-align: center; + text-decoration: none; + transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; + white-space: nowrap; + border: 0; + user-select: none; + -webkit-user-select: none; + touch-action: manipulation; + width: fit-content; +} +.button-1:hover { + box-shadow: #00bcf3 0 0 0 3px, transparent 0 0 0 0; +} +.button-2 { + align-items: center; + border-radius: 12px; + box-shadow: transparent 0 0 0 3px, rgba(255, 255, 255, 0.1) 0 6px 20px; + box-sizing: border-box; + color: white; + cursor: pointer; + display: flex; + flex: 0 0 auto; + font-family: Inter, sans-serif; + font-size: 1.2rem; + font-weight: 700; + justify-content: center; + line-height: 1; + margin: 1rem; + outline: none; + padding: 1rem 1.2rem; + text-align: center; + text-decoration: none; + white-space: nowrap; + box-shadow: #ffffff 0 0 0 3px, transparent 0 0 0 0; + user-select: none; + -webkit-user-select: none; + touch-action: manipulation; + width: fit-content; +} +.button-2:hover { + box-shadow: #00bcf3 0 0 0 3px, transparent 0 0 0 0; +} + +/* Menu */ +.menu { + margin: 0 auto; + display: flex; + justify-content: center; + align-content: center; + flex-direction: row; + flex-wrap: wrap; +} + +nav { + margin: 50px 0; + background-color: #2c2c2c; + display: flex; + align-content: space-around; + justify-content: center; + flex: 1; + flex-wrap: wrap; +} + +nav ul { + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-content: center; + align-items: center; +} + +nav ul li { + display: flex; + background-color: #2c2c2c; +} + +nav a { + display: flex; + padding: 0 10px; + color: #fff; + font-size: 20px; + line-height: 60px; + text-decoration: none; + justify-content: center; + align-content: center; + align-items: center; + transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; + border-radius: 12px; + margin: 1rem; +} + +.menu-items a:hover { + box-shadow: #00bcf3 0 0 0 3px, transparent 0 0 0 0; +} + +/* Hide Dropdowns by Default */ +nav ul ul { + display: none; + position: absolute; + top: 130px; /* Adjust the height of the main nav */ +} + +/* Display Dropdowns on Hover */ +nav ul li:hover > ul { + display: flex; + flex-direction: column; + justify-content: center; + align-content: center; + align-items: center; +} + +/* First Tier Dropdown */ +nav ul ul li { + display: flex; + width: 100%; + float: none; + justify-content: center; + align-content: center; + align-items: center; +} + +/* Second, Third and more Tiers */ +nav ul ul ul li { + position: relative; + top: -100px; + left: 100%; +} + +.drop { + cursor: pointer; + display: none; +} + +input[type="checkbox"] { + display: none; +} + +.menu-items { + display: flex; +} + +:checked + .drop:after { + display: none; +} + +input:checked + .drop + .menu-items { + display: flex; +} +/* mobile menu */ +@media all and (max-width: 960px) { + /* First Tier Dropdown */ + /* Display All Items in Full-width Column */ + + nav ul li { + display: flex; + width: 100%; + text-align: center; + justify-content: center; + align-content: center; + align-items: center; + } + + nav ul ul li { + display: none; + width: 100%; + float: none; + justify-content: center; + align-content: center; + align-items: center; + } + .drop { + cursor: pointer; + display: flex; + justify-content: center; + align-content: center; + align-items: center; + } + + input[type="checkbox"] { + display: none; + } + + .menu-items { + display: none; + } + + input:checked + .drop + .menu-items { + display: flex; + } +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..779a341 --- /dev/null +++ b/index.html @@ -0,0 +1,286 @@ + + + + + + + + Last Hour Hosting + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+
+

Welcome to Last Hour Hosting

+

+ Experience the power of uncensored, uncompromising Christian web + hosting. +

+ Create Account +
+
+

Our Services

+
+
+

VPS Hosting

+

Description of this service.

+ Create Account +
+
+

Shared Hosting

+

Description of this service.

+ Create Account +
+
+

Managed Hosting

+

Description of this service.

+ Create Account +
+
+

DDoS Protection

+

Description of this service.

+ Create Account +
+
+

Data Migration

+

Description of this service.

+ Create Account +
+
+
+
+

Locations

+
+
+

Iceland Offshore

+

Secure high-end servers

+ Create Account +
+
+

Romania (Coming soon)

+

Description of this service.

+ Request this location. +
+
+

Finland (Coming soon)

+

Description of this service.

+ Request this location. +
+
+
+

But Why Use Us?

+

Frequently Asked Questions

+
+

Questions? Not sure what to choose?

+
+
+

Supported Payments

+
+
+

Cryptocurrencies Recommended

+

+ We recommend you use crypto to gain full anonymity. We currently + support payments with cryptocurrencies such as: +

+

Monero

+

Bitcoin LN

+

Etherium

+
+
+

Credit Card Payments Also Available

+

+ 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. +

+
+
+
+
+ + +