https://github.com/hello-kozloff/html5-blank-template

🔥 Blank template for professional layout!
https://github.com/hello-kozloff/html5-blank-template

babel bem-methodology developer-tools gulp pugjs sass smart-grid

Last synced: 16 days ago
JSON representation

🔥 Blank template for professional layout!

• Host: GitHub
• URL: https://github.com/hello-kozloff/html5-blank-template
• Owner: hello-kozloff
• Created: 2019-07-25T16:03:57.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-06-13T14:23:58.000Z (over 4 years ago)
• Last Synced: 2024-08-23T14:28:47.456Z (2 months ago)
• Topics: babel, bem-methodology, developer-tools, gulp, pugjs, sass, smart-grid
• Language: CSS
• Homepage:
• Size: 179 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# html5-blank-template

Universal procurement project.

## Stack

- gulp-4

- pug.js

- sass

- smart-grid

- BEM

- Babel

## Installation

1. Install globally `yarn`

2. Open folder in terminal and clone project - `git clone https://github.com/hello-kozloff/html5-blank-template.git`

3. Clone bemto in to core - `cd src && mkdir core && cd core && git clone git://github.com/kizu/bemto.git .`

3. After use clone - `yarn install`

## File structure

```

html5-blank-template

├── build

├── static

├── src

│   ├── blocks

│   ├── fonts

│   ├── images

│   ├── pages

│   ├── sass

├── gulpfile.babel.js

├── package.json

├── .babelrc.js

└── .gitignore

```

* Root:

    * ```.babelrc.js``` — Babel settings

    * ```.gitignore``` – Git ignore

    * ```gulpfile.babel.js``` — Gulp tasks

    * ```package.json``` — Dependencies

* Work ```src``` - All files in project:

    * BEM: ```src/blocks```

    * Fonts: ```src/fonts```

    * Images: ```src/images```

    * Pages: ```src/pages```

    * Sass: ```src/sass```

* Folder ```static``` - folder from which the local development server is launched (```yarn run```)

## How to use

- If you want create new block - `gulp create --block example-block`