Housing Page

housing.component.html

<div class="container">
    <div class="text-center">
        <img src="./assets/imgs/newbie.png"
             class="img-responsive center-block"
             style="max-height:100px;padding-bottom:50px" />
      </div>
    <div class="card-deck mb-3 text-center">
      <div class="card mb-4 shadow-sm">
        <div class="card-header">
          <h4 class="my-0 font-weight-normal">For rent</h4>
        </div>
        <div class="card-body">
          <h1 class="card-title pricing-card-title"><span>&#8373;</span>220 <small class="text-muted">/ mo</small></h1>
          <ul class="list-unstyled mt-3 mb-4">
            <li>Personal meter</li>
            <li>Furnished rooms</li>
            <li>Wifi available</li>
            <li>Help center access</li>
          </ul>
          <button type="button" class="btn btn-lg btn-block btn-outline-primary">Sign up for free</button>
        </div>
      </div>
      <div class="card mb-4 shadow-sm">
        <div class="card-header">
          <h4 class="my-0 font-weight-normal">Lease</h4>
        </div>
        <div class="card-body">
          <h1 class="card-title pricing-card-title"><span>&#8373;</span>4,500 <small class="text-muted">/ mo</small></h1>
          <ul class="list-unstyled mt-3 mb-4">
            <li>Fully furnished rooms</li>
            <li>House insurance included</li>
            <li>Help center access</li>
            <li>Renovation discount: 50%</li>
          </ul>
          <button type="button" class="btn btn-lg btn-block btn-outline-primary">Get started</button>
        </div>
      </div>
      <div class="card mb-4 shadow-sm">
        <div class="card-header">
          <h4 class="my-0 font-weight-normal">For sale</h4>
        </div>
        <div class="card-body">
          <h1 class="card-title pricing-card-title"><span>&#8373;</span>100,000 <small class="text-muted">+</small></h1>
          <ul class="list-unstyled mt-3 mb-4">
            <li>3 plots and above</li>
            <li>Free registration</li>
            <li>Free fence wall</li>
            <li>1year customer support</li>
          </ul>
          <button type="button" class="btn btn-lg btn-block btn-outline-primary">Contact us</button>
        </div>
      </div>
    </div>

    <div class="text-center">powered by:</div>
      <div class="text-center">
        <h3>Angular Developers</h3>
      </div>
      <div class="text-center">
          <a href="https://angulardevelopers.blogspot.com/" target="blank">https://angulardevelopers.blogspot.com/</a>
        </div>