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

styled footer, about, store page

Browse Source
This commit is contained in:
Andre Mourinho
2018-07-17 19:24:20 -04:00
parent dc54530028
commit 20e1f22c31
6 changed files with 99 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
src/app/app.component.html
View File

@@ -1,50 +1,54 @@
<!-- Nav -->
<nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
<div class="container">
<a class="navbar-brand roboto" [routerLink]="['/']">
<span class="fh-fade">fh</span>
<span class="rainbow"> & </span>
<span class="sons-fade">sons</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div class="wrapper">
<nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
<div class="container">
<a class="navbar-brand roboto" [routerLink]="['/']">
<span class="fh-fade">fh</span>
<span class="rainbow"> & </span>
<span class="sons-fade">sons</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link text-dark" [routerLink]="['/about']">About</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" [routerLink]="['/store']">Store</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" [routerLink]="['/formulaManager']">Formula Manager</a>
</li>
</ul>
<div class="ml-auto">
<button *ngIf="!user" mat-stroked-button color="primary" (click)="login()">Login</button>
<div *ngIf="user">
<span class="text-muted mr-3">{{user.email}}</span>
<button mat-stroked-button color="accent" (click)="afAuth.auth.signOut()">Logout</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link text-dark" [routerLink]="['/about']">About</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" [routerLink]="['/store']">Store</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" [routerLink]="['/formulaManager']">Formula Manager</a>
</li>
</ul>
<div class="ml-auto">
<button *ngIf="!user" mat-stroked-button color="primary" (click)="login()">Login</button>
<div *ngIf="user">
<span class="text-muted mr-3">{{user.email}}</span>
<button mat-stroked-button color="accent" (click)="afAuth.auth.signOut()">Logout</button>
</div>
</div>
</div>
</div>
</div>
</nav>
</nav>
<!-- Content -->
<div>
<div style="height: 56px"></div>
<router-outlet></router-outlet>
<!-- Content -->
<div>
<div style="height: 56px"></div>
<router-outlet></router-outlet>
</div>
<div class="push"></div>
</div>
<!-- Footer -->
<footer>
<div class="container-fluid bg-light">
<div class="container-fluid">
<div class="container">
<div class="d-inline-block py-3">
<div class="d-none d-md-inline-block align-top mr-5">
<div class="py-3 text-center">
<div class="d-none d-md-inline-block align-top mr-5 text-left">
<h5>MAIN MENU</h5>
<ul style="list-style-type: none; padding-left: 0;">
<li>
@@ -58,7 +62,7 @@
</li>
</ul>
</div>
<div class="d-none d-md-inline-block align-top mr-5">
<div class="d-none d-md-inline-block align-top mr-5 text-left">
<h5>PRODUCTS</h5>
<ul style="list-style-type: none; padding-left: 0; columns: 3;">
<li *ngFor="let c of categories | async">
@@ -66,21 +70,21 @@
</li>
</ul>
</div>
<div class="align-top d-inline-block">
<div class="align-top d-inline-block text-left">
<h5>CONTACT</h5>
<p>
Toll Free: 1-888-422-7737
<br> Local: 416-744-2723
<br> Fax: 416-744-4078
<i class="fas fa-phone mr-2"></i> 416-744-2723
<br /><i class="fas fa-fax mr-2"></i> 416-744-4078
<br />Toll Free: 1-888-422-7737
</p>
</div>
</div>
</div>
</div>
<div class="container-fluid" style="background-color: #d3d3d3;">
<div class="container-fluid footer-sub">
<div class="container text-center">
<p class="mb-0 p-2">© 2018 fh & sons. Created By
<a href="http://zakscode.com">Zak Timson</a>
<p class="mb-0 p-2">© 2018 FH &amp; SONS
<br />Designed and developed by: <a href="http://zakscode.com">Zak Timson</a>
</p>
</div>
</div>