40+ Pages still not pressed the star & follow button.
Ludus is complete multipurpose polish e-commerce template built with best practices. It will be a perfect solution for your current or future shop, customizable into any store contains responsiveness & great UI. Well tested on compatible browsers.
The template contains 40+ HTML files, 3 Homepages, 3 Header Styles, 12 Dashboard Pages, 3 Product Pages, 7 Shop Pages,5 Blog Pages, Box mode and generated 10 Color variations but could create unlimited colors.
-
Clean CSS structure (Most of the styles have specificity level 1).
-
Clean markup (Markup correctly formatted with comments for setup things).
-
Fully responsive (For your desktop and mobile users).
-
Cross Browser compatibility (Work on most of the famous browsers).
-
Fresh Design (Modern approaches used by many web apps).
-
User convenient (Easy to use for any professional and non-professional).
-
W3C Validated (All files are passed from W3C validation service).
-
Well Documented (Files are commented for users to understand).
Extra Features
-
Intrinsic placeholder loading (Initially set image container height).
-
Vertical Mega Menu.
-
10 Color schemes generated.
-
Box version included.
-
Sass compatible.
When you unpack downloaded archive you'll get folder containing 1 folder.
Here they are, sorted alphabetically:
-
HTML - HTML version of template
HTML Version
Inside the css folder, we have all the stylesheets and vendor dependencies which our layout needs. You can use the color scheme according to your likeness.
-
css/app.css (Orange-Red color scheme)
-
css/app.color2.css (Carmine-Red color scheme)
-
css/app.color3.css (Blue (RYB) color scheme)
-
css/app.color4.css (Dark-Spring-Green color scheme)
-
css/app.color5.css (Electric-Purple color scheme)
-
css/app.color6.css (Old-Burgundy color scheme)
-
css/app.color7.css (Blue-Sapphire color scheme)
-
css/app.color8.css (Yale-Blue color scheme)
-
css/app.color9.css (Eerie-Black color scheme)
-
css/app.color10.css (Candy-Apple-Red color scheme)
Inside the scss folder, we have 6 folders and these folders have scss files.
src/scss/abstracts
The abstracts folder gathers all Sass tools and helpers used across the project. Every global variable, function, and mixin should be put in here. The rule of thumb for this folder is that it should not output a single line of CSS when compiled on its own. These are nothing but Sass helpers. Inside this folder it has another folder named mixins-module, the file on this folder has a mixin which will generate space utility classes.
src/scss/utility.scss
This file is invoking a mixin from mixins-module which will generate space utility classes, these utility classes are also called low-level utility classes that make it easy to build complex user interfaces.
src/scss/base
The base folder holds what we might call the boilerplate code for the project. In there, you might find some typographic rules, defining some standard styles for commonly used HTML elements.
src/scss/components
Components are reusable styles on the layout. It contains all kind of specific modules like a button, a select-box and anything along those lines. There are usually a lot of folders since the whole site/application should be mostly composed of tiny modules. _all.scss
is just importing file which contains all code base of the folder. In Bottom, you will see all components file and their usage on different places of the layout.
src/scss/components/breadcrumb/_breadcrumb.scss
-- trích 1 phần ở readme.md
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn