File

src/app/LibraryInfo/overview/overview.page.ts

Implements

OnInit

Metadata

selector app-overview
styleUrls ./overview.page.scss
templateUrl ./overview.page.html

Index

Methods

Constructor

constructor()

Methods

ngOnInit
ngOnInit()
Returns : void
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-overview',
  templateUrl: './overview.page.html',
  styleUrls: ['./overview.page.scss'],
})
export class OverviewPage implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}
<ion-content class="ion-padding">
  <div>
    <div id="library-logo">
      <img src="../assets/img/library_logo.png" alt="libri" id="login-image" />
    </div>
    <p class="library-description">
      The University of Kelaniya Library was Crystallized around the Vidyalankara Pirivena
      Collection with the elevation of the Pirivena to a fully pledged University status in 1959.
      Throughout its existence, the library was located in several places and finally moved to its
      present building in 1977.
    </p>
    <p class="library-description">
      The present library collection encompasses over 230,000 books pertaining to various academic
      disciplines ranging from Archaeology to Zoology and subscriptions to about 150 academic
      journals. Further, the library provides electronic access to full- text databases through the
      terminals located in the Library.
    </p>
  </div>
</ion-content>

./overview.page.scss

#library-logo {
  margin: 0 auto;
  width: 40%;
  height: auto;
  padding-bottom: 15vh;
  padding-top: 5vh;
}

.library-description {
  height: 100%;
  align-items: center;
  text-align: justify;
}
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""