В данном проекте применяются следующие технологии:
- HTML
- CSS
- JavaScript
- LESS
- GULP
- Bootstrap
Адаптивная верстка отсутствует. Применена БЭМ-методология.
Для работы с проектом необходимо:
- предварительно установить node.js для работы пакетного менеджера npm
- скачать проект с помощью команды
git clone https://github.com/SeregaZnam/Project-1.git
либо скачать архив с git репозитория и разархивировать у себя в директории
- в консоли ввести команду npm install для скачивания всех необходимых библиотек
Для обычного просмотра сайта достаточно выполнить шаг 2 и в папке build открыть home.html в браузере.
.
├── build
│ ├── css
│ | ├── about.css
│ | ├── blog.css
│ | ├── blog-post.css
│ | ├── contact.css
│ | ├── home.css
│ | ├── products.css
│ | └── sprite.css
| ├── img
| | └── sprite.png
| ├── js
| | ├──about.js
| | ├──blog.js
| | ├──contact.js
| | └──home.js
| ├── about.html
| ├── blog.html
| ├── blog-post.html
| ├── contact.html
| ├── home.html
| └── products.html
├── dev
| ├── img
| | └──...
| ├── js
| | ├── about.js
| | ├── blog.js
| | ├── contact.js
| | └── home.js
| ├── styles
| | ├── about
| | | ├── header.less
| | | ├── main.less
| | ├── blog
| | | ├── header.less
| | | └── main.less
| | ├── blog-post
| | | ├── header.less
| | | └── main.less
| | ├── contact
| | | ├── header.less
| | | └── main.less
| | ├── home
| | | ├── header.less
| | | └── main.less
| | ├── main
| | | ├── footer.less
| | | ├── header.less
| | | ├── -reset.less
| | | └── style.less
| | ├── products
| | | ├── header.less
| | | └── main.less
| | ├── about.less
| | ├── blog.less
| | ├── blog-post.less
| | ├── contact.less
| | ├── home.less
| | └── products.less
| ├── template
| | ├── about
| | | ├── -header.html
| | | └── -main.html
| | ├── blog
| | | ├── -header.html
| | | └── -main.html
| | ├── blog-post
| | | ├── -header.html
| | | └── -main.html
| | ├── contact
| | | ├── -header.html
| | | └── -main.html
| | ├── home
| | | ├── -header.html
| | | └── -main.html
| | ├── main
| | | └── -footer.html
| | └── products
| | ├── -header.html
| | └── -main.html
| ├── about.html
| ├── blog.html
| ├── blog-post.html
| ├── contact.html
| ├── home.html
| └── products.html
├── .gitignore
├── README.md
├── gulpfile.js
└── package.json