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!

+
+
+

Watch This!

+
+ +
+
+
+
+
+

Brought to you by:

+
+ + + + + + + +
+
+
+
+

Location

+ boulder creek retreat logo +
+

+ 100+ Acre Boulder Creek Retreat | 372 Denali Ln, Bonners Ferry, + Idaho, 83805 +

+
+ Get Tickets +
+
+

LIVE MUSIC

+

+ Encouraging Daily Praise & Worship by: +

+
+
+ +
+
+
+ +

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 🚐 +

+ + +
+
+
+ +
+
+ +

+ 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 @@

John @@ -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 @@
- -
-
-

Sponsors:

-
- - - - - - -
-
-
- -
-

Location

- boulder creek retreat logo -
-

- 100+ Acre Boulder Creek Retreat | 372 Denali Ln, Bonners Ferry, - Idaho, 83805 -

-
- - Get Tickets -

About

@@ -436,31 +508,30 @@
-

Last Year

- -

Event Map

-
View Larger Map - Map +
+ +
+ +
+

FAQ

@@ -511,7 +582,7 @@

Contact

-
+