Don't know why it isn't working

[MoutPessemier]

Expected behavior

I've followed your steps for installing MDB via the command line but it doesn't work and I can't find out why. This is what I've done:

Resources (screenshots, code snippets etc.)

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
...
import { MDBBootstrapModule } from 'angular-bootstrap-md';

@NgModule({
  declarations: [AppComponent, HeaderComponent, FooterComponent],
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(environment.firebase),
    AngularFirestoreModule,
    AngularFireAuthModule,
    AngularFireStorageModule,
    MDBBootstrapModule.forRoot(),
    RecipeModule,
    ReservationModule,
    RatingModule,
    AuthenticationModule,
    MdbModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

angular.json

 "styles": [
              "node_modules/font-awesome/scss/font-awesome.scss",
              "node_modules/angular-bootstrap-md/scss/bootstrap/bootstrap.scss",
              "node_modules/angular-bootstrap-md/scss/mdb-free.scss",
              "src/styles.scss"
            ],
            "scripts": [
              "node_modules/chart.js/dist/Chart.js",
              "node_modules/hammerjs/hammer.min.js"
            ],

I've also installed font-awesome, hammerjs and chart

I've added this code to test it out:

<footer class="page-footer font-small blue pt-4">
  <div class="footer-copyright text-center py-3">
    ©2019 Copyright: Mout Pessemier | ChezMout
  </div>
</footer>

but it's just plain html that is shown in the browser (I've also tried it with a button (yes I imported the right modules, given to me by the api section of buttons on the site))