227 lines
12 KiB
HTML
227 lines
12 KiB
HTML
|
|
<img id="background-image" src="assets/images/home-images/tiny/sunset_b.jpg" alt="background image" width="100%">
|
|
|
|
<div id="filler">
|
|
<div id="live-stream-container" *ngIf="showCountdown && countdown && countdown.showCounter">
|
|
<div id="title">
|
|
<span class="live">VIDEO</span>
|
|
<span *ngIf="!countdown.showButton"> SERVICE STARTS IN</span>
|
|
<span *ngIf="countdown.showButton"> SERVICE AVAILABLE NOW</span>
|
|
</div>
|
|
<a id="countdown-container" routerLink="/live" [class.show-button]="countdown.showButton" >
|
|
<div id="live-button" [class.opacity-zero]="!countdown.showButton">
|
|
<i ofbicon class="mr-10" >live_tv</i>
|
|
Click to Watch
|
|
</div>
|
|
<div [class.opacity-zero]="countdown.showButton">
|
|
<span class="number">{{countdown.daysDisplay}}</span>
|
|
<span class="text"> {{countdown.daysText}}</span>
|
|
<span class="number"> {{countdown.hoursDisplay}}</span>
|
|
<span class="text"> {{countdown.hoursText}}</span>
|
|
<span class="number"> {{countdown.minutesDisplay}}</span>
|
|
<span class="text"> {{countdown.minutesText}}</span>
|
|
<span class="number"> {{countdown.secondsDisplay}}</span>
|
|
<span class="text"> {{countdown.secondsText}}</span>
|
|
</div>
|
|
</a>
|
|
<div id="live-date" class="display-none-sm">
|
|
{{countdown.dateDisplay}}
|
|
</div>
|
|
<div id="live-date" class="display-sm">
|
|
{{countdown.dateDisplaySmall}}
|
|
</div>
|
|
</div>
|
|
<div id="call-to-action-container" *ngIf="showCallToAction">
|
|
<a id="action-button" href="/assets/Reopening Church Guidelines.pdf" target="_blank" mat-raised-button color="accent"><i ofbicon class="mr-10 color-white">info_outline</i><span class="color-white">Reopening Guidelines</span></a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="content-wrapper">
|
|
|
|
<div style="text-align: center; position: relative; margin-bottom: 15px;" *ngIf="showVBS">
|
|
<div style="position: absolute; width: 100%; height: calc(65% + 15px); top: 35%; background-color: white;"></div>
|
|
<img src="assets/images/home-images/tiny/VBS_small.jpg" style="width:75%; max-width: 350px; position: relative; z-index: 1; box-shadow: 0 0 20px pink;" >
|
|
</div>
|
|
|
|
<div class="row" *ngIf="showSpecial" >
|
|
<div class="row-content">
|
|
<div class="row-content-col-right align-top center">
|
|
<p ofbFadeInOnScroll class="row-content-header">Reopening!</p>
|
|
<p ofbFadeInOnScroll>
|
|
The Lord has answered our prayers and our church building will be reopening April 26th!
|
|
It is important that we take extreme precautionary measures to ensure that we keep
|
|
our congregation safe. Please review and abide by the guidelines below.
|
|
</p>
|
|
<br>
|
|
<p ofbFadeInOnScroll class="action">
|
|
<i ofbicon>info</i> <a href="/assets/Reopening Church Guidelines.pdf" target="_blank" class="align-top">Click here for guidelines</a>
|
|
</p>
|
|
</div>
|
|
<div class="row-content-col-left">
|
|
<a routerLink="/covid2" >
|
|
<img class="w-100pct" ofbFadeInOnScroll src="assets/images/home-images/tiny/covid_header_2.jpg" >
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row tint" *ngIf="showSpecial" >
|
|
<div class="row-content">
|
|
<div class="row-content-col-left align-top center">
|
|
<p ofbFadeInOnScroll class="row-content-header">Watch Online</p>
|
|
<p ofbFadeInOnScroll>
|
|
If you are unable to attend, please follow the links below to view
|
|
or listen to services online.
|
|
</p>
|
|
<br>
|
|
<p ofbFadeInOnScroll class="action">
|
|
<i ofbicon>live_tv</i> <a routerLink="/video" class="align-top">Click here to watch online</a>
|
|
</p>
|
|
<p ofbFadeInOnScroll class="action">
|
|
<i ofbicon>headset</i> <a routerLink="/sermons" class="align-top">Click here to listen online</a>
|
|
</p>
|
|
</div>
|
|
<div class="row-content-col-right">
|
|
<a routerLink="/covid" >
|
|
<img class="w-100pct" ofbFadeInOnScroll src="assets/images/home-images/tiny/covid_header.jpg" >
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row tint" *ngIf="!showSpecial" >
|
|
<div class="row-content">
|
|
<div class="row-content-col-left">
|
|
<a href="assets/images/champ_flyer.jpg" download="champ_flyer.jpg"><img class="full" ofbFadeInOnScroll src="assets/images/home-images/tiny/champ.jpg" height="300"></a>
|
|
</div>
|
|
<div class="row-content-col-right align-top center">
|
|
<p ofbFadeInOnScroll class="row-content-header">Champ the Smiling Trick Horse</p>
|
|
<p ofbFadeInOnScroll>
|
|
Come join us for this special event happening September 5th and 6th at Old Fashion Baptist!
|
|
</p>
|
|
<br>
|
|
<p ofbFadeInOnScroll>
|
|
<b>Wednesday, September 5 @ 7 PM</b>
|
|
<br>
|
|
Bible Preaching & Bluegrass Gospel Music
|
|
</p>
|
|
<br>
|
|
<p ofbFadeInOnScroll>
|
|
<b>Thursday, September 6 @ 5:30 PM</b>
|
|
<br>
|
|
Food, Games, Music & Preaching
|
|
</p>
|
|
<br>
|
|
<p ofbFadeInOnScroll>
|
|
<a href="assets/images/champ_flyer.jpg" download="champ_flyer.jpg"><b>Click here to download the flyer</b></a>
|
|
</p>
|
|
<br>
|
|
<p ofbFadeInOnScroll class="action">
|
|
<i ofbicon>phone</i> <a href="tel:+1-406-494-5028" class="align-top">406-494-5028</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="row-content">
|
|
<div class="row-content-col-right align-top">
|
|
<p ofbFadeInOnScroll class="row-content-header">...that ye also may have fellowship with us...</p>
|
|
<p ofbFadeInOnScroll>It is exciting to gather together in the name of the Lord and
|
|
we sincerily hope that YOU will join us. Guests are always welcome at Old Fashion
|
|
Baptist and we look forward to seeing you!</p>
|
|
<p class="verse" ofbFadeInOnScroll>For where two or three are gathered together in my name, there am I in the midst of them. - Matthew 18:20</p>
|
|
<p ofbFadeInOnScroll class="action"><i ofbicon>info_outline</i> <a href="#" routerLink="/whoweare" class="align-top">Learn more about us</a></p>
|
|
</div>
|
|
<div class="row-content-col-left">
|
|
<!-- <img ofbFadeInOnScroll src="assets/images/home-images/2-church-color.png"> -->
|
|
<a routerLink="/whoweare"><img ofbFadeInOnScroll src="assets/images/home-images/tiny/family.jpg"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row tint">
|
|
<div class="row-content">
|
|
<div class="row-content-single-col">
|
|
<p ofbFadeInOnScroll ofbGrowWhenCenter class="verse">O give thanks unto the Lord; for he is good: because his mercy endureth for ever. - Psalm 118:1</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="row-content">
|
|
<div class="row-content-col-right align-top">
|
|
<p ofbFadeInOnScroll class="row-content-header">Need a ride?</p>
|
|
<p ofbFadeInOnScroll>
|
|
Want to come but don't have a way to get here? We would be happy
|
|
to pick you up! Give us a call to schedule a ride on Sunday Morning.
|
|
</p>
|
|
<br>
|
|
<p ofbFadeInOnScroll class="action">
|
|
<i ofbicon>phone</i> <a href="tel:+1-406-494-5028" class="align-top">406-494-5028</a>
|
|
</p>
|
|
</div>
|
|
<div class="row-content-col-left">
|
|
<a href="tel:+1-406-494-5028"><img ofbFadeInOnScroll src="assets/images/home-images/tiny/bus2.jpg" height="200"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row tint">
|
|
<div class="row-content">
|
|
<div class="row-content-single-col">
|
|
<p ofbFadeInOnScroll class="verse">The fear of the LORD is the beginning of wisdom: and the knowledge of the holy is understanding. - Proverbs 9:10</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="row-content">
|
|
<div class="row-content-col-left align-top">
|
|
<p ofbFadeInOnScroll class="row-content-header">The Holy Bible</p>
|
|
<div ofbFadeInOnScroll>
|
|
Here at Old Fashion Baptist Church we love the Word of God!
|
|
<p class="verse">
|
|
But he answered and said, <span class="red">It is written, Man shall not live by bread alone, but by every word that proceedeth out of the mouth of God.</span> - Matthew 4:4</p>
|
|
We encourage you to come and join as as we study, teach and preach Gods Word!
|
|
<br><br>
|
|
<p class="action">
|
|
<i ofbicon>directions</i> <a target="_blank" class="align-top" href="https://www.google.com/maps/place/Old+Fashion+Baptist+Church/@45.9814004,-112.5320574,11.87z/data=!4m12!1m6!3m5!1s0x535b078c3c74ea33:0xac299097142c5894!2sOld+Fashion+Baptist+Church!8m2!3d45.951287!4d-112.511978!3m4!1s0x535b078c3c74ea33:0xac299097142c5894!8m2!3d45.951287!4d-112.511978">Get Directions</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row-content-col-right">
|
|
<a target="_blank" class="align-top" href="https://www.google.com/maps/place/Old+Fashion+Baptist+Church/@45.9814004,-112.5320574,11.87z/data=!4m12!1m6!3m5!1s0x535b078c3c74ea33:0xac299097142c5894!2sOld+Fashion+Baptist+Church!8m2!3d45.951287!4d-112.511978!3m4!1s0x535b078c3c74ea33:0xac299097142c5894!8m2!3d45.951287!4d-112.511978"><img ofbFadeInOnScroll src="assets/images/home-images/tiny/bible.jpg"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row tint">
|
|
<div class="row-content">
|
|
<div class="row-content-single-col">
|
|
<p ofbFadeInOnScroll class="verse">Not forsaking the assembling of ourselves together, as the manner of some is; but exhorting one another: and so much the more, as ye see the day approaching. - Hebrews 10:25</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="row-content">
|
|
<div class="row-content-col-right align-top">
|
|
<p ofbFadeInOnScroll class="row-content-header">Listen Online</p>
|
|
<p ofbFadeInOnScroll>
|
|
Many of our sermons are posted online. It is our prayer that these would be helpful and would encourage you in your walk with the Lord.
|
|
</p>
|
|
<br>
|
|
<p ofbFadeInOnScroll class="action">
|
|
<i ofbicon>headset</i> <a routerLink="/sermons" class="align-top">Click here to listen online</a>
|
|
</p>
|
|
</div>
|
|
<div class="row-content-col-left">
|
|
<a routerLink="/sermons"><img ofbFadeInOnScroll src="assets/images/home-images/tiny/headphones.png" height="200"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |