# Текущая ззадача

оформи и напиши все файлы для app/pages/Contacts
Данные для страницы:

+992 372 27 09 46
просп. Исмоила Сомони, 26
Сейчас руководство скину брат
Азимов Махмадюсуф зам директора
Директор Джумахон Розикзода


# применяй правила:

## Корневой каталог и мета данные
Важно: мета данные добавляются через app/temp.coffe
базовым тегоьм для vuejs является body, app/index.pug начинается с div,
теги html, head, body ЗАПРЕЩЕНО использовать.

## Радота с кодом
всегда приводи полный листинг файлов
при форматировании кода для отделения логических блоков используй 4 пробела ("    ")
следи за строгим соблюдением синтаксиса используемых языков (coffeescript, pug, stylus)
в pug не используй многострочные вычисляемые атрибуты

## работа с консолью
используй для вывода в консоль debug.log

console.log "переменная temp = #{temp}" - не правильно
debug.log "переменная temp = "+temp     - правильно

## Цвета и управление темами
во всех *.styl файлах используй цвета в виде переменных, определённых в файле tailwind.config.js

## Стили
все глобальный настройки стилей, пиши в app/temp.styl в остальных файлах, строго стили необходимые только для данного компаонента

## стиль написания классов 
.container.mx-auto.px-4 - не правильно
div(class="container.mx-auto  px-4") - правильно

## *не используй вызовы*
Vue = require 'vue'
VueRouter = require 'vue-router'
* Подключение осуществлено глобально через файл doc.json

## git 
проверяй последние версии файлов в репозитарии, корневой каталог vue/
от него идут пути к файлам пример: в коде -> app/temp.coffee, в репозитарии -> vue/app/temp.coffee
https://gogs.osvoj.ru/s5l.ru/borbad.s5l.ru/src/master

## файл с правилами
https://gogs.osvoj.ru/s5l.ru/borbad.s5l.ru/raw/master/README.md

# общая структура проекта
app/
├── tailwind.config.js (настройка тем и Tailwind CSS)
├── temp.pug (основной layout)
├── temp.coffee (инициализация Vue и роутера)
├── temp.styl (стили которые сложно или не удобно сделать на Tailwind CSS  или стили к однотипным элементам на stylus)
├── page/
     ├── Home/  (главная страница)
          ├── index.coffee
          ├── index.pug
          ├── index.styl
     ├── [другие_страницы]/
          ├── index.coffee
          ├── index.pug
          ├── index.styl
└── shared/
     ├── ThemeToggle/
          ├── index.coffee
          ├── index.pug
          ├── index.styl
     ├── MultiLevelMenu/
          ├── index.coffee
          ├── index.pug
          ├── index.styl
     ├── ImageSlider/
          ├── index.coffee
          ├── index.pug
          ├── index.styl
     ├── ModalWindow/
          ├── index.coffee
          ├── index.pug
          ├── index.styl
     ├── FormValidator/
          ├── index.coffee
          ├── index.pug
          ├── index.styl
     ├── FilterSort/
          ├── index.coffee
          ├── index.pug
          ├── index.styl