shiloh-website/index.html
Gary d7fe327beb add cta
improve mobile spacing
fix images
2026-02-24 09:34:06 -08:00

246 lines
8.7 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>
<script src="./js/back-to-top.js"></script>
<script src="./js/countdown.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 tech with solutions for
your peace of mind.
</p>
</div>
<div class="flex-row">
<a
class="button-1"
role="button"
target="_blank"
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>schedule a call</a
>
</div>
<div id="getting-started"></div>
<script type="text/javascript">
$("#getting-started").countdown("2030/01/01", function (event) {
$(this).text(event.strftime("%D Days %H:%M:%S"));
});
</script>
</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, IT, and software</p>
<div class="flex-row">
<a class="button-2" role="button" href="/solutions">learn more</a>
<a
class="button-1"
role="button"
target="_blank"
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>schedule a call</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"
width="100%"
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
width="100%"
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">
<a
class="button-1"
role="button"
href="mailto:support(at)shilohcode(dot)com"
>email</a
>
<a
class="button-1"
role="button"
target="_blank"
href="https://cloud.shilohcode.com/apps/calendar/appointment/JFes64HZYiw7"
>schedule a call</a
>
</div>
</div>
</div>
</main>
<button id="back-to-top">^ TOP</button>
<div id="message"></div>
<footer id="footer"></footer>
</body>
</html>