ngx-admin/docs/app/pages/home/main-info-section/main-info-section.component.html

<div class="main-img-container">
  <a href="http://www.akveo.com/ngx-admin/?utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_section_image"
     target="_blank"
     class="hero-image-link">
    <img *ngIf="breakpoint.width >= breakpoints.md"
         class="main-img"
         defaultImage="assets/img/default.png"
         [lazyLoad]="imageUrl"/>
  </a>
</div>
<div class="main-inf">
  <ng-container *ngIf="forMaterialTheme === false">
    <ngx-default-admin-info></ngx-default-admin-info>
  </ng-container>

  <ng-container *ngIf="forMaterialTheme !== false">
    <ngx-material-admin-info></ngx-material-admin-info>
  </ng-container>

  <div class="mobile-main-img-container">
    <img *ngIf="breakpoint.width <= breakpoints.sm" class="main-img" lazyLoad="assets/img/corporate-theme.png" alt="Light theme Dashboard"/>
  </div>
  <div class="badges">
    <iframe class="stars"
            src="https://ghbtns.com/github-btn.html?user=akveo&repo=ngx-admin&type=star&count=true"
            frameborder="0"
            width="170px"
            scrolling="0">
    </iframe>
  </div>
  <div class="buttons">
    <div class="buttons-links">
      <a class="btn btn-installation-guidelines"
         [routerLink]="'/docs/getting-started/installation-guidelines'">
        Installation Docs
      </a>
      <a class="btn btn-demo"
         href="https://www.akveo.com/ngx-admin/pages/dashboard?utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_section"
         target="_blank">
        Demo
      </a>
    </div>

    <button (click)="openDownloadDialog()" class="btn btn-download">
      Download
    </button>
    <button (click)="openDownloadPremiumDialog()" class="btn btn-download-premium">
      Get ngx-admin PREMIUM for 89$
    </button>
  </div>
</div>