zenii

KO | EN

gitlite — search

#javascript #python #hacktoberfest #ai #golang #android #machine-learning #rust #docker #macos #awesome #kubernetes #awesome-list #openai

(★ 8)

A free flat landing page for OctoberCMS. The theme is build using Tailwindcss

zenii Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Zenii Theme
A free flat landing page theme for OctoberCMS built using Tailwindcss.

## Features
- Responsive
- Small CSS size
- Material Icons
- Flat Illustrations from [unDraw](https://undraw.co/)
- Built-in theme options
- Built using [Tailwindcss](https://tailwindcss.com/)
- Laravel Mix

### Theme Options
The theme comes with page options for each section within the page. It comes with a few components that are extracted from Tailwindcss' utility classes.

### Theme Customizations
Using **Laravel Mix**, its easy to customize and compile the themes' assets. To start you must first install the theme dependencies. 
```
npm install
```
Customizing theme colors and fonts can be done inside **tailwind.config.js** file. By default the file looks like this:
```
module.exports = {
    theme: {
        colors: {
            primary: '#6C63FF',
            secondary: '#8C87E6',
            tertiary: '#444444',
            error: '#ff6363',
            white: '#FFFFFF',
            lightGray: '#f9f9f9',
            gray: '#F3F3F3',
            transparent: 'transparent'
        },
        fontFamily: {
            body: ['Roboto','sans-serif'],
            display: ['Rubik', 'Roboto', 'sans-serif']
        }
    }
}
```
Make sure to add the font links in the **partials/meta.htm** when changing fonts.

More Tailwindcss configuration can be found [here](https://tailwindcss.com/docs/configuration)

All scripts and styles can be found inside **assets/src** folder.

### Compiling Assets
Use Lavel Mix's default command to compile your asset for development. The theme uses PostCSS to process the css and runs PurgeCSS to remove unwanted css on the production build to minimize the css file size.

Development Build
```
npm run dev 
```

Watching Development Build
```
npm run watch
```

Production Build
```
npm run prod
```

### Demo
- https://zenii.netlify.com/

### Credits to the authors of these libraries
- [Laravel Mix](https://laravel-mix.com/)
- [Tailwindcss](https://tailwindcss.com/)
- [Glider.js](https://nickpiscitelli.github.io/Glider.js/)
- [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
- [unDraw](https://undraw.co/)
- [Validate.js](https://validatejs.org/)
- [Sal.js](https://mciastek.github.io/sal/)

### License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details

zenii

zenii Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

zenii

zenii Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README