first commit
This commit is contained in:
Gary
commit
42834d274f
BIN
assets/FiraCode-VariableFont_wght.ttf
Normal file
BIN
assets/FiraCode-VariableFont_wght.ttf
Normal file
Binary file not shown.
BIN
assets/Loginnbf.png
Normal file
BIN
assets/Loginnbf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
assets/background-echo.webm
Normal file
BIN
assets/background-echo.webm
Normal file
Binary file not shown.
BIN
assets/coalition-space.mp4
Normal file
BIN
assets/coalition-space.mp4
Normal file
Binary file not shown.
BIN
assets/coaliton-logo.webp
Normal file
BIN
assets/coaliton-logo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
assets/favicon.ico
Normal file
BIN
assets/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
assets/list.png
Normal file
BIN
assets/list.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 109 B |
BIN
assets/loginn-background.webm
Normal file
BIN
assets/loginn-background.webm
Normal file
Binary file not shown.
BIN
assets/shiloh-logo-white-1-outline.png
Normal file
BIN
assets/shiloh-logo-white-1-outline.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
38
components/footer.html
Normal file
38
components/footer.html
Normal file
@ -0,0 +1,38 @@
|
||||
<div class="flex-container">
|
||||
<a class="logo" href="/"
|
||||
><img
|
||||
src="../assets/shiloh-logo-white-1-outline.png"
|
||||
alt="Last Hour Hosting Logo"
|
||||
height="30"
|
||||
/></a>
|
||||
<p class="white">
|
||||
© 2022-2025
|
||||
<a href="/" target="_blank">shilohcode.com</a>. all rights reserved by
|
||||
<a href="https://shilohcode.com" target="_blank">shiloh llc.</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex-container">
|
||||
<div>
|
||||
<a href="/creed">our creed</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-row">
|
||||
<div class="flex-container">
|
||||
<h3 class="white">services</h3>
|
||||
<a href="https://lasthourhosting.org">webhosting</a>
|
||||
<a href="/solutions">managed IT</a>
|
||||
</div>
|
||||
<div class="flex-container">
|
||||
<h3 class="white">resources</h3>
|
||||
<a href="/community">get involved</a>
|
||||
<a href="https://githaven.org">contribute</a>
|
||||
<a href="https://remnant.chat">community</a>
|
||||
<a href="/contact">report abuse</a>
|
||||
</div>
|
||||
<div class="flex-container">
|
||||
<h3 class="white">company</h3>
|
||||
<a href="/about">about</a>
|
||||
<a href="/careers">careers</a>
|
||||
<a href="/contact">contact</a>
|
||||
</div>
|
||||
</div>
|
||||
22
components/header.html
Normal file
22
components/header.html
Normal file
@ -0,0 +1,22 @@
|
||||
<script src="./js/navbar.js"></script>
|
||||
<div class="nav-bar">
|
||||
<div class="mobile-menu-icon">
|
||||
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
|
||||
<img src="../assets/list.png" alt="Menu Icon" width="20" height="20" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="logo">
|
||||
<a href="/">
|
||||
<img
|
||||
src="../assets/shiloh-logo-white-1-outline.png"
|
||||
alt="Last Hour Hosting Logo"
|
||||
width="200"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<ul class="menu">
|
||||
<li class="menu-item"><a href="#details">Explore</a></li>
|
||||
<li class="menu-item"><a href="#lodging">Stay</a></li>
|
||||
<li class="menu-item"><a href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
12
components/message.html
Normal file
12
components/message.html
Normal file
@ -0,0 +1,12 @@
|
||||
<div class="message-icon-container">
|
||||
<div class="message-icon">
|
||||
<a class="logo" href="/contact"
|
||||
><img
|
||||
src="../assets/message.png"
|
||||
alt="Last Hour Hosting Logo"
|
||||
width="30px"
|
||||
height="30px"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
390
css/styles.css
Normal file
390
css/styles.css
Normal file
@ -0,0 +1,390 @@
|
||||
* {
|
||||
font-family: "FiraCode", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "FiraCode";
|
||||
src: url("/assets/FiraCode-VariableFont_wght.ttf") format("truetype");
|
||||
}
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #ece3dd;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
header {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
main {
|
||||
-webkit-flex: 1;
|
||||
flex: 1;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.div-background {
|
||||
background-color: antiquewhite;
|
||||
}
|
||||
.flex-column {
|
||||
-webkit-flex: 100%;
|
||||
flex: 100%;
|
||||
-webkit-flex-direction: row;
|
||||
flex-direction: column;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--text-color);
|
||||
padding: 100px 5px 100px 5px;
|
||||
text-align: center;
|
||||
min-height: 80vh;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
-webkit-flex: 100%;
|
||||
flex: 100%;
|
||||
-webkit-flex-direction: row;
|
||||
flex-direction: row;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
color: var(--text-color);
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.flex-row-items {
|
||||
-webkit-flex: content;
|
||||
flex: content;
|
||||
-webkit-flex-direction: row;
|
||||
flex-direction: row;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
color: var(--text-color);
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
gap: 50px;
|
||||
}
|
||||
.flex-container {
|
||||
margin: 10px;
|
||||
padding: 20px;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
-webkit-flex: 1 1 0;
|
||||
flex: 1 1 0;
|
||||
}
|
||||
.flex-container-left {
|
||||
margin: 10px;
|
||||
padding: 20px;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
align-items: left;
|
||||
-webkit-flex: 1 1 0;
|
||||
flex: 1 1 0;
|
||||
}
|
||||
.flex-container-left img {
|
||||
margin: auto;
|
||||
display: block;
|
||||
}
|
||||
video {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
object-fit: cover;
|
||||
}
|
||||
.bg-one {
|
||||
border-radius: 5px;
|
||||
background-color: #3b444b;
|
||||
transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
|
||||
}
|
||||
.bg-two {
|
||||
border-radius: 5px;
|
||||
background-color: #212b38;
|
||||
transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: var(--text-color);
|
||||
background-color: #43786b;
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
-webkit-flex: 1;
|
||||
flex: 1;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.white {
|
||||
color: white;
|
||||
}
|
||||
h1,
|
||||
h2 {
|
||||
color: #6e564f;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
font-size: 5rem;
|
||||
font-weight: 100;
|
||||
}
|
||||
h3,
|
||||
h4 {
|
||||
color: #6e564f;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
font-size: 2rem;
|
||||
font-weight: 100;
|
||||
}
|
||||
.header-large {
|
||||
font-size: 3rem;
|
||||
}
|
||||
p,
|
||||
ul,
|
||||
ol,
|
||||
td,
|
||||
li,
|
||||
cite {
|
||||
word-break: normal;
|
||||
color: #6e564f;
|
||||
text-align: left;
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.break-all {
|
||||
word-break: break-all;
|
||||
}
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
text-align: left;
|
||||
margin: 0 auto;
|
||||
padding: 5px;
|
||||
transition: color 0.5s ease;
|
||||
}
|
||||
|
||||
.page-link {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
text-align: left;
|
||||
margin: 0 auto;
|
||||
padding: 0px;
|
||||
transition: color 0.5s ease;
|
||||
}
|
||||
.page-link:hover {
|
||||
color: #45e3ff;
|
||||
}
|
||||
|
||||
.header {
|
||||
font-size: larger;
|
||||
}
|
||||
.button-4 {
|
||||
align-items: center;
|
||||
border-radius: 5px;
|
||||
color: #6e564f;
|
||||
cursor: pointer;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
font-family: Inter, sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: 200;
|
||||
justify-content: center;
|
||||
line-height: 1;
|
||||
margin: 1rem;
|
||||
outline: none;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
transition: border 0.3s, color 0.3s;
|
||||
white-space: nowrap;
|
||||
border: 2px solid #6e564f;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
touch-action: manipulation;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
padding-left: 5rem;
|
||||
padding-right: 5rem;
|
||||
height: fit-content;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
background-color: whitesmoke;
|
||||
}
|
||||
.button-4:hover {
|
||||
border: 2px solid black;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.message-icon-container:hover {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
}
|
||||
.bg-img {
|
||||
background: url("/assets/last_hour_hosting_logo_blue.png") center/cover
|
||||
no-repeat;
|
||||
height: 300px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
}
|
||||
.bg-vid {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.bg-vid::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.bg-vid video {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
z-index: -1;
|
||||
filter: blur(7px);
|
||||
}
|
||||
/* Styles for the navigation bar */
|
||||
.nav-bar {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 1rem;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
background: #43786b;
|
||||
}
|
||||
|
||||
.logo {
|
||||
color: white;
|
||||
font-size: 24px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.menu {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
font-size: 18px;
|
||||
position: relative;
|
||||
transition: all 0.2s;
|
||||
color: white;
|
||||
margin: 0 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.menu-item::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 0%;
|
||||
height: 1px;
|
||||
bottom: -2px;
|
||||
left: 0;
|
||||
background-color: white;
|
||||
transition: all 0.2s;
|
||||
z-index: 1;
|
||||
}
|
||||
.menu-item:hover::before {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mobile-menu-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Media query for mobile devices */
|
||||
@media all and (max-width: 960px) {
|
||||
.nav-bar {
|
||||
display: block;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.menu {
|
||||
display: none; /* hide the menu on mobile */
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-color: #43786b;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.mobile-menu-icon {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mobile-menu-icon:hover {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.show-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.flex-column {
|
||||
padding: 10px 5px;
|
||||
}
|
||||
}
|
||||
191
index.html
Normal file
191
index.html
Normal file
@ -0,0 +1,191 @@
|
||||
<!--
|
||||
|
||||
██ ███████ ███████ ██ ██ ███████ ██ ███████ ██ ██ ██ ███ ██ ██████
|
||||
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
|
||||
██ █████ ███████ ██ ██ ███████ ██ ███████ █████ ██ ██ ██ ██ ██ ███
|
||||
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
|
||||
█████ ███████ ███████ ██████ ███████ ██ ███████ ██ ██ ██ ██ ████ ██████
|
||||
|
||||
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<title>Shiloh Echo '25 | Make Us One</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Every year we come together to share off-grid, simple living
|
||||
solutions with industry experts and you're invited."
|
||||
/>
|
||||
<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="Every year we come together to share off-grid, simple living
|
||||
solutions with industry expesrts and you're invited."
|
||||
/>
|
||||
<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 class="white">Attend Shiloh Echo '25</h1>
|
||||
<div class="flex-row">
|
||||
<p class="white">
|
||||
Join us for an unforgettable evening where you'll discover
|
||||
cutting-edge off-grid solutions from industry experts and connect
|
||||
with like-minded individuals passionate about self-sufficiency and
|
||||
building a more resilient future for our community and family.
|
||||
</p>
|
||||
</div>
|
||||
<div class="button-row flex-row">
|
||||
<a class="button-4" role="button" href="#details">Details</a>
|
||||
<a class="button-4" role="button" href="#lodging">Lodging</a>
|
||||
<a class="button-4" role="button" href="#contact">Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="white">Hosted by:</p>
|
||||
|
||||
<img
|
||||
src="./assets/coaliton-logo.webp"
|
||||
alt="Coalition BF Logo"
|
||||
width="300px"
|
||||
/>
|
||||
<video autoplay loop muted poster="/assets/services.png">
|
||||
<source
|
||||
src="https://lasthourcloud.b-cdn.net/echo/background-echo.webm"
|
||||
type="video/webm"
|
||||
/>
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<div id="details" class="flex-column">
|
||||
<div>
|
||||
<h2>Details</h2>
|
||||
<h3>Ticket Cost $15</h3>
|
||||
<h3>This year's theme is "Make Us One."</h3>
|
||||
<p>
|
||||
Concerned about ai, globalization, smart cities, surveillance,
|
||||
digital currencies?
|
||||
</p>
|
||||
<p>
|
||||
Want to strengthen your local community and family in self-relience?
|
||||
This event is for you...
|
||||
</p>
|
||||
<h3>8 presentations, Q & A, expert panel</h3>
|
||||
<h3>With experience in:</h3>
|
||||
<p>
|
||||
Decentralization, privacy, christian living, open-source,
|
||||
homesteading, permaculture, security, off-grid solutions
|
||||
</p>
|
||||
<h3>Join us Nov. 11th, 5-11pm</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div id="details" class="bg-vid flex-column">
|
||||
<div>
|
||||
<h2 class="white">Location</h2>
|
||||
<img
|
||||
src="./assets/coaliton-logo.webp"
|
||||
alt="Coalition BF Logo"
|
||||
width="300px"
|
||||
/>
|
||||
<p class="white">188 Plato Dr, Bonners Ferry, ID 83805</p>
|
||||
</div>
|
||||
<video autoplay loop muted poster="/assets/services.png">
|
||||
<source
|
||||
src="https://lasthourcloud.b-cdn.net/echo/coalition-space.mp4"
|
||||
type="video/webm"
|
||||
/>
|
||||
</video>
|
||||
</div>
|
||||
<div id="speakers" class="flex-column">
|
||||
<div>
|
||||
<h2>Event Schedule</h2>
|
||||
<ul>
|
||||
<li><b>5:30PM</b> — Networking and Food Trucks</li>
|
||||
<li><b>6:00–6:10 PM</b> — Welcome</li>
|
||||
<li><b>6:10–6:35 PM</b> — TBA (25 min)</li>
|
||||
<li><b>6:35–7:00 PM</b> — TBA (25 min)</li>
|
||||
<li><b>7:00–7:10 PM</b> — Break (10 min)</li>
|
||||
<li><b>7:10–7:35 PM</b> — TBA (25 min)</li>
|
||||
<li><b>7:35–8:00 PM</b> — TBA (25 min)</li>
|
||||
<li><b>8:00–8:10 PM</b> — Break (10 min)</li>
|
||||
<li><b>8:10–8:35 PM</b> — TBA (25 min)</li>
|
||||
<li><b>8:35–9:00 PM</b> — TBA (25 min)</li>
|
||||
<li><b>9:00–9:10 PM</b> — Break (10 min)</li>
|
||||
<li><b>9:10–9:30 PM</b> — TBA (20 min)</li>
|
||||
<li><b>9:30–9:50 PM</b> — TBA (20 min)</li>
|
||||
<li><b>9:50–10:00 PM</b> — Closing</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="lodging" class="bg-vid flex-column">
|
||||
<div>
|
||||
<h2 class="white">Lodging</h2>
|
||||
<h3 class="white">25% Discount</h3>
|
||||
<p class="white">
|
||||
Stay at the Log Inn of Bonners Ferry next door and enjoy a 25%
|
||||
discount when you mention the event.
|
||||
</p>
|
||||
<p class="white">Address: 43 Tobe Way, Bonners Ferry, ID 83805</p>
|
||||
<iframe
|
||||
width="425"
|
||||
height="350"
|
||||
src="https://www.openstreetmap.org/export/embed.html?bbox=-116.30653738975526%2C48.720810604416705%2C-116.30138754844667%2C48.73290565979023&layer=transportmap&marker=48.72686140002488%2C-116.30395850000002"
|
||||
style="border: none; width: 100%; height: 20em"
|
||||
></iframe
|
||||
><br /><small
|
||||
><a
|
||||
href="https://www.openstreetmap.org/?mlat=48.726861&mlon=-116.303959#map=17/48.726861/-116.303959&layers=T"
|
||||
>View Larger Map</a
|
||||
></small
|
||||
>
|
||||
</div>
|
||||
<video autoplay loop muted poster="/assets/services.png">
|
||||
<source
|
||||
src="https://lasthourcloud.b-cdn.net/echo/loginn-background.webm"
|
||||
type="video/webm"
|
||||
/>
|
||||
</video>
|
||||
</div>
|
||||
<div id="contact" class="flex-column bg-vid-main">
|
||||
<div>
|
||||
<h2>Contact</h2>
|
||||
<div class="flex-row">
|
||||
<div class="flex-container">
|
||||
<a
|
||||
class="button-4"
|
||||
role="button"
|
||||
href="mailto:echo(AT)shilohcode(DOT)com"
|
||||
>email</a
|
||||
>
|
||||
<a class="button-4" role="button" href="sms:2087182435">text</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer id="footer"></footer>
|
||||
</body>
|
||||
</html>
|
||||
5406
js/jquery-3.7.1.min.js
vendored
Normal file
5406
js/jquery-3.7.1.min.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
9
js/main.js
Normal file
9
js/main.js
Normal file
@ -0,0 +1,9 @@
|
||||
$(function () {
|
||||
$("#header").load("./components/header.html");
|
||||
});
|
||||
$(function () {
|
||||
$("#footer").load("./components/footer.html");
|
||||
});
|
||||
$(function () {
|
||||
$("#message").load("./components/message.html");
|
||||
});
|
||||
4
js/navbar.js
Normal file
4
js/navbar.js
Normal file
@ -0,0 +1,4 @@
|
||||
function myFunction() {
|
||||
var menu = document.querySelector(".menu");
|
||||
menu.classList.toggle("show-menu");
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user