Installation

See how to setup Elementric and how to use the elements

Download CSS and JS files

To use the Elementric components, you need to download the CSS and JS files and cut them from Elementric directory and paste to your project directory.
You can download the files from here:

How to install?

After you downloaded the files, to use the Elementric elements, you need to add the CSS and JS files to your HTML code.
See below how you can do this:

CSS

Copy the stylesheet <link> and paste between your <head> and </head> tags to load the elementric.css CSS file. 

      

      
  <link rel="stylesheet" href="css/elementric.css"> <!-- CSS -->

JS

Copy the JavaScript <script> and paste before the closing your </body> tag to load the elementric.js JS file. 

      

      
  <script src="js/elementric.js"></script> <!-- JavaScript -->

Install via CDN Recommended

You can use the Elementric components without download. All you need to do it's to copy the CSS and JS below links and add them into your HTML code,
same as the instructions above.

CSS CDN

Copy the stylesheet <link> and paste between your <head> and </head> tags to load the elementric.css CSS file. 

      

      
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ciucacristi/elementric/Elementric/css/elementric.css"> <!-- CSS -->

JS CDN

Copy the JavaScript <script> and paste before the closing your </body> tag to load the elementric.js JS file. 

      

      
  <script src="https://cdn.jsdelivr.net/gh/ciucacristi/elementric/Elementric/js/elementric.js"></script> <!-- JavaScript -->

Starter HTML Template

Below you can see how should looks a basic example of a HTML5 web page with Elementric included: 

      

      
  <!doctype html>
  <html lang="en">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ciucacristi/elementric/Elementric/css/elementric.css"> <!-- CSS -->
      <title>Hello, world!</title>
    </head>

    <body>

      <h1>Hello, world!</h1>


      <!-- JavaScript -->
      <script src="https://cdn.jsdelivr.net/gh/ciucacristi/elementric/Elementric/js/elementric.js"></script> <!-- JavaScript -->
    </body>
  </html>