diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 3b2c9f7..86db330 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -5,6 +5,7 @@ import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { ServiceWorkerModule } from '@angular/service-worker'; import { environment } from '../environments/environment'; +import { NavComponent } from './nav/nav.component'; import { HeaderComponent } from './header/header.component'; import { FooterComponent } from './footer/footer.component'; import { LazyLoadDirective } from './lazyload.directive'; @@ -14,7 +15,8 @@ import { LazyLoadDirective } from './lazyload.directive'; AppComponent, LazyLoadDirective, HeaderComponent, - FooterComponent + FooterComponent, + NavComponent ], imports: [ BrowserModule, diff --git a/src/app/header/header.component.css b/src/app/header/header.component.css index 48cc732..7056014 100644 --- a/src/app/header/header.component.css +++ b/src/app/header/header.component.css @@ -1,3 +1,10 @@ -.is-active{ - text-decoration:underline; +.nav-mobile { + display:none; +} +@media only screen and (max-width: 1023px){ + + .nav-mobile { + display: block; + } + } \ No newline at end of file diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html index d7dd1cf..3971c0f 100644 --- a/src/app/header/header.component.html +++ b/src/app/header/header.component.html @@ -1,59 +1,33 @@
-
\ No newline at end of file diff --git a/src/app/header/header.component.ts b/src/app/header/header.component.ts index a093fe7..bffd5ee 100644 --- a/src/app/header/header.component.ts +++ b/src/app/header/header.component.ts @@ -9,6 +9,8 @@ export class HeaderComponent implements OnInit { constructor() { } + burgerVisible: boolean = false; + ngOnInit(): void { } diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html index c647d79..06b49ae 100644 --- a/src/app/home/home.component.html +++ b/src/app/home/home.component.html @@ -3,14 +3,15 @@

- Run successful remote and hybrid teams + Welcome to Fire for Angular.

+

- DailyBot takes chat and collaboration to the next level: daily standups, team check-ins, surveys, kudos, best companion bot for your virtual watercooler, 1:1 intros, motivation tracking and more. + This is a boilerplate for Angular with many bells and whistles included. Have a look around, and make yourself at home.

- The best companion bot for your chat app. + We are thrilled to be able to help you realize your goal!
@@ -36,18 +37,18 @@

🔥🌟 - Other integrations : - - Discord, + Other integrations: + + React, - - Telegram + + Svelte

@@ -78,9 +79,6 @@

client logo
-
- client logo -
diff --git a/src/app/nav/nav.component.css b/src/app/nav/nav.component.css new file mode 100644 index 0000000..7712f43 --- /dev/null +++ b/src/app/nav/nav.component.css @@ -0,0 +1,13 @@ +.is-active{ + text-decoration:underline; +} +@media only screen and (max-width: 1023px){ + ul{ + text-align:center; + margin-top:5px; + } + ul li a{ + padding-top:10px; + padding-bottom:10px; + } +} \ No newline at end of file diff --git a/src/app/nav/nav.component.html b/src/app/nav/nav.component.html new file mode 100644 index 0000000..05e1221 --- /dev/null +++ b/src/app/nav/nav.component.html @@ -0,0 +1,37 @@ + diff --git a/src/app/nav/nav.component.spec.ts b/src/app/nav/nav.component.spec.ts new file mode 100644 index 0000000..5d13772 --- /dev/null +++ b/src/app/nav/nav.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NavComponent } from './nav.component'; + +describe('NavComponent', () => { + let component: NavComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ NavComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(NavComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/nav/nav.component.ts b/src/app/nav/nav.component.ts new file mode 100644 index 0000000..8cde42a --- /dev/null +++ b/src/app/nav/nav.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-nav', + templateUrl: './nav.component.html', + styleUrls: ['./nav.component.css'] +}) +export class NavComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/index.html b/src/index.html index 0b36573..349651e 100644 --- a/src/index.html +++ b/src/index.html @@ -1,26 +1,66 @@ - + + + + + + Fire Angular + + + + + + + + + + + + + + + + + + + + + + + + + - - +
+ +
+
+ +
\ No newline at end of file