added componentized footer and header

This commit is contained in:
Gary 2023-11-13 17:03:53 -08:00
parent 98ca88d20e
commit a6e430147c
2 changed files with 28 additions and 169 deletions

View File

@ -349,3 +349,8 @@ input:checked + .drop + .menu-items {
display: flex; display: flex;
} }
} }
.e-mail:before {
content: attr(data-website) "\0040"attr(data-user);
unicode-bidi: bidi-override;
direction: rtl;
}

View File

@ -1,7 +1,18 @@
<!--
██ ███████ ███████ ██ ██ ███████ ██ ███████ ██ ██ ██ ███ ██ ██████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
██ █████ ███████ ██ ██ ███████ ██ ███████ █████ ██ ██ ██ ██ ██ ███
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
█████ ███████ ███████ ██████ ███████ ██ ███████ ██ ██ ██ ██ ████ ██████
-->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<div id="creed"></div>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
@ -20,68 +31,20 @@
<link rel="apple-touch-icon" href="/apple-touch-icon.png" /> <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="stylesheet" href="css/styles.css?v=1.0" /> <link rel="stylesheet" href="css/styles.css?v=1.0" />
<meta
http-equiv="Content-Security-Policy"
content="script-src 'self' https://code.jquery.com/jquery-3.7.1.min.js; style-src 'self'; object-src 'none'; frame-src 'self'; base-uri 'self'; font-src 'self'; img-src 'self'; "
/>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"
></script>
<script src="./js/main.js"></script>
</head> </head>
<body> <body>
<header> <header id="header"></header>
<div class="menu slide-down">
<nav>
<a class="logo" href="/index.html"
><img
src="./assets/last_hour_hosting_logo_blue.png"
alt="Last Hour Hosting Logo"
/></a>
<input id="_1" type="checkbox" />
<label class="drop" for="_1"
><img
src="./assets/list.png"
alt="Last Hour Hosting Logo"
width="20"
height="20"
/></label>
<ul class="menu-items">
<li>
<a href="/services.html">Services</a>
<ul>
<li><a href="/vps-hosting.html">VPS Hosting</a></li>
</ul>
</li>
<li>
<a href="#">Features</a>
<ul>
<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="/vps-hosting.html">Pricing</a></li>
<li>
<a href="#">Company</a>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">SLA</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</li>
<li><a href="#">Contact Sales</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>
</header>
<main> <main>
<div class="flex-column"> <div class="flex-column">
@ -393,116 +356,7 @@
</div> </div>
</div> </div>
</div> </div>
<footer id="footer"></footer>
</main> </main>
<footer>
<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
>
<a href="https://lasthourhosting.org/legal/use-policy"
><p>AUP/DMCA</p></a
>
<a href="https://lasthourhosting.org/legal/privacy-policy"
><p>Privacy Policy</p></a
>
<a href="https://lasthourhosting.org/legal/cookie-policy"
><p>Cookie Policy</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> </body>
</html> </html>