32 lines
1.2 KiB
Markdown
32 lines
1.2 KiB
Markdown
|
---
|
||
|
|
title: CSS Framework Material Design Lite
|
||
|
|
---
|
||
|
|
# CSS Framework Material Design Lite
|
||
|
|
|
||
|
|
Material Design Lite lets you add a Material Design look and feel to your websites. It aims to optimize for cross-device use.
|
||
|
|
|
||
|
|
## Getting Started
|
||
|
|
|
||
|
|
Here is a simple HTML template which includes the latest compiled and minified CSS for the MDL library.
|
||
|
|
|
||
|
|
```html
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title></title>
|
||
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||
|
|
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
|
||
|
|
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
```
|
||
|
|
|
||
|
|
We have used a CDN in this example, but you can checkout other ways of installing MDL <a href='https://getmdl.io/started/index.html' target='_blank' rel='nofollow'>here</a>.
|
||
|
|
|
||
|
|
### Learning Resources
|
||
|
|
|
||
|
|
* The official documentation for MDL is available <a href='https://getmdl.io/started/index.html' target='_blank' rel='nofollow'>here</a>.
|
||
|
|
* Checkout MDL's open source GitHub repository <a href='https://github.com/google/material-design-lite' target='_blank' rel='nofollow'>here</a>.
|