Вебсайт для бизнес-консультанта

Проект по разработке и созданию одностраничного веб-сайта для бизнес-консультанта, специализирующегося на консультировании крупных компаний и предоставляющего рекомендации по бизнес-планам, финансовым моделям и бизнес-процессам. Сайт доступен как на мобильной, так и на настольных устройствах. / https://lira11io.github.io/Real_Project/ /

Сайт создан на базе разработанного командой макета https://www.figma.com/file/HjG1BAfAAaeDaaX3Kvpw2F/%D0%9C%D0%B0%D0%BA%D0%B5%D1%82-%D0%B4%D0%BB%D1%8F-%D0%90%D0%BD%D0%B0%D1%81%D1%82%D0%B0%D1%81%D0%B8%D0%B8-(FINAL)?node-id=0%3A1&t=eKznSepsQMruIlMh-0.

Задачи проекта

• Создание сайта-визитки для ИП, оказание консалтинговых услуг (бизнес-планы, финансовые модели, бизнес-процессы). Аудитория: крупные компании с оборотом от 450 млн руб в год (те не физ лица, не ИП).

• Примерная структура сайта должна содержать следующие разделы:

1. Вступление
2. Представление (о заказчице)
3. Миссия
4. Оказываемые услуги
5. Этапы сотрудничества
6. Отраслевой опыт
7. Уникальность
8. Контакты для обратной связи

• Клиентом была представлена желаемая цветовая гамма и примерная структура макета, согласно которым команда разработала макет и впоследствии реализовала вёрстку сайта в соответствии с дизайном из макета.
• Сайт должен быть адаптивен и хорошо смотреться с экрана компьютера, планшета и мобильного телефона.
• Взаимодействие с пользователем должно быть реализовано через форму обратной связи.

Технологии и библиотеки

• Bootstrap 5
• HTML5 (grid, flex)
• SASS, CSS
• GitHub

Инструкция по установке

1)Для того, чтобы перенести проект себе на компьтер, необходимо выполнить команду git clone https://github.com/Lira11io/Real_Project.git в терминале VS Code

2)Код страницы находится в файле index.html

3)Sass стили находятся в файлах sass в папке components:

• стили для шапки страницы (_header.scss)

• стили для блока Вступление и Обо мне (_introduce.scss)

• стили для блока Миссия (_mission-block.scss)

• стили для блока Описание Услуг (_cards.scss, _main-services.scss)

• стили для блока Этапы Сотрудничества (_divcontainer.scss)

• стили для блока Отраслевой Опыт (_main-industries.scss)

• стили для блока Почему Я (_main-advantages.scss)

• стили для подвала (футер) (_footer.scss)

• cтили для стандартного текстового стиля на странице находятся в папке _root.scss Текстовые стили, которые отличаются от стандартного, а также применяющиеся к разным размерам экрана, находятся в папке _mixin.scss. Переменные для разных цветов, используемых на странице, распологаются в файле _valiables.scss. Normalize находится в _normalize.scss.

  4)При работе с кодом необходимо внести строчки app.css и app.css.map в файл .gitignore. А также следить за тем, чтобы в работе присутствовал только один вариант app.css.

Спасибо всем участникам проекта!