bizfile/src/app/components/e-services/e-services.component.html

<header class="tab-header">
    <h2>
        E-Services
    </h2>
</header>

<header class="page-heading">
    <h1> Sole Proprietership &amp; Partnership </h1>
    <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad deleniti, adipisci doloribus maxime cum voluptatibus ea, ratione at odit ab modi nihil ipsam? Odit cum ullam harum. Voluptatem, fugiat vel. </p>
</header>


<section class="table">
    <header>
        <div class="cell"> S/N </div>
        <div class="cell"> E-Services </div>
        <div class="cell"> Fees (S$) </div>
        <div class="cell"> Actions </div>
    </header>

    <ul>
        <li>
            <div class="cell"> 1 </div>
            <div class="cell">
                <h5> Application for a New Business Name </h5>
                <p> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sapiente beatae est nobis voluptatibus. Pariatur, unde enim libero dignissimos quos ipsa sed vitae ex illum rem, eius explicabo fugit nisi! </p>
            </div>
            <div class="cell"> 15 </div>
            <div class="cell">
                <button [routerLink]="['/tabs/register-business']"> Apply </button>
            </div>
        </li>

        <li>
            <div class="cell"> 2 </div>
            <div class="cell">
                <h5> Application to register Person(s) Business </h5>
                <p> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sapiente beatae est nobis voluptatibus. Pariatur, unde enim libero dignissimos quos ipsa sed vitae ex illum rem, eius explicabo fugit nisi! </p>
            </div>
            <div class="cell"> 15 </div>
            <div class="cell">
                <button [routerLink]="['/tabs/register-business']"> Apply </button>
            </div>
        </li>

        <li>
            <div class="cell"> 2 </div>
            <div class="cell">
                <h5> Withdrawal of Name Application </h5>
                <p> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sapiente beatae est nobis voluptatibus. Pariatur, unde enim libero dignissimos quos ipsa sed vitae ex illum rem, eius explicabo fugit nisi! </p>
            </div>
            <div class="cell"> 15 </div>
            <div class="cell">
                <button [routerLink]="['/tabs/register-business']"> Apply </button>
            </div>
        </li>
    </ul>
</section>

<div class="table-holder">
    <app-table 
    [headings]="['A', 'B', 'C']"
    [tableDetails]="[['Val 1', 'Val 2 ', 'Val 3'], ['V1', 'V2', 'V3'], ['A1', 'A2', 'A3']]"></app-table>
</div>

<div class="key-value-holder">
    <app-key-value-holder [keyValues]="keyValues"></app-key-value-holder>
</div>

<app-download-button [fileDetails]="{name: 'Downladable Table', size: '30MB', extension: 'xls'}"></app-download-button>