Download

get Zimit Framework!

Zimit Framework is available in 3 different flavors depending on your needs or the use you're going to give:
For basic usage is recommended only minified css file, which comes with everything you need to start building your site.
If you also want to prepare your site for validation, we recommend using the css file that includes debug directives.
And if you want to play with the original files, simply download a file with all of it or make a clone our Github repository.

More options available on:

Structure

what's included

Here you will see the structure of the full distribution of Zimit Framework.

    1. file zimit.css
    2. file zimit.min.css
    3. file custom.css
    1. folder other
    2. file index.html
    1. file bars.less
    2. file components.less
    3. file debug.less
    4. file fonts.less
    5. file icons.less
    6. file normalize.less
    7. file notifications.less
    8. file responsive.less
    9. file skeleton.less
    10. file utils.less
    11. file variables.less
    12. file zimit.less
  4. file index.html
  5. file 404.html
  6. file robots.txt
  7. file human.txt

Template

a place to start

Great, you already have the necessary files and know your organization. Now you just need a good starting point, therefore, this is the basic structure to follow when starting a new page built with Zimit Framework. 


            <!DOCTYPE html>
            <html>
              <head>
                <meta charset="utf-8">
                <title>Your title here</title>
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <!-- Zimit -->
                <link rel="stylesheet" type="text/css" href="css/zimit.min.css">
                <!-- Custom style -->
                <link rel="stylesheet" type="text/css" href="css/custom.css">
              </head>
              <body>
                <header>
                  Your header content here
                </header>
                <main>
                  Your main content here
                </main>
                <footer>
                  Your footer content here
                </footer>
              </body>
            </html>

Customization

customize your Zimit distribution

This part is for advanced users who know the language of LESS preprocessor.
The Framework Zimit structure greatly facilitates the way to customize the colors of it. You only have to edit the file variables.less where you will find all colors and sizes subsceptibles of change.

variables.less

More

let's learn more things

Okay, you have everything you need to begin a amazing web based Zimit Framework, but if you want to squeeze the maximum power of this framework, I recommend you take a look at the documentation: