215 lines
7.8 KiB
HTML
215 lines
7.8 KiB
HTML
<!--
|
|
|
|
██ ███████ ███████ ██ ██ ███████ ██ ███████ ██ ██ ██ ███ ██ ██████
|
|
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
|
|
██ █████ ███████ ██ ██ ███████ ██ ███████ █████ ██ ██ ██ ██ ██ ███
|
|
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
|
|
█████ ███████ ███████ ██████ ███████ ██ ███████ ██ ██ ██ ██ ████ ██████
|
|
|
|
|
|
-->
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<title>shiloh code | find peace off tech</title>
|
|
<meta
|
|
name="description"
|
|
content="Find peace off technology. Don't get marked by big tech. Shiloh offers services to resist the beast system with everything your home or business does. Are you ready to stand up against the digital deceptions of our time?"
|
|
/>
|
|
<meta name="author" content="Shiloh" />
|
|
|
|
<meta property="og:title" content="shiloh code" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://www.shilohcode.com" />
|
|
<meta
|
|
property="og:description"
|
|
content="Find peace off technology. Don't get marked by big tech. Shiloh offers services to resist the beast system with everything your home or business does. Are you ready to stand up against the digital deceptions of our time?"
|
|
/>
|
|
<meta property="og:image" content="./assets/shiloh_logo_black.png" />
|
|
|
|
<link rel="icon" href="./assets/favicon.ico" />
|
|
<link rel="icon" href="./assets/" type="image/svg+xml" />
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
|
|
<link rel="stylesheet" href="css/styles.css?v=1.0" />
|
|
<script src="./js/jquery-3.7.1.min.js"></script>
|
|
<script src="./js/main.js"></script>
|
|
<script src="./js/navbar.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<header id="header"></header>
|
|
|
|
<main>
|
|
<div class="flex-column bg-vid">
|
|
<div>
|
|
<h1>find peace off tech</h1>
|
|
<div class="flex-row">
|
|
<p>
|
|
christian experts in privacy, freedom, and managed services,
|
|
helping you achieve digital self-sufficiency.
|
|
</p>
|
|
</div>
|
|
<div class="flex-row">
|
|
<a class="button-1" role="button" href="/about">Learn More</a>
|
|
</div>
|
|
</div>
|
|
<video autoplay loop muted poster="/assets/main.png">
|
|
<source
|
|
src="https://lasthourcloud.b-cdn.net/shiloh/website-header1.webm"
|
|
type="video/webm"
|
|
/>
|
|
</video>
|
|
</div>
|
|
<div class="flex-column bg-vid">
|
|
<div>
|
|
<h2>stress free solutions</h2>
|
|
<p>
|
|
offering managed services in web-hosting, managed IT, software
|
|
development
|
|
</p>
|
|
<div class="flex-row">
|
|
<a class="button-1" role="button" href="/solutions">Learn More</a>
|
|
</div>
|
|
</div>
|
|
<video autoplay loop muted poster="/assets/services.png">
|
|
<source
|
|
src="https://cdn.lasthourhosting.org/shiloh/services.webm"
|
|
type="video/webm"
|
|
/>
|
|
</video>
|
|
</div>
|
|
<div class="flex-column bg-vid">
|
|
<div>
|
|
<h2>touch grass show</h2>
|
|
<div class="flex-row">
|
|
<a
|
|
class="button-1"
|
|
role="button"
|
|
target="_blank"
|
|
href="https://odysee.com/@shilohcode:e/touch-grass-episode-1:2"
|
|
>Watch</a
|
|
>
|
|
</div>
|
|
</div>
|
|
<video autoplay loop muted poster="/assets/about.png">
|
|
<source
|
|
src="https://lasthourcloud.b-cdn.net/shiloh/touchgrass.webm"
|
|
type="video/webm"
|
|
/>
|
|
</video>
|
|
</div>
|
|
<div id="webhosting" class="flex-column bg-vid">
|
|
<div>
|
|
<img src="./assets/echologo.png" alt="Shiloh Echo Logo" />
|
|
<h3>attend the echo event</h3>
|
|
<p>the annual off-grid, homesteading, simple living conference</p>
|
|
<div class="flex-row">
|
|
<a class="button-1" role="button" href="https://shilohecho.org"
|
|
>Get Tickets</a
|
|
>
|
|
</div>
|
|
<video autoplay loop muted poster="/assets/lasthour.png">
|
|
<source
|
|
src="https://lasthourcloud.b-cdn.net/shiloh/echo-conference.webm"
|
|
type="video/webm"
|
|
/>
|
|
</video>
|
|
</div>
|
|
</div>
|
|
<div id="webhosting" class="flex-column bg-vid">
|
|
<div>
|
|
<img
|
|
src="./assets/last_hour_hosting_logo_blue.png"
|
|
alt="last hour hosting logo"
|
|
/>
|
|
<h3>starting at $29/mo.</h3>
|
|
<p>managed websites, hosting, and cloud services.</p>
|
|
<div class="flex-row">
|
|
<a class="button-1" role="button" href="https://lasthourhosting.org"
|
|
>Host With Us</a
|
|
>
|
|
</div>
|
|
<video autoplay loop muted poster="/assets/lasthour.png">
|
|
<source
|
|
src="https://cdn.lasthourhosting.org/shiloh/lasthour.webm"
|
|
type="video/webm"
|
|
/>
|
|
</video>
|
|
</div>
|
|
</div>
|
|
<div class="flex-column bg-vid">
|
|
<div>
|
|
<h2>about</h2>
|
|
<div class="flex-row">
|
|
<a
|
|
class="button-1"
|
|
role="button"
|
|
target="_blank"
|
|
href="https://odysee.com/@shilohcode:e/about:11"
|
|
>Watch</a
|
|
>
|
|
<a class="button-2" role="button" href="/about">Learn More</a>
|
|
</div>
|
|
</div>
|
|
<video autoplay loop muted poster="/assets/about.png">
|
|
<source
|
|
src="https://cdn.lasthourhosting.org/shiloh/about.webm"
|
|
type="video/webm"
|
|
/>
|
|
</video>
|
|
</div>
|
|
<div class="flex-column bg-vid">
|
|
<div>
|
|
<h1>get involved</h1>
|
|
<div class="flex-row">
|
|
<a
|
|
class="button-1"
|
|
role="button"
|
|
href="https://odysee.com/@shilohcode:e/higherground:3"
|
|
>Watch</a
|
|
>
|
|
</div>
|
|
<div class="flex-row">
|
|
<a class="button-1" role="button" href="https://remnant.chat"
|
|
>Chat</a
|
|
>
|
|
</div>
|
|
<div class="flex-row">
|
|
<a class="button-1" role="button" href="https://githaven.org"
|
|
>Contribute</a
|
|
>
|
|
</div>
|
|
</div>
|
|
<video autoplay loop muted poster="/assets/get-involved.png">
|
|
<source
|
|
src="https://cdn.lasthourhosting.org/shiloh/get-involved.webm"
|
|
type="video/webm"
|
|
/>
|
|
</video>
|
|
</div>
|
|
<div class="flex-column bg-vid-main">
|
|
<div>
|
|
<h2>contact</h2>
|
|
<div class="flex-row">
|
|
<div class="flex-container">
|
|
<a
|
|
class="button-1"
|
|
role="button"
|
|
href="mailto:support(at)shilohcode(dot)com"
|
|
>email</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div id="message"></div>
|
|
<footer id="footer"></footer>
|
|
</body>
|
|
</html>
|