shiloh-website/index.html
Gary 1d6cf9ad1f fix contact page spacing
capitalize buttons
2026-02-24 10:11:07 -08:00

246 lines
8.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>
<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 class="flex">
<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 class="flex">
<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 class="flex">
<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 class="flex">
<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 class="flex">
<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 class="flex">
<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 class="flex">
<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">
<div class="flex">
<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>