mempool/frontend/src/app/components/docs/docs.component.html

<div class="container-xl">
  <div class="text-center">

    <h2 i18n="documentation.title">Documentation</h2>

    <ul ngbNav #nav="ngbNav" [(activeId)]="activeTab" class="nav-tabs">

      <li [ngbNavItem]="0" *ngIf="showFaqTab">
        <a ngbNavLink [routerLink]="['/docs/faq' | relativeUrl]">FAQ</a>
        <ng-template ngbNavContent>

          <app-api-docs [whichTab]="'faq'"></app-api-docs>

        </ng-template>
      </li>

      <li [ngbNavItem]="1">
        <a ngbNavLink [routerLink]="['/docs/api/rest' | relativeUrl]">API - REST</a>
        <ng-template ngbNavContent>

          <app-api-docs [whichTab]="'rest'"></app-api-docs>

        </ng-template>
      </li>

      <li [ngbNavItem]="2" *ngIf="showWebSocketTab">
        <a ngbNavLink [routerLink]="['/docs/api/websocket' | relativeUrl]">API - WebSocket</a>
        <ng-template ngbNavContent>

          <app-api-docs [whichTab]="'websocket'"></app-api-docs>

        </ng-template>
      </li>

    </ul>

    <div id="main-tab-content" [ngbNavOutlet]="nav" class="mt-2"></div>

    <br>

    <div id="footer" class="text-center">
      <a [routerLink]="['/terms-of-service']" i18n="shared.terms-of-service|Terms of Service">Terms of Service</a>
      |
      <a [routerLink]="['/privacy-policy']" i18n="shared.privacy-policy|Privacy Policy">Privacy Policy</a>
    </div>

  </div>
</div>