djabsher
/
UIAngular
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Minor ui changes on homepage

Transactions
Dan 2017-09-20 21:45:11 -06:00
parent f375ab5809
commit 39618eea8b
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Client/src/app/components/home/home.component.css
View File

@ -17,6 +17,12 @@ img{
height: auto; height: auto;
} }
.action{
font-weight: bold;
font-size: 20px;
margin-top: 15px;
}
.inline-block{ .inline-block{
display: inline-block; display: inline-block;
width: calc(60% - 10px); width: calc(60% - 10px);

14
Client/src/app/components/home/home.component.html
View File

@ -15,11 +15,11 @@
we sincerily hope that YOU will join us. Guests are always welcome at Old Fashion we sincerily hope that YOU will join us. Guests are always welcome at Old Fashion
Baptist and we look forward to seeing you!</p> 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 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><i ofbicon>info_outline</i> <a href="#" routerLink="/whoweare" class="align-top">Learn more about us</a></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>
<div class="row-content-col-right"> <div class="row-content-col-right">
<!-- <img ofbFadeInOnScroll src="assets/images/home-images/2-church-color.png"> --> <!-- <img ofbFadeInOnScroll src="assets/images/home-images/2-church-color.png"> -->
<img ofbFadeInOnScroll src="assets/images/home-images/tiny/family.jpg"> <a routerLink="/whoweare"><img ofbFadeInOnScroll src="assets/images/home-images/tiny/family.jpg"></a>
</div> </div>
</div> </div>
</div> </div>
@ -41,12 +41,12 @@
to pick you up! Give us a call to schedule a ride on Sunday Morning. to pick you up! Give us a call to schedule a ride on Sunday Morning.
</p> </p>
<br> <br>
<p ofbFadeInOnScroll> <p ofbFadeInOnScroll class="action">
<i ofbicon>phone</i> <a href="tel:+1-406-494-5028" class="align-top">406-494-5028</a> <i ofbicon>phone</i> <a href="tel:+1-406-494-5028" class="align-top">406-494-5028</a>
</p> </p>
</div> </div>
<div class="row-content-col-left"> <div class="row-content-col-left">
<img ofbFadeInOnScroll src="assets/images/home-images/tiny/bus2.jpg" height="200"> <a href="tel:+1-406-494-5028"><img ofbFadeInOnScroll src="assets/images/home-images/tiny/bus2.jpg" height="200"></a>
</div> </div>
</div> </div>
</div> </div>
@ -69,13 +69,13 @@
<p class="verse">In the beginning was the Word, and the Word was with God, and the Word was God. - John 1:1</p> <p class="verse">In the beginning was the Word, and the Word was with God, and the Word was God. - John 1:1</p>
We encourage you to come and join as as we study, teach and preach Gods Word! We encourage you to come and join as as we study, teach and preach Gods Word!
<br><br> <br><br>
<p> <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> <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> </p>
</div> </div>
</div> </div>
<div class="row-content-col-right"> <div class="row-content-col-right">
<img ofbFadeInOnScroll src="assets/images/home-images/tiny/bible.jpg"> <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>
</div> </div>
@ -96,7 +96,7 @@
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. 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> </p>
<br> <br>
<p ofbFadeInOnScroll> <p ofbFadeInOnScroll class="action">
<i ofbicon>headset</i> <a routerLink="/sermons" class="align-top">Click here to listen online</a> <i ofbicon>headset</i> <a routerLink="/sermons" class="align-top">Click here to listen online</a>
</p> </p>
</div> </div>