fuse-angular/src/app/main/ui/angular-material/angular-material.component.html

<div id="angular-material" class="page-layout simple tabbed" fxLayout="column">

    <!-- HEADER -->
    <div class="header accent p-24 h-160" fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-xs="row"
         fxLayoutAlign.gt-xs="space-between center">

        <div fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-xs="column" fxLayoutAlign.gt-xs="center start">
            <div fxLayout="row" fxLayoutAlign="start center">
                <mat-icon class="secondary-text s-18">home</mat-icon>
                <mat-icon class="secondary-text s-16">chevron_right</mat-icon>
                <span class="secondary-text">User Interface</span>
            </div>
            <div class="h1 mt-16">Angular Material</div>
        </div>

        <a mat-raised-button class="reference-button mt-16 mt-sm-0" href="https://material.angular.io/components/categories"
           target="_blank">
            <mat-icon class="mr-8">link</mat-icon>
            <span>Reference</span>
        </a>

    </div>
    <!-- / HEADER -->

    <!-- CONTENT -->
    <div class="content p-24">

        <div class="mat-title">Introduction</div>
        <p>
            Fuse uses Angular Material as its primary user interface library. It offers form controls, buttons, tabs, sidebars,
            icons, modals, tooltips, data tables and many more well tested and widely used components.
        </p>

        <p>
            Fuse is 100% compatible with all Angular Material components.
        </p>

        <div class="mat-title mt-32">Official docs</div>
        <p>
            Official Angular Material documentation: <a href="https://material.angular.io/components/categories" target="_blank">https://material.angular.io/components/categories</a>
        </p>

    </div>
    <!-- / CONTENT -->

</div>