87 lines
3.4 KiB
HTML
87 lines
3.4 KiB
HTML
<!-- 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="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>
|
|
</nav>
|
|
|
|
<!-- Content -->
|
|
<div>
|
|
<div style="height: 56px"></div>
|
|
<router-outlet></router-outlet>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer>
|
|
<div class="container-fluid bg-light">
|
|
<div class="container">
|
|
<div class="d-inline-block py-3">
|
|
<div class="d-none d-md-inline-block align-top mr-5">
|
|
<h5>MAIN MENU</h5>
|
|
<ul style="list-style-type: none; padding-left: 0;">
|
|
<li>
|
|
<a [routerLink]="['/about']">About</a>
|
|
</li>
|
|
<li>
|
|
<a [routerLink]="['/store']">Store</a>
|
|
</li>
|
|
<li>
|
|
<a [routerLink]="['/formulaManager']">Formula Manager</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="d-none d-md-inline-block align-top mr-5">
|
|
<h5>PRODUCTS</h5>
|
|
<ul style="list-style-type: none; padding-left: 0; columns: 3;">
|
|
<li *ngFor="let c of categories | async">
|
|
<a [routerLink]="['/store', c.name]">{{c.name}}</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="align-top d-inline-block">
|
|
<h5>CONTACT</h5>
|
|
<p>
|
|
Toll Free: 1-888-422-7737
|
|
<br> Local: 416-744-2723
|
|
<br> Fax: 416-744-4078
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid" style="background-color: #d3d3d3;">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</footer> |