A-Kiwams

<?php
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: PUT, GET, POST, DELETE");
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");

//Database credentials
define('DB_HOST', 'localhost');
define('DB_USER', 'root');
define('DB_PASS', 'YOUR_PASSWORD');
define('DB_NAME', 'mydb');

A-Kiwams

<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>

A-Kiwams

<section>
  <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>
    <p class="lead text-muted">Newbie is a fictional estate housing company seeking to ease renting, leasing and
      selling of affordable housing to the general public. Newbie estates is part of the fictional Newbie
      Group of Companies. We have 24hr customer support service for buyers or people seeking to bid for contract

A-Kiwams

section{
  margin: 10px 10px 0px 10px;
}

A-Kiwams

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';
import { OffersComponent } from './offers/offers.component';
import { PaymentsComponent } from './payments/payments.component';
import { ContactComponent } from './contact/contact.component';
import { HousingComponent } from './housing/housing.component';

A-Kiwams

.navbar-custom {
    background-color: #ff5500;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #ffffff;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {

A-Kiwams

@import "~bootstrap/dist/css/bootstrap.min.css";
@import "~font-awesome/css/font-awesome.min.css";

body {
  background-color: lightgoldenrodyellow;
}

A-Kiwams

<!--Customized code goes here.-->

<app-nav><app-nav>
  <section>
      <router-outlet></router-outlet>
  </section>

A-Kiwams

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NavComponent } from './nav/nav.component';
import { AboutComponent } from './about/about.component';
import { PaymentsComponent } from './payments/payments.component';
import { ContactComponent } from './contact/contact.component';
import { HousingComponent } from './housing/housing.component';

A-Kiwams

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'newbieEstates';
}