adityatyagi

import { Component, OnInit } from "@angular/core";

// importing service
import { Meta } from "@angular/platform-browser";

@Component({
  selector: "app-landing",
  templateUrl: "./landing.component.html",
  styleUrls: ["./landing.component.scss"]
})

adityatyagi

import { Component, OnInit } from "@angular/core";

// importing service
import { Meta, Title } from "@angular/platform-browser";

@Component({
  selector: "app-landing",
  templateUrl: "./landing.component.html",
  styleUrls: ["./landing.component.scss"]
})

adityatyagi

import { Component, OnInit } from "@angular/core";

// importing service
import { Meta, Title } from "@angular/platform-browser";

@Component({
  selector: "app-about-us",
  templateUrl: "./about-us.component.html",
  styleUrls: ["./about-us.component.scss"]
})

adityatyagi

import { Component, OnInit } from "@angular/core";
import { Meta, Title } from "@angular/platform-browser";

@Component({
  selector: "app-contact-us",
  templateUrl: "./contact-us.component.html",
  styleUrls: ["./contact-us.component.scss"]
})
export class ContactUsComponent implements OnInit {
  constructor(private _meta: Meta, private _title: Title) {

adityatyagi

import { Component, OnInit } from "@angular/core";

// importing service
import { Meta, Title } from "@angular/platform-browser";

@Component({
  selector: "app-landing",
  templateUrl: "./landing.component.html",
  styleUrls: ["./landing.component.scss"]
})

adityatyagi

import { Component, OnInit } from "@angular/core";

// importing service
import { Meta, Title } from "@angular/platform-browser";

@Component({
  selector: "app-about-us",
  templateUrl: "./about-us.component.html",
  styleUrls: ["./about-us.component.scss"]
})

adityatyagi

import { Component, OnInit } from "@angular/core";
import { Meta, Title } from "@angular/platform-browser";

@Component({
  selector: "app-contact-us",
  templateUrl: "./contact-us.component.html",
  styleUrls: ["./contact-us.component.scss"]
})
export class ContactUsComponent implements OnInit {
  constructor(private _meta: Meta, private _title: Title) {

adityatyagi

@font-face {
  font-family: 'icomoon';
  /* Import the files from the correct directory -> assets/icon/ */
  src: url('assets/icon/icomoon.eot?112bs6');
  src: url('assets/icon/icomoon.eot?112bs6#iefix') format('embedded-opentype'),
    url('assets/icon/icomoon.ttf?112bs6') format('truetype'),
    url('assets/icon/icomoon.woff?112bs6') format('woff'),
    url('assets/icon/icomoon.svg?112bs6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;

adityatyagi

/* You can add global styles to this file, and also import other style files */

// Icons as fonts
@import 'assets/scss/modules/_icon.scss';

adityatyagi

<p>
  This is landing page of a scalable angular app by <a href="https://adityatyagi.com/" target="_blank">Aditya Tyagi</a>
</p>

<section id="icons-as-fonts">
  <h1>Icons as fonts</h1>
  <div>
    <ul>
      <li><i class="icon icon-linkedin-logo"></i></li>
      <li><i class="icon icon-youtube"></i></li>