Install MDB (Material Design for Bootstrap) UI Kit

Step 1

Download the package

Step 2

Unzip the downloaded package and open it in your code editor.

Step 3

Open the Dreamweaver editor and create an HTML site.

Find a template site, copy an index.html file into your project and compose your website. And yes, it's that simple!

Importing CSS file

To import the MDB stylesheet, please use the following syntax:

<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />

<!-- Google Fonts Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />

<!-- MDB -->
<link rel="stylesheet" href="css/mdb.min.css" />

Importing JS file

<script src="js/mdb.min.js"></script>

Run

Click the index.html file to open it in your browser, and it works!

Source code

IntegratedMaterialDesignAdminDemo

Reference document

https://mdbootstrap.com/docs/standard/getting-started/installation/