-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgrid.html
183 lines (175 loc) · 9.91 KB
/
grid.html
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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>ActiGuide — Сетка</title>
<link rel="stylesheet" href="out/style.min.css" />
<script type="text/javascript" src="out/libs.min.js"></script>
<script type="text/javascript" src="out/app.min.js"></script>
</head>
<body>
<div class="wrapper">
<div class="m-box">
<div class="box">
<h1>Сетка</h1>
</div>
</div>
<div class="m-box">
<div class="col-edge-4">
<div class="box">
<p class="text">Выносы колонок штатно практически не используются, а содержание колонки не может попасть в расстояние между колонками. При этом ширина блоков содержания может комбинироваться в любых вариантах 1+5, 2+2+2, 3+1+2 и т.д. <br><a href="#">Шаблон с сеткой PSD</a></p>
</div>
</div>
<div class="col-edge-2">
<div class="box">
<p class="secondary">Включить сетку можно на любой странице сочетанием клавиш Ctrl + Shift + ~</p>
</div>
</div>
</div>
<div class="m-box">
<div class="box">
<hr>
</div>
</div>
<div class="m-box">
<div class="col-edge-2">
<div class="box">
<p class="text">На обрызганной кёльнской водою, обшитой кружевами свежевзбитой тетиной подушке Роман проспал часа четыре.</p>
</div>
</div>
<div class="col-edge-4">
<div class="box">
<p class="text">«Как хорошо, что я здесь, — подумал он, откидывая стеганое пуховое одеяло и закладывая руки за голову. — Наконец-то». Он вспомнил, как, просыпаясь в маленькой квартирке, которую снимал в столице, каждый раз думал о своей крутояровской комнатке, о том блаженном состоянии покоя, когда, пробудившись ото сна, можно вот так лежать, глядя в высокий белый потолок или в окно, и чувствовать себя по-настоящему свободным.</p>
</div>
</div>
</div>
<div class="m-box">
<div class="box">
<hr>
</div>
</div>
<div class="m-box">
<div class="m-box">
<div class="col-edge-1 ">
<div class="box">
<p class="text">Вам —</p>
</div>
</div>
</div>
<div class="m-box">
<div class="col-1 empty-edge-1">
<div class="box">
<p class="text">скорей бы</p>
</div>
</div>
</div>
<div class="m-box">
<div class="col-1 empty-edge-2">
<div class="box">
<p class="text">ко сну бы?</p>
</div>
</div>
</div>
<div class="m-box">
<div class="col-1 empty-edge-3">
<div class="box">
<p class="text">К клокочащим</p>
</div>
</div>
</div>
<div class="m-box">
<div class="col-1 empty-edge-4">
<div class="box">
<p class="text">нутрам</p>
</div>
</div>
</div>
<div class="m-box">
<div class="col-edge-1 empty-5">
<div class="box">
<p class="text">самоваров?</p>
</div>
</div>
</div>
</div>
<div class="m-box">
<div class="box">
<hr>
</div>
</div>
<div class="m-box">
<div class="col-edge-2">
<div class="box">
<p class="text">Достичь стабилизации или даже улучшения экологической ситуации хотя бы в пределах национальных границ - крайне трудная задача для современных обществ. Если бы России удалось на своей территории переменить экологическую тенденцию к улучшению, то это был бы весомый вклад в решение глобальных проблем, поскольку она занимает 1/8 часть всей суши.</p>
</div>
</div>
<div class="col-1">
<div class="box">
<p class="text">Однако если вас интересует рост мышечной массы, придерживайтесь в приседаниях среднего и высокого количества повторений. </p>
</div>
</div>
<div class="col-1">
<div class="box">
<p class="text">В процессе идентификационного исследования кроме объектов, тождество которых устанавливается, фигурируют и иные, идентификационная роль которых различна. </p>
</div>
</div>
<div class="col-edge-2 ">
<div class="box">
<p class="text">В средние века художники вместе с ремесленниками были объединены в цехи и гильдии. Цехи принимали художников в обучение, воспитывали их, делали из них мастеров и направляли их дальнейшую деятельность. К какому бы цеху ни был приписан художник, как бы ни менялись права и статуты цехов в зависимости от страны или города (на юге они были более свободны, чем на севере).</p>
</div>
</div>
</div>
<div class="m-box">
<div class="box">
<hr>
</div>
</div>
<div class="m-box">
<div class="col-edge-1 ">
<div class="box">
<p class="text">Какова же она сейчас? Накопленный опыт, использование разработанной горными акустиками системы статистических критериев повысили надежность текущего сейсмоакустического прогнозирования опасности динамических явлений в шахтах до 95-- 98%.</p>
</div>
</div>
<div class="col-1">
<div class="box">
<p class="text">Если правильно утверждение, что сны забываются, буквально выбрасываются сознанием тем стремительней, чем более их природа, их собственная логика противоположны дневным, несовместимы с ним, то столь же верно и внешне противоположное обьяснение</p>
</div>
</div>
<div class="col-1 empty-2">
<div class="box">
<p class="text">В экологичном городском районе, также как и в городе в целом, меньше площади будет занято промышленной, коммунальной, складской зонами за счет уменьшения и сокращения ставших ненужными производств и изменения характера производства на оставшихся предприятиях. </p>
</div>
</div>
</div>
<div class="m-box">
<div class="box">
<hr>
</div>
</div>
<div class="m-box">
<div class="col-edge-3">
<div class="box">
<p class="text">О расположении терм Что касается терм, то здесь в хождении две системы: первая - египетская, которая основывается, главным образом, на управлении обителями, и вторая - халдейская, где в расчет принимается управление тритонами. </p>
</div>
</div>
<div class="col-edge-3 ">
<div class="box">
<p class="text">Внутри себя вы располагаете огромным ресурсом знаний. Вы можете сделать их доступными, обращаясь творчески с вашими снами. Я представила несколько систем контроля сновидений, которые используются разными людьми. Их принципы мы можем понять и применить к нашим собственным снам.</p>
</div>
</div>
</div>
<div class="m-box">
<div class="box">
<hr>
</div>
</div>
<div class="m-box">
<div class="col-4 empty-edge-1">
<div class="box">
<p class="text">Своей славой вулкан обязан, конечно, тому, что природа воздвигла его в труднодоступной Антарктиде, за тридевять земель от обитаемых районов. Немалую роль играет и величественность окружающего пейзажа. Но для нас, вулканологов, он привлекателен еще и тем, что ставит ряд вопросов, на которые пока нет однозначных ответов. Чем объясняется его непрекращающаяся активность? Почему питающая Эребус вязкая лава образует озеро жидкого расплава вместо того, чтобы застыть, окаменеть в полярном холоде? Почему среди тысяч активных вулканов Земли только Эребусу свойствен столь уникальный химический и минералогический состав лавы? И почему этот исключительный вулкан оказался в не менее исключительном месте? </p>
</div>
</div>
</div>
</div>
</body>
</html>