/html/inside.html
HTML | 431 lines | 423 code | 5 blank | 3 comment | 0 complexity | 06172a158078991da294f9021337abae MD5 | raw file
1<!doctype html>
2<html lang="ru">
3 <head>
4 <meta charset="utf-8" />
5 <title>Внутренняя страница</title>
6
7 <link rel="stylesheet" href="css/pepper-grinder/jquery-ui-1.8.22.custom.css" />
8 <link rel="stylesheet" href="css/bootstrap.css" />
9 <link rel="stylesheet" href="css/screen.css" />
10 </head>
11 <body id="inside">
12 <!--[if IE]>
13 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
14 <![endif]-->
15 <form class="modal hide abstract" id="modal-enter">
16 <div class="modal-header">
17 <button type="button" class="close" data-dismiss="modal">×</button>
18 <h2 class="violet upper">Вход на сайт</h2>
19 </div>
20 <div class="modal-body">
21 <div class="control-group error">
22 <label class="control-label" for="login">Ваш логин</label>
23 <div class="controls">
24 <input type="text" class="input-xlarge" id="login">
25 <p class="help-inline">Такого пользователя не существует.</p>
26 </div>
27 </div>
28 <div class="control-group">
29 <label class="control-label" for="password">Ваш пароль</label>
30 <div class="controls">
31 <input type="text" class="input-xlarge" id="password">
32 <p class="help-inline"></p>
33 </div>
34 </div>
35 <a href="#" class="violet">Забыли пароль?</a>
36 </div>
37 <div class="modal-footer">
38 <a href="#" class="btn btn-pink" data-dismiss="modal">Войти</a>
39 </div>
40 </form>
41 <header class="container">
42 <div class="row">
43 <div class="span12">
44 <h2 id="header1" class="brown upper">Свадебный портал</h2>
45 <h2 id="header2" class="brown">Выберите город:</h2>
46 <h2 id="header3" ><a href="#">Петропавловск-Камчатск</a></h2>
47 <h2 id="header4" class="brown"><a class="dotted-link" data-toggle="modal" href="#modal-enter">Вход</a> или <a class="dotted-link" href="#">Регистрация</a></h2>
48 </div>
49 </div>
50 <div id="nav_top">
51 <div class="row">
52 <div class="span6 offset4">
53 <ul class="nav-top">
54 <li><a href="#">Главная</a></li>
55 <li><a href="#">Свадебный гид</a></li>
56 <li><a href="#">Форум</a></li>
57 <li><a href="#">Блоги</a></li>
58 <li><a href="#">Статьи</a></li>
59 <li><a href="#">Галерея</a></li>
60 </ul>
61 </div>
62 <div class="span2">
63 <input class="inline" type="text" placeholder="Поиск"></input>
64 <div id="go-search"><a href="#"><img src="img/icon/ic12.png"/></a></div>
65 </div>
66 </div>
67 </div>
68 <div class="row">
69 <div class="span8 offset4">
70 <ul id="nav_bottom">
71 <li id="search-goods"><a href="#">Поиск товаров и услуг</a></li>
72 <li id="personal-servses"><a href="#">Создание персональных сайтов</a></li>
73 <li id="invitation-design"><a href="#">Дизайн приглашений на свадьбу</a></li>
74 <li id="real-satistics"><a href="#">Реальные отчеты</a></li>
75 <li id="servises-map"><a href="#">Карта свадебных услуг</a></li>
76 <li id="wedd-pallets"><a href="#">Свадебные палитры</a></li>
77 </ul>
78 </div>
79 </div>
80
81 </header>
82 <article class="container">
83 <div class="row">
84 <div class="span4 line1">
85 <div id="left-menu" class="left-menu-shadow">
86 <h2 class="violet upper">УСЛУГИ</h2>
87 <ul id="nav-left">
88 <li><a href="#">Организаторы</a></li>
89 <li><a href="#">Свадебные наряды</a></li>
90 <li><a href="#">Салоны красоты</a></li>
91 <li class="active"><a href="#">Обручальные кольца</a>
92 <ul>
93 <li><a href="#">Магазины</a></li>
94 <li><a href="#">Мастерские</a></li>
95 <li><a href="#">Прочее</a></li>
96 </ul>
97 </li>
98 <li><a href="#">Машины на свадьбу</a></li>
99 <li><a href="#">Фото и Видео</a>
100 </li>
101 <li><a href="#">Свадебный банкет</a></li>
102 <li><a href="#">Свадебные цветы</a></li>
103 <li><a href="#">Оформление свадьбы</a></li>
104 <li><a href="#">Тамада. Ведущий</a></li>
105 <li><a href="#">Свадебный салют</a></li>
106 <li><a href="#">Подарки на свадьбу</a></li>
107 <li><a href="#">Подготовка к свадьбе</a></li>
108 <li><a href="#">Медовый месяц</a></li>
109 </ul>
110 </div>
111 <div id="calendar" class="calendar left-col-box horizontal shadow-line">
112 <h2 class="violet upper">МОЯ СВАДЬБА</h2>
113 <div id="datepicker"></div>
114 <a id="sampun" class="violet-link" href="#">Укажи дату свадьбы и получи в подарок ящик шампанского!</a>
115 <div id="pink-line"></div>
116 </div>
117 <div class="left-col-box horizontal shadow-line" id="weddings">
118 <h2 class="violet upper">Ближайшие свадьбы</h2>
119 <div class="margin-top">
120 <span class="gr-line">18 августа</span><a class="violet-link" href="#">Лиза и Антон</a>
121 </div>
122 <div class="margin-top">
123 <span class="gr-line">18 августа</span><a class="violet-link" href="#">Лиза и Антон</a>
124 </div>
125 <div class="margin-top">
126 <span class="gr-line">18 августа</span><a class="violet-link" href="#">Лиза и Антон</a>
127 </div>
128 <div class="margin-top">
129 <span class="gr-line">18 августа</span><a class="violet-link" href="#">Лиза и Антон</a>
130 </div>
131 <div class="margin-top">
132 <span class="gr-line">18 августа</span><a class="violet-link" href="#">Лиза и Антон</a>
133 </div>
134 </div>
135 <div id="abstract" class="left-col-box abstract shadow-line">
136 <h2 class="violet upper">Абстрактный блок</h2>
137 <p>С обычным текстом. С обычным текстом.С обычным текстом. С обычным текстом. С обычным текстом.</p>
138 </div>
139
140
141 </div>
142 <div class="span8 line2">
143 <div>
144 <a class="brown-link" href="#">Главная</a>
145 <span>/<span>
146 <a class="brown-link" href="#">Свадебный каталог</a>
147 <span>/<span>
148 <span class="current">Элемент «Крошка»</span>
149 </div>
150 <div class="row margin-top">
151 <div class="span8">
152 <div class="description-box">
153 <h2 class="violet upper margin-top">Заголовок первого уровня, подгружаемый шрифт</h2>
154 <p class="margin-top">Обычный текст, занимающий всю ширину контентной области, не являющийся комментарием или ссылкой должен быть размеров 14 пунктов, с отступом 20 пикселей, межстрочный интервал 18 пунктов. Интервал между абзацами 7 пунктов.</p>
155
156 <p>Свадебное платье, пожалуй, является <a href="#">обычной ссылкой в тексте</a>. Ведь невеста, и ее свадебное платье соответственно, <a href="#">меняется при наведении курсора</a>. </p>
157 <p>Для того, чтобы помочь сделать этот ответственный выбор, мы собрали для вас базу данных. В ней представлены свадебные салоны в разных городах, где можно купить свадебное платье, взять платье невесты напрокат или сшить свадебное платье на заказ по индивидуальным меркам.</p>
158 <ul class="violet">
159 <li><a href="#">Ссылки списком</a></li>
160 <li><a href="#">Внутри списка</a></li>
161 </ul>
162 </div>
163 </div>
164 </div>
165 <div class="row">
166 <div class="span2">
167 <div class="well cute">
168 <img src="img/wedding/img.png"/>
169 </div>
170 </div>
171 <div class="span2">
172 <a class="pro brown-link" href="#">Заголок блока ссылкой.</a>
173 <p class="little">Текст мельче делать нельзя. иллюстрацию к тексту уже (по ширине) делать нельзя. </p>
174 </div>
175 <div class="span2">
176 <div class="well cute">
177 <img src="img/wedding/img2.png"/>
178 </div>
179 </div>
180 <div class="span2">
181 <a class="pro brown-link" href="#">МОЖЕТ БЫТЬ НАБРАН ЗАГЛАВНЫМИ</a>
182 <p class="little">Свадебные платья и аксессуары коллекции салона «Classic de luxe"</p>
183 </div>
184
185 </div>
186 <div class="row">
187 <div class="span5">
188 <div class="pagination">
189 <ul>
190 <li><a class="disabled">← Ctrl</a></li>
191 <li><a href="#">пред.</a></li>
192 <li class="active">
193 <a class="btn" href="#">1</a>
194 </li>
195 <li><a href="#">2</a></li>
196 <li><a href="#">3</a></li>
197 <li><a href="#">4</a></li>
198 <li><a href="#">5</a></li>
199 <li><a href="#">след.</a></li>
200 <li><a class="disabled">Ctrl →</a></li>
201 </ul>
202 </div>
203 </div>
204 <div class="span3">
205 <button class="btn btn-pink-light">Добавить компанию в католог</button>
206 </div>
207 </div>
208 <div class="row"><div class="brown-line margin-top"></div></div>
209 <div class="row margin-top">
210 <div class="span4">
211 <h2 class="brown upper">Заголовок второго уровня</h2>
212 </div>
213 </div>
214 <div class="row margin-top">
215 <div class="span4">
216 <div class="well cute">
217 <img src="img/foto/large.png"/>
218 </div>
219 </div>
220 <div class="span4">
221 <p>Модные тенденции сезона, свадьба зарубежом, оригинальные сценарии, романтические предложения, оформление банкета, тематические свадьбы и множество вопросов, которые волнуют каждую невесту перед свадьбой. Ответы здесь! Ищите совета, обменивайтесь опытом и узнавайте больше - пусть ваша свадьба будет неповторимой.</p>
222 </div>
223 </div>
224 <div class="row">
225 <div class="span8">
226 <h3 class="violet">ЗАГОЛОВОК ТРЕТЬЕГО УРОВНЯ</h3>
227 <ul class="margin-top">
228 <li>Високосный год — неудачный брак;</li>
229 <li>Потерялось обручальное кольцо — потеряется и супруг;</li>
230 <li>Брак, заключённый после полудня — более удачный;</li>
231 <li>На свадьбу необходимо приглашать нечётное число гостей — это к счастью;</li>
232 <li>Падение обручального кольца из рук — к несчастью.</li>
233 </ul>
234 </div>
235 </div>
236 <div class="row">
237 <div class="span2">
238 <div class="well cute">
239 <img src="img/foto/illustr2.png"/>
240 </div>
241 <p class="little">Текст мельче делать нельзя. иллюстрацию к тексту уже (по ширине) делать нельзя.</p>
242 </div>
243 <div class="span2">
244 <div class="well cute">
245 <img src="img/foto/illustr.png"/>
246 </div>
247 <p class="little">Фотография в альбоме</p>
248 </div>
249 <div class="span2">
250 <div class="well cute">
251 <img src="img/foto/illustr1.png"/>
252 </div>
253 <p class="little">Предположим, квадратными они тоже могут быть.</p>
254 </div>
255 <div class="span2"></div>
256 </div>
257 <div class="row"><div class="brown-line margin-top"></div></div>
258 <div class="row margin-top">
259 <div class="span4">
260 <h2 class="brown margin-top">КОММЕНТАРИИ</h2>
261 </div>
262 </div>
263 <div class="row margin-top">
264 <div class="span1 margin-top">
265 <div>
266 <img src="img/forum/forum.png"/>
267 </div>
268 </div>
269 <div class="span7 margin-top">
270 <div>
271 <a class="brown-link" href="#">Автор комментария</a>
272 <span>1.05.12 00.35.44</span>
273 </div>
274 <p class="margin-top wh-line">Ой девочки! Осталась всего НЕДЕЛЯ! Меня всю трясет, колотит. Нервы уже реально на пределе. Стала занудой, каждое движение, каждое действие контролирую! Любимый вот сейчас как раз в городе, в котором свадьба будет, я ему список всего написала и каждый день звоню, узнаю что сделано а что нет.</p>
275 </div>
276 </div>
277 <div class="row">
278 <div class="span1">
279 <div>
280 <img src="img/forum/forum.png"/>
281 </div>
282 </div>
283 <div class="span7">
284 <div>
285 <span class="brown">Неизвестный автор</span>
286 <span>1.05.12 00.35.44</span>
287 </div>
288 <p class="margin-top wh-line"><span class="brown">Aвтор комментария,</span> Девочки, я ругалась с мужем все 3 дня подготовки к нашей тайской свадьбе: мы выносили друг другу мозг и выедали печень. Муж требовал букет из роз, а я орала что этого не будет, я не собиралась выходить замуж без фаты а он в последний момент решил что его обрвз - это образ Че Гевары, и мы искали сигару по всей Паттае. Остановиться было невозможно. Но я ничуть не жалею от этом.</p>
289 </div>
290 </div>
291 <div class="row">
292 <div class="span7 offset1">
293 <h3 class="violet upper margin-top">ОСТАВИТЬ КОММЕНТАРИЙ</h3>
294 <form class="form-horizontal margin-top">
295 <fieldset>
296 <div class="control-group">
297 <label class="control-label" for="input01">Имя пользователя:</label>
298 <div class="controls">
299 <input type="text" class="input" id="input01">
300 </div>
301 </div>
302 <div class="control-group">
303 <label class="control-label" for="input01">Электронная почта:</label>
304 <div class="controls">
305 <input type="text" class="input" id="input01">
306 </div>
307 </div>
308 <div class="control-group">
309 <div class="controls">
310 <label class="radio inline">
311 <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
312 Доступ для всех
313 </label>
314 <label class="radio inline">
315 <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
316 Только пользователям
317 </label>
318 </div>
319 </div>
320 <div class="control-group">
321 <div class="controls">
322 <label class="checkbox">
323 <input type="checkbox" id="optionsCheckbox" value="option1">
324 Уведомлять меня об ответах
325 </label>
326 </div>
327 </div>
328 <div class="control-group">
329 <div class="controls">
330 <textarea class="input-xlarge" id="textarea" rows="3"></textarea>
331 </div>
332 </div>
333 <div class="control-group">
334 <div class="controls">
335 <button type="submit" class="btn btn-pink-light">Добавить компанию в католог</button>
336 </div>
337 </div>
338 </fieldset>
339 </form>
340 </div>
341 </div>
342
343</div>
344 </article>
345
346 <footer>
347 <div class="container">
348 <div class="row" id="footer1">
349 <div class="span4">
350 <div id="footer-logo"></div>
351 <div class="pink-b">
352 <span class="micro inline">Подписка на </br> рассылку:</span>
353 <input type="text" class="inline" placeholder="Ваш e-mail"></input>
354 <button class="btn btn-pink inline">OK</button>
355 </div>
356 </div>
357 <div class="span4">
358 <h2 class="footer-gray upper">УСЛУГИ</h2>
359 <div class="row">
360 <div class="span2">
361 <ul>
362 <li><a href="#">Организаторы</a></li>
363 <li><a href="#">Свадебные наряды</a></li>
364 <li><a href="#">Салоны красоты</a></li>
365 <li><a href="#">Обручальные кольца</a></li>
366 <li><a href="#">Машины на свадьбу</a></li>
367 <li><a href="#">Фото и Видео</a></li>
368 <li><a href="#">Свадебный банкет</a></li>
369 </ul>
370 </div>
371 <div class="span2">
372 <ul>
373 <li><a href="#">Свадебные цветы</a></li>
374 <li><a href="#">Оформление свадьбы</a></li>
375 <li><a href="#">Тамада. Ведущий</a></li>
376 <li><a href="#">Свадебный салют</a></li>
377 <li><a href="#">Подарки на свадьбу</a></li>
378 <li><a href="#">Подготовка к свадьбе</a></li>
379 <li><a href="#">Медовый месяц</a></li>
380 </ul>
381 </div>
382 </div>
383 </div>
384 <div class="span2">
385 <h2 class="footer-gray upper">ПОМОЩЬ</h2>
386 <ul>
387 <li><a href="#">Служба поддержки</a></li>
388 <li><a href="#">Консультант</a></li>
389 <li><a href="#">Обратная связь</a></li>
390 </ul>
391 </div>
392 <div class="span2">
393 <h2 class="footer-gray upper">СЕРВИСЫ</h2>
394 <ul>
395 <li><a href="#">Регистрация</a></li>
396 <li><a href="#">Реклама</a></li>
397 <li><a href="#">Поддержка</a></li>
398 </ul>
399 </div>
400 </div>
401 <div class="row" id="footer2">
402 <div class="span5">
403 <div id="us-in-web">
404 <span class="light inline">Мы в соц сетях</span>
405 <div class="inline">
406 <a href="#"><img src="img/sotial/twitter.png"/></a>
407 <a href="#"><img src="img/sotial/vkontakte.png"/></a>
408 <a href="#"><img src="img/sotial/mailru.png"/></a>
409 <a href="#"><img src="img/sotial/odnoklassniki.png"/></a>
410 <a href="#"><img src="img/sotial/google.png"/></a>
411 <a href="#"><img src="img/sotial/facebook.png"/></a>
412 <a href="#"><img src="img/sotial/blogger.png"/></a>
413 <a href="#"><img src="img/sotial/livejournal.png"/></a>
414 </div>
415 </div>
416 </div>
417 <div class="span3 offset4">
418 <img src="img/footer/spylog.png"/>
419 <img src="img/footer/spylog.png"/>
420 <img src="img/footer/arrow.png"/>
421 </div>
422 </div>
423 </div>
424 </footer>
425 </body>
426 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
427 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js"></script>
428 <script src="js/bootstrap-modal.js"></script>
429 <script src="js/site.js"></script>
430 <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
431</html>