# [Static Site Eleventy Fractal](https://appseed.us/static-site/eleventy-html5up-fractal)

**Open-Source Static Site** coded in **[Eleventy](https://www.11ty.io/)** - Provided by **AppSeed** [Web App Generator](https://appseed.us/app-generator).

### Static Site Features:

- Design: HTML5up Fractal
- SSG: [11ty](https://www.11ty.io/)
- Webpack, Babel
- Light-server - for browser refresh
- PostCSS, Sass/SCSS, CSSnano
- Autoprefixer

<br />

## Want more? Go PRO!

PRO versions include **Premium UI Kits**, Lifetime updates and **24/7 LIVE Support** (via [Discord](https://discord.gg/fZC6hup)) 

| [Eleventy Material Kit PRO](https://appseed.us/static-site/eleventy-material-kit-pro) | [Eleventy Paper Kit PRO](https://appseed.us/static-site/eleventy-paper-kit-pro) | [Eleventy Now UI Kit PRO](https://appseed.us/static-site/eleventy-now-ui-kit-pro) |
| --- | --- | --- |
| [![Eleventy Material Kit PRO](https://raw.githubusercontent.com/app-generator/static/master/products/eleventy-material-kit-pro-screen.png)](https://appseed.us/static-site/eleventy-material-kit-pro)  | [![Eleventy Paper Kit PRO](https://raw.githubusercontent.com/app-generator/static/master/products/eleventy-paper-kit-pro-screen.png)](https://appseed.us/static-site/eleventy-paper-kit-pro) | [![Eleventy Now UI Kit PRO](https://raw.githubusercontent.com/app-generator/static/master/products/eleventy-now-ui-kit-pro-screen.png)](https://appseed.us/static-site/eleventy-now-ui-kit-pro)

<br />
<br />

![Eleventy Html5UP Fractal - Static Site built with 11ty.](https://raw.githubusercontent.com/app-generator/static/master/products/eleventy-html5up-fractal-screen.png)

<br />

## How to use it

```bash
$ # clone the sources
$ git clone https://github.com/app-generator/eleventy-html5up-fractal.git
$ cd eleventy-html5up-fractal
$
$ # install modules
$ yarn
$
$ # start the project in development mode
$ yarn dev
$ # app is running on http://localhost:4000
$
$ # build the project for production
$ yarn build
```

<br />

## Project Structure

The boilerplate code is built with a modular structure that follows the recommended pattern used by many open-source projects. 

<br />

```bash
< ROOT > - Eleventy Fractal       # project root folder
    |
    |--- src/                     # website source folder  
    |--- src/_includes            # website partials (footer, header)  
    |--- src/assets               # website assets (scss, javascript files)
    |--- src/index.njk            # index page in NJK format
    |  
    |--- .eleventy.js             # Eleventy (11ty) config file
    |--- package.json             # main script executed by Yarn, Npm
    |
    |-----------------------------
```

<br />

## Support

- Free support via eMail < [support @ appseed.us](https://appseed.us/support) > and [Github](https://github.com/app-generator/eleventy-html5up-paradigm/issues)
- 24/7 Live Support via [Discord](https://discord.gg/fZC6hup) for paid plans and commercial products.

<br />

## Resources

- [Eleventy Fractal](https://appseed.us/static-site/eleventy-html5up-fractal) - Product page
- [Eleventy Fractal](https://eleventy-html5up-fractal.appseed.us) - Live DEMO

<br />

## License & Credits

- [CCY 3.0](https://html5up.net/license) - Inherited from Html5Up
- [Deventy](https://github.com/ianrose/deventy) - the initial starter 

<br />

## What is [Eleventy](https://www.11ty.dev/) (11ty)

**Eleventy** is a simpler [static sites](https://appseed.us/static-site) generator created to be a JavaScript alternative to Jekyll.
It’s `zero-config` by default but has flexible configuration options. Eleventy **works with your project’s existing directory structure**.

Eleventy uses **independent template engines**. We don’t want to hold your content hostage. If you decide to use something else later, having your content decoupled in this way will make migration easier. Eleventy works with multiple template languages (HTML, Markdown, Javascript, Liquid, Nunjunks ..)

### Eleventy resources

- [Eleventy 11ty](https://www.11ty.dev/) - the official site
- [Eleventy Docs](https://www.11ty.dev/docs/) - the documentation
- [Eleventy](https://github.com/11ty/eleventy/) - the official repository (Github)

<br />

---
[Static Site Eleventy Fractal](https://appseed.us/static-site/eleventy-html5up-fractal) - Provided by **AppSeed** [Web App Generator](https://appseed.us/app-generator).
