-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.haml
executable file
·118 lines (114 loc) · 5.36 KB
/
index.haml
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
---
layout: default
title:
description:
---
%header.header_bright{ :role => "header" }
%a.header__title{ :href => "/" } {{ site.title }}
%a.menu-main__open{ :href => "javascript:;", :role => "menu-main-open" }
%nav.social__menu{ :role => "social-menu" }
.social__menu__links
%a.social__vk{ :href => "#" }
%a.social__fb{ :href => "#" }
%a.social__in{ :href => "#" }
%a.social__tw{ :href => "#" }
/ first screen
.screen{ :role => "screen" }
.screen__overlay{ :style => "background-color:rgba(77, 36, 5, 0.5)" }
.screen__decor
.screen__content
.screen__content-title Что может быть лучше,<br> чем новое платье
%a.btn.screen__content-btn{ :href => "javascript:;" } Пройтись по этажам
.screen__info
.screen__info__col
.screen__info__time Открыто ежедневно<br> с 10:00 до 22:00
.screen__info__col
.screen__info__place В самом центре Москвы<br> Смоленская площадь д.3
.screen__info__col
.screen__info__about 3-х уровневый<br> подземный паркинг
.content-main{ :role => "content" }
/ bricks
.brick__container{ :role => 'masonry' }
%a.brick{ :href => "brand.html", "data-height" => 2 }
%img.brick__img{ :src => "assets/pic/pic2.png" }
.brick__info_bottom_left{ :role => "brick-info", "data-h" => "left", "data-v" => "bottom" }
.brick__info__tag{ "data-type" => "new" } Новинки
.brick__info__title Весенний макияж
.brick__info__counters
.brick__info__views 222
.brick__info__comments 222
.brick__info__likes.liked 222
%a.brick{ :href => "brand.html", "data-width" => 3, "data-height" => 2 }
%img.brick__img{ :src => "assets/pic/pic3.png" }
.brick__info_overlay.bright{ :role => "brick-info-overlay" }
.brick__info__tag{ "data-type" => "show" } Показ
.brick__info__title Модный показ в Смоленском
.brick__info__counters
.brick__info__views 222
.brick__info__comments 222
.brick__info__likes 222
%a.brick{ :href => "brand.html", "data-height" => 3 }
%img.brick__img{ :src => "assets/pic/pic4.png" }
.brick__info_bottom_left{ :role => "brick-info", "data-h" => "left", "data-v" => "bottom" }
.brick__info__tag{ "data-type" => "sale" } Скидки
.brick__info__title Весенний макияж
.brick__info__counters
.brick__info__views 222
.brick__info__comments 222
.brick__info__likes.liked 222
%a.brick{ :href => "brand.html", "data-width" => 2 }
%img.brick__img{ :src => "assets/pic/pic5.png" }
%a.brick{ :href => "brand.html", "data-width" => 2 }
%img.brick__img{ :src => "assets/pic/pic6.png" }
.brick__info_bottom_right{ :role => "brick-info", "data-h" => "right", "data-v" => "bottom" }
.brick__info__tag{ "data-type" => "article" } Статья
.brick__info__title Stone Island Shadow Project SS'014
.brick__info__counters
.brick__info__views 222
.brick__info__comments 222
.brick__info__likes.liked 222
%a.brick{ :href => "brand.html", "data-width" => 3 }
%img.brick__img{ :src => "assets/pic/pic7.png" }
.brick__info_bottom_left{ :role => "brick-info", "data-h" => "left", "data-v" => "bottom" }
.brick__info__tag{ "data-type" => "contest" } Конкурс
.brick__info__title Заголовок
.brick__info__counters
.brick__info__views 222
.brick__info__comments 222
.brick__info__likes 222
%a.brick{ :href => "brand.html", "data-width" => 2, "data-height" => 2 }
%img.brick__img{ :src => "assets/pic/pic8.png" }
.brick__info_bottom_left{ :role => "brick-info", "data-h" => "left", "data-v" => "bottom" }
.brick__info__tag{ "data-type" => "show" } Показ
.brick__info__title Заголовок
.brick__info__counters
.brick__info__views 222
.brick__info__comments 222
.brick__info__likes 222
%a.brick{ :href => "brand.html", "data-width" => 2, "data-height" => 2 }
%img.brick__img{ :src => "assets/pic/pic9.png" }
.brick__info_bottom_left{ :role => "brick-info", "data-h" => "left", "data-v" => "bottom" }
.brick__info__title Заголовок
.brick__info__counters
.brick__info__views 222
.brick__info__comments 222
.brick__info__likes 222
%a.brick{ :href => "brand.html", "data-height" => 2 }
%img.brick__img{ :src => "assets/pic/pic10.png" }
.brick__info_bottom_left{ :role => "brick-info", "data-h" => "left", "data-v" => "bottom" }
.brick__info__title Заголовок
.brick__info__counters
.brick__info__views 222
.brick__info__comments 222
.brick__info__likes 222
%a.brick{ :href => "brand.html", "data-width" => 2 }
%img.brick__img{ :src => "assets/pic/pic11.png" }
/ floor links block
.floor-links
%h1.floor-links__title Самое интересное на этаже:
%nav.floor-links__nav
%a{ :href => "floor_0.html" } 0 этаж
%a{ :href => "floor_1.html" } 1 этаж
%a{ :href => "floor_2.html" } 2 этаж
%a{ :href => "floor_3.html" } 3 этаж
%a{ :href => "floor_4.html" } 4 этаж