styles/min/main.min.css Framaterial - Get started

Getting Started

Learn how to easily install and use Framaterial in your projects.

Download

Start to download the .ZIP archive of the project

Framaterial.zip

Once you've downloaded the file, uncompress it, you'll see what a Framaterial project looks like :

MyFramaterialProject/
                    |
                    |_ scripts/
                    |         |
                    |         |framaterial.js
                    |         |framaterial.min.js
                    |
                    |_styles/
                    |       |
                    |       |framaterial.css
                    |       |framaterial.min.css   
                    |
                    index.html

Template

Now, you can start working, here is a base template to create Framaterial powered website & apps

<html>
  <head>
    <!--Import Framaterial.css-->
    <link type="text/css" rel="stylesheet" href="styles/framaterial.min.css" />
  </head>
  
  <!-- The 'material-design' class will be added
  by the framaterial.js script, so it's not required -->
  <body class="material-design">
     
      <!-- All your framaterial goodness here ... -->

    <!--Import jQuery before Framaterial.js-->
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="scripts/framaterial.min.js"></script>
  </body>
</html>