fhsons/website
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
Show Stats 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="container">
<div class="row"> <div class="row">
<div class="col-12 py-4"> <div class="col-12 py-4">
<img src="http://via.placeholder.com/350x250" class="float-left mr-4"> <img src="http://via.placeholder.com/350x250" class="float-left mb-4 mr-4">
<h2 class="mb-4">40 Years of Excellence</h2> <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. <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, 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 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="container">
<div class="row pt-4"> <div class="row pt-4">
<div class="col-12"> <div class="col-12">
<h2 class="mt-5 mb-4">Client Reviews</h2> <h2 class="my-4 roboto">Client Reviews</h2>
</div> </div>
<div class="col-sm-6 col-md-4 mb-4"> <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 /> <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 Very good service and good price
</mat-card> </mat-card>
</div> </div>
<div class="col-sm-6 col-md-4 mb-4"> <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 /> <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! Package received within 2 days of ordering. Super happy with the quality and service, will be ordering again. Thanks!
</mat-card> </mat-card>
</div> </div>
<div class="col-sm-6 col-md-4 mb-4"> <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 /> <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 Great staff, very friendly, great service
</mat-card> </mat-card>
</div> </div>
<div class="col-sm-6 col-md-4 mb-4 mx-auto"> <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 /> <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. Great ink, great service.
</mat-card> </mat-card>
</div> </div>

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

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