frontend-intership-toxin/src/pages/ui-kit-headers-footers/ui-kit-headers-footers.pug at 3d2995fa1d51af79e7671d9268c64d47a81832ca · fullstack-development/frontend-intership-toxin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
extends ../../layouts/ui-kit-layout.pug
include ../../components/header/header.pug
include ../../components/footer/footer.pug
include ../../components/footer-mobile/footer-mobile.pug

block variables
  - const title = "Headers & Footers"

block script
  script(src="./index.js" defer)

block header
  +ui-kit-header({ withGrayBackground: true })

block content
  main.headers-footers
    .headers-footers__header-sign-in
      +header({
        logo: { type: "colorWithText" },
        navigationList: [
          { name: "О нас", url: "./error-page.html", active: true },
          {
            name: "Услуги",
            dropdown: true,
            subMenuItems: [
              { name: "Работа или отдых", url: "./error-page.html" },
              { name: "Мероприятия", url: "./error-page.html" },
              { name: "Размещение животных", url: "./error-page.html" },
              { name: "Бесплатная отмена", url: "./error-page.html" },
            ]
          },
          { name: "Вакансии", url: "./error-page.html" },
          { name: "Новости", url: "./error-page.html" },
          {
            name: "Соглашения",
            dropdown: true,
            subMenuItems: [
              { name: "Общие положения", url: "./error-page.html" },
              { name: "Условия пользования", url: "./error-page.html" },
              { name: "Гарантии пользователя", url: "./error-page.html" },
              { name: "Уведомления и рассылка", url: "./error-page.html" },
            ]
          },
        ],
        buttonEntry: "войти",
        buttonRegister: "зарегистрироваться",
      })

    .headers-footers__header-logged
      +header({
        logo: { type: "colorWithText" },
        navigationList: [
          { name: "О нас", url: "./error-page.html", active: true },
          {
            name: "Услуги",
            dropdown: true,
            subMenuItems: [
              { name: "Работа или отдых", url: "./error-page.html" },
              { name: "Мероприятия", url: "./error-page.html" },
              { name: "Размещение животных", url: "./error-page.html" },
              { name: "Бесплатная отмена", url: "./error-page.html" },
            ]
          },
          { name: "Вакансии", url: "./error-page.html" },
          { name: "Новости", url: "./error-page.html" },
          {
            name: "Соглашения",
            dropdown: true,
            subMenuItems: [
              { name: "Общие положения", url: "./error-page.html" },
              { name: "Условия пользования", url: "./error-page.html" },
              { name: "Гарантии пользователя", url: "./error-page.html" },
              { name: "Уведомления и рассылка", url: "./error-page.html" },
            ]
          },
        ],
        logged: true,
        userName: "Юлий Цезарь",
      })

    .headers-footers__footer
      +footer({
        logo: { type: "colorWithText" },
        footerText: "Бронирование номеров в лучшем отеле\
        2019 года по версии ассоциации «Отельные взгляды»",
        footerNavigation: {
          column1: {
            title: "навигация",
            linksList: [
              { name: "О нас", url: "./error-page.html" },
              { name: "Новости", url: "./error-page.html" },
              { name: "Служба поддержки", url: "./error-page.html" },
              { name: "Услуги", url: "./error-page.html" },
            ]
          },
          column2: {
            title: "О нас",
            linksList: [
              { name: "О сервисе", url: "./error-page.html" },
              { name: "Наша команда", url: "./error-page.html" },
              { name: "Вакансии", url: "./error-page.html" },
              { name: "Инвесторы", url: "./error-page.html" },
            ]
          },
          column3: {
            title: "Служба поддержки",
            linksList: [
              { name: "Соглашение", url: "./error-page.html" },
              { name: "Сообщества", url: "./error-page.html" },
              { name: "Связь с нами", url: "./error-page.html" },
            ]
          },
        },
        subscribe: {
          title: "Подписка",
          text: "Получайте специальные предложения и новости сервиса"
        },
        copyright: "Copyright © 2018 Toxin отель. Все\u00A0права\u00A0защищены.",
        social: [
          { title: "twitter", link: "https://twitter.com" },
          { title: "facebook", link: "https://facebook.com" },
          { title: "instagram", link: "https://instagram.com" },
        ],
      })

    .headers-footers__footer-mobile
      +footer-mobile({
        copyright: "Copyright © 2018 Toxin отель. Все\u00A0права\u00A0защищены.",
        social: [
          { title: "twitter", link: "https://twitter.com" },
          { title: "facebook", link: "https://facebook.com" },
          { title: "instagram", link: "https://instagram.com" },
        ],
      })

  block footer
  +ui-kit-footer({
    footerLinks: [
      { link: "ui-kit-colors-type", name: "Colors & Type" },
      { link: "ui-kit-headers-footers", name: "Headers & Footers" },
      { link: "ui-kit-form-elements", name: "Form Elements" },
      { link: "ui-kit-cards", name: "Cards" },
      { link: "landing-page", name: "Landing page" },
    ],
    withGrayBackground: true
  })