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

Styled cards further

Browse Source
This commit is contained in:
Zakary Timson 2018-07-11 23:05:11 -04:00
parent e3e1980715
commit 2a369d22b6
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/home/home.component.html
View File

@ -5,8 +5,8 @@
<div class="row py-5"> <div class="row py-5">
<div class="col-12 col-md-4 text-center"> <div class="col-12 col-md-4 text-center">
<a class="no-underline" style="max-width: 20rem" [routerLink]="['/about']"> <a class="no-underline" style="max-width: 20rem" [routerLink]="['/about']">
<mat-card class="dark-hover" style="min-height: 320px;"> <mat-card class="dark-hover mb-3" style="min-height: 320px;">
<mat-icon class="my-5" style="transform: scale(4); color: #87a9cd;">help_outline</mat-icon> <mat-icon class="my-5" style="transform: scale(4); color: #53709f;">help_outline</mat-icon>
<h3 class="text-dark mb-4">About Us</h3> <h3 class="text-dark mb-4">About Us</h3>
<mat-divider class="custom-line"></mat-divider> <mat-divider class="custom-line"></mat-divider>
<p class="text-black-50">Learn more about us and our 30+ years experience!</p> <p class="text-black-50">Learn more about us and our 30+ years experience!</p>
@ -15,8 +15,8 @@
</div> </div>
<div class="col-12 col-md-4 text-center"> <div class="col-12 col-md-4 text-center">
<a class="no-underline" style="max-width: 20rem" [routerLink]="['/store']"> <a class="no-underline" style="max-width: 20rem" [routerLink]="['/store']">
<mat-card class="dark-hover" style="min-height: 320px;"> <mat-card class="dark-hover mb-3" style="min-height: 320px;">
<mat-icon class="my-5" style="transform: scale(4); color: #87a9cd;">local_grocery_store</mat-icon> <mat-icon class="my-5" style="transform: scale(4); color: #53709f;">local_grocery_store</mat-icon>
<h3 class="text-dark mb-4">Store</h3> <h3 class="text-dark mb-4">Store</h3>
<mat-divider class="custom-line"></mat-divider> <mat-divider class="custom-line"></mat-divider>
<p class="text-black-50">Buy equipment, ink and anything else you might need!</p> <p class="text-black-50">Buy equipment, ink and anything else you might need!</p>
@ -25,8 +25,8 @@
</div> </div>
<div class="col-12 col-md-4 text-center"> <div class="col-12 col-md-4 text-center">
<a class="no-underline" style="max-width: 20rem" [routerLink]="['/formulaManager']"> <a class="no-underline" style="max-width: 20rem" [routerLink]="['/formulaManager']">
<mat-card class="dark-hover" style="min-height: 320px;"> <mat-card class="dark-hover mb-3" style="min-height: 320px;">
<mat-icon class="my-5" style="transform: scale(4); color: #87a9cd;">opacity</mat-icon> <mat-icon class="my-5" style="transform: scale(4); color: #53709f;">opacity</mat-icon>
<h3 class="text-dark mb-4">Formula Manager</h3> <h3 class="text-dark mb-4">Formula Manager</h3>
<mat-divider class="custom-line"></mat-divider> <mat-divider class="custom-line"></mat-divider>
<p class="text-black-50">Check out our browser formula manager!</p> <p class="text-black-50">Check out our browser formula manager!</p>