ACME template

Hello there! Once I started to learn new cool features, I wanted to practice them. I tried to make a markup of base Platforma Web Wireframe Kit template. I found out that this design would suit my current needs in practicing my skills. This ACME project is based on Gulp4 ;) This is a simple portfolio pet project! ;) You can see the project's preview on Behance;

The things I used in this project:

• GULP 4;
• PUG;
• SASS/SCSS;
• JQUERY;

This is main stack, but this work also includes things like:

• Mixins and other pug features;
• Popular libs for some cases (e.g. progressive images);
• SVG-sprites;
• Simple animations;
• Cool favicons;
• Eslint;

Folder structure:

root
├── dist
│   └── // here we placed production files
├── gulp
│   └── // main gulp4 template files
├── src
│   ├── css
│   ├── favicon
│   ├── fonts
│   ├── img
│   ├── js
│   ├── libs
│   ├── pages
│   │    └── // .pug files are placed here
│   ├── sass
│   │    └── // preprocessor stylesheet files before compiling
│   └── scripts
│        └── // our main scripts that builds with gulp-babel, uglify, etc.
├── .eslintrc.js
├── .gitignore.js
├── .prettierrc
├── gulpfile.js
└── package.json

How to check it

1. You can visit GitHub Pages by following this link;
2. You can clone or download this repo and simply install all dependencies and open this project locally; 2.1. Use this command in opened root folder:

npm i

2.2. Wait for downloading; 2.3. Start it via:

npm run start

Are you interesed?

Then chat me on Telegram (@koteasee) or write me on email (orshorepaera@gmail.com) ;) Feel free to contact me!

Thanks for watching! Hope you enjoyed my skills-training pet-project ;)