diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 8227aaf..cd505a7 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -18,6 +18,10 @@ const routes: Routes = [
{
path: 'about',
loadChildren: () => import('./about/about.module').then(m => m.AboutPageModule)
+ },
+ {
+ path: 'blog',
+ loadChildren: () => import('./blog/blog.module').then( m => m.BlogPageModule)
}
];
diff --git a/src/app/blog/blog-routing.module.ts b/src/app/blog/blog-routing.module.ts
new file mode 100644
index 0000000..daaa928
--- /dev/null
+++ b/src/app/blog/blog-routing.module.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { BlogPage } from './blog.page';
+
+const routes: Routes = [
+ {
+ path: '',
+ component: BlogPage
+ }
+];
+
+@NgModule({
+ imports: [RouterModule.forChild(routes)],
+ exports: [RouterModule],
+})
+export class BlogPageRoutingModule {}
diff --git a/src/app/blog/blog.module.ts b/src/app/blog/blog.module.ts
new file mode 100644
index 0000000..537acd7
--- /dev/null
+++ b/src/app/blog/blog.module.ts
@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { BlogPageRoutingModule } from './blog-routing.module';
+
+import { BlogPage } from './blog.page';
+
+@NgModule({
+ imports: [
+ CommonModule,
+ FormsModule,
+ IonicModule,
+ BlogPageRoutingModule
+ ],
+ declarations: [BlogPage]
+})
+export class BlogPageModule {}
diff --git a/src/app/blog/blog.page.html b/src/app/blog/blog.page.html
new file mode 100644
index 0000000..270cceb
--- /dev/null
+++ b/src/app/blog/blog.page.html
@@ -0,0 +1,49 @@
+
+
+
+
+ Card Subtitle
+ Card Title
+
+ 
+
+ Keep close to Nature's heart... and break clear away, once in awhile,
+ and climb a mountain or spend a week in the woods. Wash your spirit clean.
+
+
+
+
+
+
+ ion-item in a card, icon left, button right
+ View
+
+
+
+ This is content, without any paragraph or header tags,
+ within an ion-card-content element.
+
+
+
+
+
+
+ Card Link Item 1 activated
+
+
+
+
+ Card Link Item 2
+
+
+
+
+ Card Button Item 1 activated
+
+
+
+
+ Card Button Item 2
+
+
+
\ No newline at end of file
diff --git a/src/app/blog/blog.page.scss b/src/app/blog/blog.page.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/blog/blog.page.spec.ts b/src/app/blog/blog.page.spec.ts
new file mode 100644
index 0000000..d65ebd8
--- /dev/null
+++ b/src/app/blog/blog.page.spec.ts
@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { BlogPage } from './blog.page';
+
+describe('BlogPage', () => {
+ let component: BlogPage;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ BlogPage ],
+ imports: [IonicModule.forRoot()]
+ }).compileComponents();
+
+ fixture = TestBed.createComponent(BlogPage);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ }));
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/blog/blog.page.ts b/src/app/blog/blog.page.ts
new file mode 100644
index 0000000..4956927
--- /dev/null
+++ b/src/app/blog/blog.page.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-blog',
+ templateUrl: './blog.page.html',
+ styleUrls: ['./blog.page.scss'],
+})
+export class BlogPage implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/assets/imgs/madison.jpg b/src/assets/imgs/madison.jpg
new file mode 100644
index 0000000..4643676
Binary files /dev/null and b/src/assets/imgs/madison.jpg differ