diff --git a/assets/BACKGROUND.webp b/assets/BACKGROUND.webp
new file mode 100644
index 0000000..9257bd5
Binary files /dev/null and b/assets/BACKGROUND.webp differ
diff --git a/assets/WEB HEADER 1.3.webp b/assets/WEB HEADER 1.3.webp
new file mode 100644
index 0000000..fcb34bb
Binary files /dev/null and b/assets/WEB HEADER 1.3.webp differ
diff --git a/assets/ap-collective1.webp b/assets/ap-collective1.webp
new file mode 100644
index 0000000..679c660
Binary files /dev/null and b/assets/ap-collective1.webp differ
diff --git a/assets/aprilmills1.webp b/assets/aprilmills1.webp
new file mode 100644
index 0000000..a5cf4cd
Binary files /dev/null and b/assets/aprilmills1.webp differ
diff --git a/assets/carltompkins.webp b/assets/carltompkins.webp
new file mode 100644
index 0000000..bba2899
Binary files /dev/null and b/assets/carltompkins.webp differ
diff --git a/assets/details.webp b/assets/details.webp
new file mode 100644
index 0000000..3c9cb32
Binary files /dev/null and b/assets/details.webp differ
diff --git a/assets/drmichaellehmann.webp b/assets/drmichaellehmann.webp
new file mode 100644
index 0000000..0126a60
Binary files /dev/null and b/assets/drmichaellehmann.webp differ
diff --git a/assets/horse-riding.webp b/assets/horse-riding.webp
new file mode 100644
index 0000000..3b57727
Binary files /dev/null and b/assets/horse-riding.webp differ
diff --git a/assets/marcusroe.webp b/assets/marcusroe.webp
new file mode 100644
index 0000000..6bf672b
Binary files /dev/null and b/assets/marcusroe.webp differ
diff --git a/assets/mg1.webp b/assets/mg1.webp
new file mode 100644
index 0000000..a1725fd
Binary files /dev/null and b/assets/mg1.webp differ
diff --git a/assets/mg2.webp b/assets/mg2.webp
new file mode 100644
index 0000000..5c09a65
Binary files /dev/null and b/assets/mg2.webp differ
diff --git a/assets/pettingzoo.webp b/assets/pettingzoo.webp
new file mode 100644
index 0000000..4d42f63
Binary files /dev/null and b/assets/pettingzoo.webp differ
diff --git a/assets/shiloh-echo-2026-header.webp b/assets/shiloh-echo-2026-header.webp
new file mode 100644
index 0000000..e9812b9
Binary files /dev/null and b/assets/shiloh-echo-2026-header.webp differ
diff --git a/assets/shilohechologo.webp b/assets/shilohechologo.webp
new file mode 100644
index 0000000..770dc5f
Binary files /dev/null and b/assets/shilohechologo.webp differ
diff --git a/assets/tony1.webp b/assets/tony1.webp
new file mode 100644
index 0000000..41ae8a8
Binary files /dev/null and b/assets/tony1.webp differ
diff --git a/assets/web-header.webp b/assets/web-header.webp
new file mode 100644
index 0000000..d2f288d
Binary files /dev/null and b/assets/web-header.webp differ
diff --git a/assets/william-toll1.webp b/assets/william-toll1.webp
new file mode 100644
index 0000000..263f0b4
Binary files /dev/null and b/assets/william-toll1.webp differ
diff --git a/css/styles.css b/css/styles.css
index 907bf69..13ed62b 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -42,7 +42,6 @@ main {
.flex-column {
-webkit-flex: 100%;
flex: 100%;
- -webkit-flex-direction: row;
flex-direction: column;
display: -webkit-flex;
display: flex;
@@ -70,6 +69,11 @@ main {
justify-content: space-evenly;
padding: 10px;
}
+.flex-row-header {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+}
.min-flex {
position: fixed;
bottom: 0;
@@ -153,12 +157,24 @@ video {
background-color: #212b38;
transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
+.bg-alt {
+ background: #43786b;
+}
+.container {
+ display: flex;
+ flex-wrap: wrap;
+}
+.column1 {
+ flex: 1;
+ padding: 1rem;
+}
footer {
color: var(--text-color);
background-color: #43786b;
text-align: center;
padding: 1rem;
+ margin-bottom: 90px;
-webkit-flex: 1;
flex: 1;
display: -webkit-flex;
@@ -180,7 +196,7 @@ h2 {
text-align: center;
position: relative;
z-index: 1;
- font-size: 5rem;
+ font-size: 4vw;
font-weight: 100;
}
h3,
@@ -189,11 +205,11 @@ h4 {
text-align: center;
position: relative;
z-index: 1;
- font-size: 2rem;
+ font-size: 2vw;
font-weight: 100;
}
.header-large {
- font-size: 3rem;
+ font-size: 5vw;
}
p,
ul,
@@ -207,6 +223,7 @@ cite {
max-width: 1000px;
margin: 15px;
line-height: 35px;
+ font-size: 1vw;
}
.break-all {
@@ -232,6 +249,9 @@ a {
.page-link:hover {
color: #45e3ff;
}
+.lighter {
+ color: #90776f;
+}
.header {
font-size: larger;
@@ -311,14 +331,20 @@ a {
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;
+ background: url("/assets/BACKGROUND.webp") center no-repeat;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ height: 800px;
+ align-items: center;
+ background-attachment: fixed;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
}
+
.bg-vid {
position: relative;
overflow: hidden;
@@ -348,6 +374,7 @@ a {
z-index: -1;
filter: blur(7px);
}
+
/* Styles for the navigation bar */
.nav-bar {
display: flex;
@@ -421,7 +448,21 @@ a {
.hievents-widget {
width: 100%;
}
-
+.shadow {
+ box-shadow: 6.4px 12.8px 12.8px hsl(0deg 0% 0% / 0.3);
+}
+.italic {
+ font-style: italic;
+}
+.bold {
+ font-weight: 900;
+}
+.thin {
+ font-weight: 100;
+}
+.underline {
+ text-decoration: underline;
+}
.card {
max-width: 300px;
text-align: center;
@@ -439,7 +480,7 @@ div.card > a {
color: black;
}
div.card > img {
- border-radius: 35px;
+ border-radius: 35px 5px 5px 5px;
}
.responsive-iframe {
@@ -467,6 +508,9 @@ div.card > img {
padding: 5px;
}
+ .bg-img {
+ height: 50%;
+ }
.menu {
display: none; /* hide the menu on mobile */
position: absolute;
@@ -499,7 +543,8 @@ div.card > img {
}
.flex-column {
- padding: 10px 5px;
+ padding: 0px;
+ margin: 0px;
}
h1,
h2 {
@@ -510,7 +555,6 @@ div.card > img {
font-size: 2rem;
font-weight: 400;
word-break: break-word;
- padding: 5px;
}
h3 {
font-size: 1.5rem;
@@ -543,4 +587,8 @@ div.card > img {
.p-button {
display: none;
}
+ .column1 {
+ width: 100%;
+ flex: none;
+ }
}
diff --git a/index.html b/index.html
index 56e93d7..7446af3 100644
--- a/index.html
+++ b/index.html
@@ -52,7 +52,7 @@
-
+
@@ -71,72 +71,122 @@
});
-
-
-
-
3-Day Christian Family Retreat in Idaho!
-
-
- North Idaho's annual 3-day Christian family retreat featuring fun
- talks, tons of outdoor activities, and live music!
-
-
-
SEPTEMBER 11-13TH
-
At Boulder Creek Retreat
-
-
-
-
-
-
+
+
+
+
+
+
+ 3-Day Christian Family Retreat in
+ Idaho!
+
+
SEPTEMBER 11-13TH, 2026
+
Boulder Creek Retreat, Bonners Ferry, ID
+
+
+ North Idaho's annual
+ 3-day Christian family retreat
+ featuring fun talks , tons of
+ outdoor activities , and
+ live music!
+
+
-
-
LIVE MUSIC
-
Encouraging Daily Praise & Worship by:
-
-
-
-
AP Collective
-
- Folk/Pop Duo | A couple vanlifers making music 🚐
-
-
-
-
-
-
-
William Toll
-
Folk Singer | Folk songs for the true flock
-
-
+
-
- Don't miss this affordable opportunity to worship alongside these
- upcoming artists
-
-
Secure Your Spot Today!
+
+
+
+
Brought to you by:
+
+
+
+
+
Location
+
+
+
+ 100+ Acre Boulder Creek Retreat | 372 Denali Ln, Bonners Ferry,
+ Idaho, 83805
+
+
+
+
+
Get Tickets
+
+
+
LIVE MUSIC
+
+ Encouraging Daily Praise & Worship by:
+
+
+
+ VIDEO
+
+
+
+
+
William Toll
+
Folk Singer | Folk songs for the true flock
+
+
+
+
-
SPEAKERS
-
Get Equipped. Be Encouraged. Find Community.
+
+
+
+
AP Collective
+
+ Folk/Pop Duo | A couple vanlifers making music 🚐
+
+
+
+
+
+
+ VIDEO
+
+
+
+
+ Don't miss this affordable opportunity to worship alongside these
+ upcoming artists
+
+
Secure Your Spot Today!
+
Get Tickets
+
+
+
FUN TALKS
+
+ Get Equipped . Be
+ Encouraged . Find
+ Community .
+
Shiloh Echo 2026 Features Family Friendly Topics from Christian
Experts on Privacy, Freedom, Off-Grid Homesteading, & Simple Living.
-
+
Dr. Marcus Roe
Host of "Touch Grass", Author, Computer Scientist, Teacher, &
@@ -164,7 +297,8 @@
>
-
+
+
Tony
Co-founder, CEO Shiloh Code. Bachelor of Science. Tech therapist.
@@ -177,7 +311,7 @@
@@ -192,10 +326,8 @@
>
-
-
-
+
Dr. Michael Lehman, ND
Naturopathic Doctor specializing in Lyme, Mold, Chronic
@@ -209,7 +341,7 @@
>
-
+
Carl Tompkins
Author & Founder of the non-profit ministry "The Way of Business".
@@ -222,16 +354,30 @@
-
-
TBA
+
+
Mystery Guest 1
+
+
+
+
+
+
Mystery Guest 2
-
FOOD & FUN
-
FRESH LOCAL FOOD. 11 Outdoor Activities
+
+
+
+ FOOD &
+ OUTDOORS
+
+
+ FRESH LOCAL FOOD.
+ 12 OUTDOOR ACTIVITIES
+
- Enjoy Locally Sourced Food and Over 11 Outdoor Activities Across 100+
- Acres over 3 Unforgettable Days
+ Enjoy Locally Sourced Food While You Stay! Explore over 13 Outdoor
+ Activities Across 100+ Acres over 3 Unforgettable Days
@@ -265,13 +411,21 @@
Enjoy this inspiring evening fireworks show up close!
-
-
Canoeing
+
+
+
Petting Zoo
+
+
+
+
+
Horse Back Riding
+
+
Hiking
@@ -282,8 +436,6 @@
Swimming
-
-
Fishing
@@ -299,8 +451,6 @@
Volleyball
-
-
Pickleball
@@ -318,84 +468,6 @@
-
-
-
-
-
Location
-
-
-
- 100+ Acre Boulder Creek Retreat | 372 Denali Ln, Bonners Ferry,
- Idaho, 83805
-
-
-
-
-
-
Get Tickets
-
About
@@ -436,31 +508,30 @@
-
Last Year
-
-