PageRenderTime 65ms CodeModel.GetById 30ms app.highlight 27ms RepoModel.GetById 0ms app.codeStats 1ms

/html/inside.html

https://bitbucket.org/decore/my-svadba.ru
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>