for Ecommerce, Booking websites, Product catalogue and product landing pages...
Speed up your workflow with beautifully designed components and ready to use components with sample pages.
# Getting Started
# How to use
Download zip file. You will have 2 folders. One includes all design file on sketchApp file. Second folder called "main". This folder is your front-end project folder which is included most used elements.
if You are using sass compiler, then go to the folder /sass (inside main/). Feel free to edit any styles and then compile it. All compiled css files are in css/ folder
Check starter html files (For ex. starter-home-1.html ) And select any of them which is similar to your project and write your html code
If need some component visit html-components.html (inside main/folder) and click the link above the each component to get the code. click "copy" to take html
Paste copied code into your project.
# Included files
All plugins and files are included in head part of document. Everything commented well. All included plugins with its styling are inside the folder /plugins/
# Style structure
All stylings are included in css/uikit.css (compile of sass/uikit.scss), But some overrides for mobile view are in css/responsive.css (compile of sass/responsive.scss)
if you want to change basic colors or main fonts or text colors, check sass/_vars.scss.
To edit any component like button, product card or boxes - check the folder sass/components.
To edit overrides or most used classes like backgrounds, fonts styls, margins, borders and alignments - check the folder sass/helpers/
Repetitive section like Header, Footer and Intro can be edited from files inside folder sass/sections/
Fonts are included by @import inside the sass/uikit.scss (at the top)
Note: I prefer Koala SASS compiler. it is easy for those people who doesn't like to work with black terminal screen. Check it here
