Проект вёрстки сайта для оказания консалтинговых услуг для крупного бизнеса / https://oksana2211.github.io/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.
Проектная команда
- Оксана Тайсумова (https://github.com/Oksana2211)
- Анастасия Клиффорд (https://github.com/nastyaclifford)
- Анастасия Искендерова (https://github.com/ianastasiya)
- Ксения Кочинева (https://github.com/Kseniva)
- Mарина Овчаренко (https://github.com/Mmaryna68)
- Аида Рахимова (https://github.com/Aida1005)
- Екатерина Григас (https://github.com/grigaskate)
- Олеся Михайлова (https://github.com/Olesya6666)
- Елена Миронова (https://github.com/MironovaElena)
- Ирина Абрамова (https://github.com/Lira11io)
- Айгуль Ташматова (https://github.com/Aygul2022)
- Евгения Мальцева (https://github.com/EvgeniaMaltseva)
- Юлия Старикова ( https://github.com/CodeMeYulia)
Функциональность и описание сайта
Проект был создан командой по заказу клиента в рамках практических работ в школе IT Girls. Макет, на основе которого делалась вёрстка, также был разработан командой проекта.
Задачи проекта были следующие:
- Создание сайта-визитки для ИП, оказание консалтинговых услуг (бизнес-планы, финансовые модели, бизнес-процессы). Аудитория: крупные компании с оборотом от 450 млн руб в год (те не физ лица, не ИП).
- Примерная структура сайта должна была быть следующей:
- Вступление
- Представление (о заказчице)
- Миссия
- Оказываемые услуги
- Этапы сотрудничества
- Отраслевой опыт
- Уникальность
- Контакты для обратной связи
- Клиентом была представлена желаемая цветовая гамма и примерная структура макета, согласно которым команда разработала макет и впоследствии реализовала вёрстку сайта в соответствии с дизайном из макета.
- Сайт должен быть адаптивен и хорошо смотреться с экрана компьютера, планшета и мобильного телефона.
- Взаимодействие с пользователем должно быть реализовано через форму обратной связи.
Технологии и библиотеки
- Bootstrap 5
- HTML5 (grid, flex)
- SASS, CSS
- GitHub
Инструкция по установке
1)Для того, чтобы перенести проект себе на компьтер, необходимо выполнить команду git clone https://github.com/Oksana2211/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.
- При работе с кодом необходимо внести строчки app.css и app.css.map в файл .gitignore. А также следить за тем, чтобы в работе присутствовал только один вариант app.css.