Изменения

Перейти к: навигация, поиск

Личный кабинет курьерской службы

1769 байт добавлено, 14:24, 28 мая 2021
м
Настройка ЛК клиента
Также возможен доступ от имени [[Клиенты_и_партнеры#Вкладка "Отделы"|отдела]]. Для этого создайте пару логин/пароль в <rspoiler text="карточке отдела">карточка клиента &rarr; вкладка "Отделы" &rarr; двойной щелчок по нужному отделу</rspoiler> и добавьте хотя бы одного сотрудника. Если клиент авторизуется в ЛК от имени отдела, пункт [[#Настройка пункта "Финансы"|"Финансы"]] будет недоступен, а поле "Отдел" при оформлении нового заказа заполнится автоматически.
== Настройка ЛК личного кабинета клиента==Настройка ЛК клиента выполняется в личном кабинете курьерской службы в пункте основного меню "Управление ЛК" (далее - "'''админкаУправление ЛК'''").[[Файл:Вкладка_отслеживание.PNG|right|300px|thumb|Настройка пункта "Отслеживание"]]
===Настройка пункта "Отслеживание"===Пункт основного меню ЛК клиента [[Личный_кабинет#Отслеживание заказов Файл:Lk11.png|1200px|"Отслеживание"none]] отображает таблицу заказов и карточки подробностей. Таблица настраивается на вкладке "Поля в отслеживании заказов", а карточки - на вкладке "Поля в подробностях заказа".
===Настройка пункта"Оформить заказ"===Управление полями на всех вкладках производится с помощью столбцов:[[Файл:Настройка_оформить_заказ* '''Порядок вывода''' — показывает расположение полей.PNG|right|300px|thumb|Настройка вкладок оформления заказов]]Для изменения очередности перетащите строку вверх или вниз мышкой;* '''Стандартное название''' — отображает названия полей по умолчанию;* '''Клиентское название''' — название поля, которое будет отображаться у ваших клиентов;* '''Разрешено''' — позволяет включать и отключать отображение полей переключением ON/OFF;Пункт [[Личный кабинет#Создание * '''Обязательно''' — дополнительный столбец в разделах '''Поля в оформлении забора''' и '''Поля в оформлении заказа|"Оформить заказ"]] позволяет оформлять заказы вручную'''. Предназначен для назначения обязательных к заполнению полей. В личном кабинете клиента такие поля будут отмечены красной звёздочкой. Если клиент их не заполнит, создавать заявки на заборсистема оповестит его об этом, а также загружать реестр Excelи заказ создан не будет.
====Настройка вкладки "Оформить заказ"====Поля, заполняемые при создании заказов вручную, настраиваются в "админке" на вкладке "Поля в оформлении заказа".  При создании заказов в ЛК клинета '''интервалы времени доставки''' можно выставлять вручную или выбирать из списка. Для ручного ввода включите поля "Время доставки с" и "Время доставки по". Чтобы выбирать интервалы из списка, включите поле "Интервалы времени доставки". Список интервалов можно редактировать в системе MeaSoft ("Справочники" &rarr; "Статусы" &rarr; "61. Интервалы времени доставки").  Для возможности добавления [[Личный кабинет#Добавление товара|товаров]] при создании заказа в ЛК включите поле "'''Товары'''". Для возможности добавления [[Личный кабинет#Добавление файла |файлов]] включите поле "'''Прикрепленные файлы'''". Далее их можно будет просмотреть в системе MeaSoft (карточка корреспонденции &rarr; "Функции" &rarr; "Прикрепленные файлы"). Значение поля "'''Режим доставки'''" по умолчанию можно выставить на вкладке "Параметры" в разделе "Умолчания" -> "Режим срочности". ====Настройка вкладки "Заявка на забор"====Поля, заполняемые при создании заявки на забор, настраиваются на вкладке "Поля в оформлении забора".  Обратите внимание, что после создания заявки на забор через ЛК в карточке корреспонденции данные отправителя будут на вкладке "Получатель", а данные получателя на вкладке "Отправитель". ====Настройка вкладки "Реестр Excel"====[[Файл:Импорт_реестра.PNG|right|300px|thumb|Настройка ячеек в шаблоне реестра Excel]][[Файл:СТАНДАРТ1.png|50px|]] [[Файл:ПРЕМИУМ1.png|50px|]] На вкладке "Поля в импорте из Excel" настраивается шаблон, на основе которого клиент будет создавать файл Excel для импорта заказов в личный кабинет. В данном случае поля - это строки таблицы, которые будут отображаться в шаблоне.  Помимо [[#Настройка полей|стандартных столбцов]], здесь добавлены "Ячейка значения", "Ячейка заголовка" и "Ширина".  "'''Ячейка значения'''" позволяет указать, в какой ячейке или <rspoiler text="диапазоне">Диапазон ячеек обозначается с помощью символа ":" . В файле Excel будет произведено объединение ячеек в рамках указанного диапазона.</rspoiler> ячеек клиент будет вводить значение строки. <spoiler text="Пример">Если в поле "Дата забора" в столбце "Ячейка значения" указано "D4:G4", то в документе Excel дату забора нужно будет указывать в диапазоне ячеек D4:G4.</spoiler>"'''Ячейка заголовка'''" позволяет указать, в какой ячейке или диапазоне ячеек будет расположено название поля. Чтобы разместить один заголовок в нескольких частях файла Excel, укажите ячейки или диапазоны через запятую. <spoiler text="Пример">Если в поле ""Дата забора" в столбце "Ячейка заголовка" указано "A4, А10", то в документе Excel название строки "Дата забора" будет расположено в двух ячейках: A4 и А10. </spoiler>"'''Ширина'''" позволяет задавать ширину столбца в файле Excel. Ширина измеряется количеством символом, которые войдут в ячейку.  Строки, назначенные обязательными к заполнению, никак не выделяются в файле Excel. Однако если клиент оставит их пустыми, при загрузке файла появится соответствующее оповещение, и заказы не будут добавлены в систему.  Обратите внимание, что изменение порядка вывода строк не меняет расположение строк в файле Excel. А поля "№ П/П" и "Компания получателя" всегда включены и обязательны к заполнению.[[Файл:включить_выбор_ПВЗ.PNG|right|300px|thumb|Включение выбора ПВЗ]] ====Настройка вкладки "Калькулятор"====В данном пункте настраиваются поля калькулятора в ЛК клиентов. ===Настройка пункта"ПВЗ"===Список ПВЗ отображается в ЛК клиента в [[Личный кабинет#Работа с пунктами выдачи заказов|соответствующем пункте основного меню]]. Добавлять новые ПВЗ в список [[Работа с пунктами самовывоза (ПВЗ)|можно в системе MeaSoft]]. Чтобы клиент мог выбирать ПВЗ в личном кабинете при создании заказа вручную, на вкладке "Управление ЛК" в разделе "Поля в оформлении заказа" включите поле "Вид доставки". ===Настройка пункта "Склад"===Чтобы пункт [[Личный кабинет#Складской учет |"Склад"]] появился в ЛК клиента, он должен быть назначен поставщиком хотя бы в одной [[Модуль_складского_учета#Постановка на приход| приходной накладной ]] в системе MeaSoft.  Чтобы при добавлении товара со склада к заказу в ЛК значения сохранить настройки полей "Название товара", "Масса единицы товара", "Цена единицы товара" и "Штрихкод" заполнялись автоматически, они должны быть указаны в карточке номенклатуры в системе MeaSoft ("Склад" &rarr; "Номенклатура").  Чтобы в ЛК клиента отображалось актуальное количество <rspoiler text="доступных товаров">В ЛК клиента это столбец "с учетом резерва" на вкладке "Склад"</rspoiler> внизу страницы нажмите на складе, в системе MeaSoft настройте переменную <mparam code="LetterStates/>.  Управление складом курьерской службы осуществляется в [[Модуль складского учета| модуле складского учета]].[[Файл:Финансы.PNG|right|300px|thumb|Настройка расчета оплаты]] ===Настройка пункта "Финансы"===[[Файл:ПРЕМИУМ1.png|50px|]] Пункт [[Личный кабинет#Финансы|"Финансы"]] отображает таблицу с [[Акты Передачи Денег и корреспонденции (АПД)|АПД]]. В столбце "кнопку '''Расчет оплатыСохранить'''" по умолчанию отображается сумма, которую курьер должен передать клиенту. Чтобы сумма рассчитывалась с вычетом курьерских услуг, в системе MeaSoft в карточке клиента на вкладке "Финансы" поставьте галку "Исключить стоимость курьерских услуг из акта передачи денег". ===Настройка пункта "Калькулятор"===[[Файл:Входящие.PNG|right|300px|thumb|Включение пункта "Входящие"]][[Файл:СТАНДАРТ1.png|50px|]] [[Файл:ПРЕМИУМ1.png|50px|]] Пункт [[Личный кабинет#Расчет стоимости и сроков доставки|"Калькулятор"]] отображается в ЛК клиента по умолчанию. Чтобы его отключить, в "админке" на вкладке "Параметры" снимите галку "Показывать вкладку Калькулятор". Калькулятор проводит расчеты по [[Справочники#Общие междугородние тарифы| общим междугородним тарифам]], если у клиента не настроены [[Справочники#Индивидуальные междугородние тарифы|индивидуальные]]. Чтобы рассчитывались тарифы внутри одного города, укажите его в настройках междугородних тарифов и "Отправителем", и "Получателем". ===Настройка пункта "Входящие"===[[Файл:СТАНДАРТ1.png|50px|]] [[Файл:ПРЕМИУМ1.png|50px|]] Пункт [[Личный кабинет#Входящие заказы|'''Входящие''']] появляется в основном меню ЛК клиента, когда клиент курьерской службы выступает в роли агента.  Для этого в системе MeaSoft для него должна быть заведена <rspoiler text="карточка филиала">"Справочники" &rarr; Межгород &rarr; "Филиалы"</rspoiler>. При этом логин и пароль от ЛК клиента должны быть заведены в <rspoiler text="карточке контрагента">"Справочники" &rarr; Межгород &rarr; "Филиалы" &rarr; карточка филиала &rarr; Контрагент</rspoiler> на вкладке '''Прочее'''. ===Настройка полей=== Управление полями на всех вкладках производится с помощью четырех столбцов: '''Порядок вывода''', '''Стандартное название''', '''Клиентское название''' и '''Разрешено'''. Во вкладках '''Поля в оформлении забора''' и '''Поля в оформлении заказа''' есть дополнительный столбец '''Обязательно'''. [[Файл:Настройка_полей.PNG|none|1200px]]
Чтобы вернуть настройки по умолчанию, нажмите на кнопку '''Порядок выводаСбросить''' показывает расположение столбцов в таблицах. Для изменения очередности отображения перетащите строку вверх или вниз мышкой.
'''Стандартное название''' отображает названия столбцов по умолчанию, а в столбце '''Клиентское название''' вы === Настройка видимости полей для групп клиентов ===Вы можете менять их настроить разные поля для своих групп клиентов. Группа клиентов определяется статусом в [[Клиенты и партнеры#Основное|карточке клиента]].
Чтобы настроить поля формы для группы клиентов:# В выпадающем списке '''РазрешеноВыберите тип''' позволяет включать выберите статус группы клиентов и отключать отображение столбцов нажатием нажмите на ON/OFFкнопку '''Скопировать'''.# Настройте видимость полей формы.# Нажмите на кнопку '''Сохранить'''.# Чтобы настроить форму для другой группы клиентов, повторите все шаги снова.
'''Обязательно''' предназначен для назначения обязательных к заполнению полей. В личном кабинете клиента такие поля будут отмечены красной звёздочкой. Если клиент их не заполнитрезультате в первом выпадающем списке появится значение статуса группы, система оповестит его об этом, и заказ создан не будетдля которой настроена форма.
=== Настройка полей и вкладок ===
Настройки личного кабинета клиента приведены в таблице:
{|class="wikitable"!Что настраиваем!Где настраиваем!Результат в ЛК клиента!style="width: 50%;"|Пояснение|-|Поля таблицы заказов на вкладке '''Отслеживание''' ЛК клиента||'''Управление ЛК''' > '''Поля в отслеживании заказов'''||[[Личный кабинет#Отслеживание исходящих заказов|Отслеживание]]|||-|Поля карточки заказа в ЛК клиента||'''Управление ЛК''' > '''Поля в подробностях заказа'''||[[Личный кабинет#Просмотр информации о заказе|Просмотр информации о заказе]]|||-|Поля оформления заказа||'''Управление ЛК''' > '''Поля в оформлении заказа'''||[[Личный кабинет#Создание заказа|Создание заказа вручную]]||Настройки отображения полей, заполняемые при создании [[Личный кабинет клиента#Создание заказа вручную|заказа вручную]]<br>При создании заказов '''интервалы времени доставки''' можно выставлять вручную или выбирать из списка.<br>Для ручного ввода включите поля '''Время доставки с''' и '''Время доставки по'''.<br>Чтобы выбирать интервалы из списка, включите поле '''Интервалы времени доставки'''.<br>Список интервалов можно редактировать в <rspoiler text="системе MeaSoft"> '''Справочники''' > '''Статусы''' > '''61 Интервалы времени доставки'''</rspoiler>.<br><br>Чтобы добавлять [[Личный кабинет#Добавление товара|товары]] в заказ, включите поле '''Товары'''.<br><br>Чтобы добавлять [[Личный кабинет#Добавление файла|файлы]], включите поле '''Прикрепленные файлы'''. <br>Прикрепленные файлы можно просмотреть <rspoiler text="в MeaSoft"> карточка корреспонденции > '''Функции''' > '''Прикрепленные файлы'''</rspoiler>.<br><br>Значение поля '''Режим доставки''' по умолчанию можно выставить в разделе [[#Параметры|'''Параметры''']] в выпадающем списке '''Режим срочности'''.<br><br>Чтобы выбирать ПВЗ, включите поле '''Вид доставки'''.|-|Поля заявки на забор|| '''Управление ЛК''' > '''Поля в оформлении забора'''||[[Личный кабинет#Создание заказа|Заявка на забор]]||Вы можете отключить вкладку '''Заявка на забор''' — для этого отключите все поля формы.<br>После создания заявки на забор через ЛК в карточке корреспонденции данные отправителя будут на вкладке '''Получатель''', а данные получателя на вкладке '''Отправитель'''.|-|Поля на странице отслеживания заказа||'''Управление ЛК''' > '''Поля трекинга по номеру'''||[[Личный кабинет курьерской службы#Отслеживание заказа по номеру|Отслеживание заказа по номеру]]|||-|Поля в наклейках||'''Управление ЛК''' > '''Поля в печати наклеек'''||[[Личный кабинет клиента#Печать документов|Печать документов]]|||-|Список ПВЗ||Офисное приложение||[[Личный кабинет#Пункты выдачи заказов|Пункты выдачи заказов]]||Вы можете дополнить список ПВЗ [[Работа с пунктами самовывоза (ПВЗ)|в системе MeaSoft]].<br>Чтобы клиент мог выбирать ПВЗ при создании заказа вручную, на вкладке '''Управление ЛК''' в разделе '''Поля в оформлении заказа''' включите поле '''Вид доставки'''.|-|Склад||Офисное приложение||[[Личный кабинет#Складской учет|Склад]]||Чтобы пункт меню '''Склад''' появился в ЛК клиента, клиент должен быть поставщиком хотя бы в одной [[Модуль складского учета#Постановка на приход|приходной накладной]] в системе MeaSoft.<br><br>Чтобы при добавлении товара со склада к заказу в ЛК значения полей '''Название товара''', '''Масса единицы товара''', '''Цена единицы товара''' и '''Штрихкод''' заполнялись автоматически, они должны быть указаны в карточке номенклатуры в системе MeaSoft ('''Склад''' > '''Номенклатура''').<br><br>Чтобы в ЛК клиента отображалось актуальное количество <rspoiler text="доступных товаров">В ЛК клиента это столбец '''с учетом резерва''' на вкладке '''Склад'''</rspoiler> на складе, в системе MeaSoft настройте переменную <mparam code="LetterStates/>.<br><br>Управление складом курьерской службы осуществляется в [[Модуль складского учета|модуле складского учета]].|-|Шаблон реестра Excel<br>[[Файл:СТАНДАРТ1.png|80px|]] [[Файл:ПРЕМИУМ1.png|80px|]] [[Файл:Lk11максимум1.png|1000px80px]]||'''Управление ЛК''' > '''Поля в импорте из Excel'''||[[Личный кабинет#Создание заказа|noneЗагрузка реестра Excel]]|||Настраивается шаблон, на основе которого клиент будет создавать файл Excel для импорта заказов в личный кабинет.<br>В данном случае поля — это строки таблицы, которые будут отображаться в шаблоне.<br><br>Помимо [[#Настройка полей|стандартных столбцов]], здесь добавлены '''Ячейка значения''', '''Ячейка заголовка''' и '''Ширина''':<br> &bull; '''Ячейка значения''' позволяет указать, в какой ячейке или <rspoiler text="диапазоне">Диапазон ячеек обозначается с помощью символа «:». В файле Excel будет произведено объединение ячеек в рамках указанного диапазона.</rspoiler> ячеек клиент будет вводить значение строки. <rspoiler text="Пример">Если в поле '''Дата забора''' в столбце '''Ячейка значения''' указано «D4:G4», то в документе Excel дату забора нужно будет указывать в диапазоне ячеек D4:G4</rspoiler>.<br> &bull; '''Ячейка заголовка''' позволяет указать, в какой ячейке или диапазоне ячеек будет расположено название поля. Чтобы разместить один заголовок в нескольких частях файла Excel, укажите ячейки или диапазоны через запятую. <rspoiler text="Пример">Если в поле '''Дата забора''' в столбце '''Ячейка заголовка''' указано «A4, А10», то в документе Excel название строки «Дата забора» будет расположено в двух ячейках: A4 и А10.</rspoiler><br> &bull; '''Ширина''' позволяет задавать ширину столбца в файле Excel. Ширина измеряется количеством символом, которые войдут в ячейку.<br><br>Строки, назначенные обязательными к заполнению, никак не выделяются в файле Excel. Однако если клиент оставит их пустыми, при загрузке файла появится соответствующее оповещение, и заказы не будут добавлены в систему.<br><br>Обратите внимание, что изменение порядка вывода строк не меняет расположение строк в файле Excel. А поля '''№ П/П''' и '''Компания получателя''' всегда включены и обязательны к заполнению.|-|Поля в калькуляторе<br>[[Файл:СТАНДАРТ1.png|80px|]] [[Файл:ПРЕМИУМ1.png|80px|]] [[Файл:максимум1.png|80px]] ||'''Управление ЛК''' > '''Поля в калькуляторе'''||[[Личный кабинет#Калькулятор|Калькулятор]]||Чтобы отключить отображение калькулятора, в разделе '''Параметры''' > '''Основные''' снимите флажок '''Показывать вкладку Калькулятор'''.<br><br>Калькулятор проводит расчеты по [[Тарифы#Общие междугородние тарифы|общим междугородним тарифам]], если у клиента не настроены [[Тарифы#Индивидуальные междугородние тарифы|индивидуальные]]. Чтобы рассчитывались тарифы внутри одного города, укажите его в настройках междугородних тарифов и отправителем, и получателем.|-|Вкладка '''Входящие'''<br>[[Файл:СТАНДАРТ1.png|80px|]] [[Файл:ПРЕМИУМ1.png|80px|]] [[Файл:максимум1.png|80px]]||Офисное приложение||[[Личный кабинет#Входящие заказы|Входящие]]||Пункт меню '''Входящие''' появляется в ЛК клиента, когда клиент курьерской службы выступает в роли агента.<br>Для этого в системе MeaSoft для него должна быть создана <rspoiler text="карточка филиала"> '''Справочники''' > '''Межгород''' > '''Филиалы'''</rspoiler>. При этом логин и пароль от ЛК клиента должны быть записаны в <rspoiler text="карточке контрагента"> '''Справочники''' > '''Межгород''' > '''Филиалы''' > карточка филиала > '''Прочее''' > '''Контрагент'''</rspoiler>.|-|Список АПД<br>[[Файл:ПРЕМИУМ1.png|80px|]] [[Файл:максимум1.png|80px]]||Офисное приложение||[[Личный кабинет#Финансы|Финансы]]||Пункт меню '''Финансы''' отображает таблицу с [[Акты передачи денег и корреспонденции|АПД]].<br><br>В столбце '''Расчет оплаты''' по умолчанию отображается сумма, которую курьер должен передать клиенту. Чтобы сумма рассчитывалась с вычетом курьерских услуг, в системе MeaSoft в карточке клиента на вкладке '''Финансы''' установите флажок '''Исключить стоимость курьерских услуг из акта передачи денег'''.|-|Отмена и изменение заказа<br>[[Файл:ПРЕМИУМ1.png|80px|]] [[Файл:максимум1.png|80px]]||'''Управление ЛК''' > '''Параметры''' > '''Расширенные'''||[[Личный кабинет клиента#Отслеживание исходящих заказов|Отслеживание исходящих заказов]]|-|}
Чтобы сохранить настройки полей, внизу страницы нажмите на кнопку '''Сохранить'''. Чтобы вернуть настройки по умолчанию, внизу страницы нажмите на кнопку '''Сбросить'''. ===Дополнительные настройкиПараметры ===[[Файл:СТАНДАРТ1.png|80px]] [[Файл:ПРЕМИУМ1.png|50px80px|]] [[Файл:максимум1.png|80px]] В разделе '''Параметры''' расположены дополнительные настройки личного кабинета:
[[Файл:AddParams.png|none|1100px]]
* '''Расширенные'''.
====Вкладка «Основные»Основные параметры ===='''HTML-код'''. В тексте настройки можно указывать как HTML-код для вывода частей содержимого, так и js-скрипты. Кроме того, доступна обработка DOM-модели формы и последующий вывод дополнительного текста после нажатия на кнопку '''Отправить'''. Обработка добавляется в метод submitCallback в виде js-скрипта.
В тексте настройки '''HTML-код''' можно указывать как HTML-код для вывода частей содержимого, так и js-скрипты. Кроме того, доступна обработка DOM-модели формы и последующий вывод дополнительного текста после нажатия на кнопку '''Отправить'''. Обработка добавляется в метод submitCallback в виде js-скрипта.
Пример:
<source lang="javascript">
После нажатия на кнопку '''Отправить''' проверяется значение поля '''Вес'''. Если значение больше или равно 100, то дополнительно к вопросу об оформлении заказа выводится фраза с указанием веса. Этот механизм следует использовать только для вывода сообщений, а не для проверки ошибок оформления заказа, поскольку система позволяет оформить заказ.
Раздел '''Данные компании''' . Раздел позволяет разместить название, логотип, телефон и ссылку на сайт курьерской службы на следующие страницы:
* вход в личный кабинет клиента;
* [[Личный кабинет курьерской службы#Отслеживание заказа по номеру|отслеживание заказа (трекинг)]];
* [[Личный кабинет курьерской службы#Калькулятор|калькулятор]].
====Вкладка «Финансы»====Чтобы сохранить настройки, нажмите на кнопку '''Сохранить'''.
==== Финансы ====
Вкладка предназначена для настройки сервисов платежей:
* '''Настройки PimPay'''. Чтобы начать работать с сервисом PimPay, введите код, токен и приватный ключ PimPay в соответствующие поля. Подробнее см. в разделе «[[Интеграция с другими системами#PimPay|«PimPay»PimPay]]»;* '''Настройки эквайринга'''. Чтобы принимать онлайн-платежи с помощью сервиса Robokassa, в разделе '''Настройки эквайринга''' заполните поля данными магазина из личного кабинета Robokassa. Подробнее см. в разделе «[[Интеграция с другими системами#Robokassa|«Robokassa»Robokassa]]»;* '''Настройки эквайринга Ibox'''. Позволяет настроить модуль для получения запросов с Ibox. Заполните поле '''ID клиента в системе ibox''' значением из раздела '''Профиль компании''' личного кабинета ibox, придумайте логин и пароль для вебхуков и сообщите эти данные в ibox. Подробнее см. в разделе «[[Интеграция с другими системами#ibox|«ibox»ibox]]»
Чтобы сохранить настройки, нажмите на кнопку '''Сохранить'''.
====Вкладка «Расширенные»Расширенные параметры ====[[Файл:ПРЕМИУМ1.png|80px|]] [[Файл:максимум1.png|80px]]На вкладке настройки сгруппированы в разделы '''Основные настройки''' и '''Настройка внешнего вида'''.  
Раздел '''Настройка внешнего вида''' позволяет изменить интерфейс личного кабинета клиента.
 
Чтобы изменить интерфейс личного кабинета клиента:
# Скачайте файл CSS по ссылке «Пример CSS файла».
# Откорректируйте файл CSS.
# Нажмите на кнопку '''Выберите файл''' и загрузите измененный файл CSS. В случае успешной загрузки появится сообщение: «CSS успешно загружен».
 
Обратите внимание, что ЛК клиента построен с применением [http://getbootstrap.com Bootstrap].

Навигация