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.
Here you will see the structure of the full distribution of Zimit Framework.
fileindex.html file404.html filerobots.txt filehuman.txt
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>
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.