fhsons/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

added about page

Browse Source
This commit is contained in:
Andre Mourinho
2018-07-11 22:45:32 -04:00
parent 7453967113
commit 01d56ff849
2 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/about/about.component.html
View File

@@ -1,8 +1,9 @@
<div class="container">
<div class="row">
<div class="col-12 py-4">
<img src="http://via.placeholder.com/350x250" class="float-left mr-4">
<h2 class="mb-4">40 Years of Excellence</h2>
<img src="http://via.placeholder.com/350x250" class="float-left mb-4 mr-4">
<h2 class="mb-4 roboto">40 Years of Excellence</h2>
<hr class="ml-4" />
<strong>FH &amp; Sons</strong> has been in business for 40 years. We have been ISO 9001:2000 certified since May 2000.
Our company manufactures plastisol silk screen inks, plastisols for moulding and dipping applications,
as well as bulk pigment dispersions. We also distribute for several top end equipment and chemical
@@ -15,29 +16,33 @@
<div class="container">
<div class="row pt-4">
<div class="col-12">
<h2 class="mt-5 mb-4">Client Reviews</h2>
<h2 class="my-4 roboto">Client Reviews</h2>
</div>
<div class="col-sm-6 col-md-4 mb-4">
<mat-card>
<mat-card class="text-black-50">
<a target="_blank" href="https://www.google.com/maps/contrib/107718425840210234234/reviews?hl=en-CA&sa=X&ved=2ahUKEwiklPiAwJjcAhVrxoMKHU8lAtgQvvQBegQIARAN">Sukhvinder Garcha</a><br />
<mat-divider class="custom-line"></mat-divider>
Very good service and good price
</mat-card>
</div>
<div class="col-sm-6 col-md-4 mb-4">
<mat-card>
<mat-card class="text-black-50">
<a target="_blank" href="https://www.google.com/maps/contrib/106243032549545671075/reviews?hl=en-CA&sa=X&ved=2ahUKEwiklPiAwJjcAhVrxoMKHU8lAtgQvvQBegQIARAU">Cheyenne Gauthier</a><br />
<mat-divider class="custom-line"></mat-divider>
Package received within 2 days of ordering. Super happy with the quality and service, will be ordering again. Thanks!
</mat-card>
</div>
<div class="col-sm-6 col-md-4 mb-4">
<mat-card>
<mat-card class="text-black-50">
<a target="_blank" href="https://www.google.com/maps/contrib/109255223742158550985/reviews?hl=en-CA&sa=X&ved=2ahUKEwiklPiAwJjcAhVrxoMKHU8lAtgQvvQBegQIARAb">Julia Henriques</a><br />
<mat-divider class="custom-line"></mat-divider>
Great staff, very friendly, great service
</mat-card>
</div>
<div class="col-sm-6 col-md-4 mb-4 mx-auto">
<mat-card>
<mat-card class="text-black-50">
<a target="_blank" href="https://www.google.com/maps/contrib/111462598285081078982/reviews?hl=en-CA&sa=X&ved=2ahUKEwiklPiAwJjcAhVrxoMKHU8lAtgQvvQBegQIARAi">Jon Weizman</a><br />
<mat-divider class="custom-line"></mat-divider>
Great ink, great service.
</mat-card>
</div>

5
src/assets/css/base.scss
View File

@@ -49,3 +49,8 @@ u:hover,
.roboto {
font-family: 'Roboto Condensed', sans-serif;
}
.custom-line {
padding-bottom: 1.5rem !important;
position: relative !important;
margin-top: .75rem !important;
}