Skip to content

Latest commit

 

History

History
67 lines (51 loc) · 2.51 KB

README.md

File metadata and controls

67 lines (51 loc) · 2.51 KB

Membuat responsif website Menggunakan framework materialize



Cara install materialize

1. NPM

You can find all the versions of the CDN at cdnjs.

  npm install materialize-css@next

2. Download

https://github.com/Dogfalo/materialize/releases/download/1.0.0/materialize-v1.0.0.zip

3. CDN

You can find all the versions of the CDN at cdnjs.

   <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

4. HTML Setup

Next you just have to make sure you link the files properly in your webpage. Generally it is wise to import javascript files at the end of the body to reduce page load time. Follow the example below on how to import Materialize into your webpage.

<!DOCTYPE html>
  <html>
    <head>
      <!--Import Google Icon Font-->
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>

      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>

    <body>

      <!--JavaScript at end of body for optimized loading-->
      <script type="text/javascript" src="js/materialize.min.js"></script>
    </body>
  </html>

Create by andri❤️