owrrpon

<router-outlet></router-outlet>

owrrpon

const routes: Routes = [
  {
    //Default redirection to login route.
    path: '',
    redirectTo: 'login',
    pathMatch: 'full'
  },
  {
    path: 'login',
    component: LoginComponent

owrrpon

<p>secure-container works!</p>
<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>

owrrpon

<p>feature-module-a-container works!</p>
<router-outlet></router-outlet>

owrrpon

const routes: Routes = [
  { 
    //Default redirection to the first route.
    path: '',
    redirectTo: 'page-a1',
    pathMatch: 'full'
  },
  {
    path:'',
    component: FeatureModuleAContainerComponent,

owrrpon

//importing variables
@import 'styles/variables';

//importing base element styles
@import 'styles/base_elements';

//importing module specific styles
@import 'styles/module_importer';

//importing common utility styles

owrrpon

@font-face {
    font-family: 'Roboto';
    src: url('../assets/fonts/Roboto-Regular.eot'); /* IE9 Compat Modes */
    src: url('../assets/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../assets/fonts/Roboto-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../assets/fonts/Roboto-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../assets/fonts/Roboto-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../assets/fonts/Roboto-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-display: swap;

owrrpon

html,body{
    font-family: 'RobotoLight', sans-serif;
    font-size: 16px;
}

owrrpon

@font-face {
  font-family: 'modhyobitto-icons';
  src:  url('../assets/fonts/modhyobitto-icons.eot?uzso5b');
  src:  url('../assets/fonts/modhyobitto-icons.eot?uzso5b#iefix') format('embedded-opentype'),
    url('../assets/fonts/modhyobitto-icons.ttf?uzso5b') format('truetype'),
    url('../assets/fonts/modhyobitto-icons.woff?uzso5b') format('woff'),
    url('../assets/fonts/modhyobitto-icons.svg?uzso5b#modhyobitto-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;

owrrpon

<span class="modhyobitto-icon modhyobitto-address"></span>
<span class="modhyobitto-icon modhyobitto-delivery"></span>
<span class="modhyobitto-icon modhyobitto-express-mail"></span>
<span class="modhyobitto-icon modhyobitto-post-office"></span>