add basic footer component with horizontal logo

This commit is contained in:
eleanor 2018-11-06 11:11:03 -05:00
parent 90fc935873
commit d69685fa0f
6 changed files with 53 additions and 1 deletions

View File

@ -1,6 +1,6 @@
<div class="main"> <div class="main">
<app-header></app-header> <app-header></app-header>
<div class="content"></div> <div class="content"></div>
<app-footer></app-footer>
</div> </div>

View File

@ -5,11 +5,13 @@ import { NgModule } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout'; import { FlexLayoutModule } from '@angular/flex-layout';
import { AppComponent } from './app.component'; import { AppComponent } from './app.component';
import { FooterComponent } from './footer/footer.component';
import { HeaderComponent } from './header/header.component'; import { HeaderComponent } from './header/header.component';
@NgModule({ @NgModule({
declarations: [ declarations: [
AppComponent, AppComponent,
FooterComponent,
HeaderComponent HeaderComponent
], ],
imports: [ imports: [

View File

@ -0,0 +1,6 @@
<div
class="welcome"
fxLayoutAlign="center center"
>
<img src="../../assets/logo/Sartography-Logo-Horizontal-White.svg">
</div>

View File

@ -0,0 +1,4 @@
.welcome {
background-color: #4c4b4c;
padding: 5%;
}

View File

@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { FooterComponent } from './footer.component';
describe('FooterComponent', () => {
let component: FooterComponent;
let fixture: ComponentFixture<FooterComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ FooterComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(FooterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

View File

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.scss']
})
export class FooterComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}