PageRenderTime 41ms CodeModel.GetById 23ms app.highlight 13ms RepoModel.GetById 0ms app.codeStats 0ms

/html/index.html

https://bitbucket.org/decore/my-svadba.ru
HTML | 329 lines | 314 code | 12 blank | 3 comment | 0 complexity | 98b6e39a3c37e4ac21e0f4b8e5c82bc5 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="home">
 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				
143		<div id="articles" class="span4 line2">
144			<h2 class="violet upper">Последние статьи</h2>
145			<div class="b-line margin-top">
146				<span class="label margin-top">21.09.2011</span>
147				<h3 class="upper margin-top"><a href="#">В Москве очень много мест, куда можно отправиться молодоженам. Мы хотим представить!</a></h3>
148				<p class="margin-top">Нам всем известно, что большинство современных модных тенденций имеют корни в прошлом. Именно тогда были модными свободные юбки, придающие фигуре некоторой загадочности</p>
149				<div  class="well cute margin-top">
150					<img src="img/foto/foto-big2.png"/>
151				</div>
152			</div>
153			<div class="b-line margin-top">
154				<span class="label margin-top">21.09.2011</span>
155				<h3 class="upper margin-top"><a href="#">В Москве очень много мест, куда можно отправиться молодоженам. Мы хотим представить!</a></h3>
156				<p class="margin-top">Нам всем известно, что большинство современных модных тенденций имеют корни в прошлом. Именно тогда были модными свободные юбки, придающие фигуре некоторой загадочности</p>
157				<div  class="well cute margin-top">
158					<img src="img/foto/foto-big2.png"/>
159				</div>
160			</div>
161			<div class="b-line margin-top">
162				<span class="label margin-top">21.09.2011</span>
163				<h3 class="upper margin-top"><a href="#">В Москве очень много мест, куда можно отправиться молодоженам. Мы хотим представить!</a></h3>
164				<p class="margin-top">Нам всем известно, что большинство современных модных тенденций имеют корни в прошлом. Именно тогда были модными свободные юбки, придающие фигуре некоторой загадочности</p>
165				<div  class="well cute margin-top">
166					<img src="img/foto/foto-big2.png"/>
167				</div>
168			</div>
169		</div>
170
171		<div class="span4 line3">
172			<h2 class="violet inline upper">Фотогалерея</h2> <span class="violet micro">|</span> <a class="all-stuf violet micro" href="#">Все фото</a> <span class="violet micro">»</span>
173			<div class="b-line">
174				<div class="row">
175					<div class="span2">
176						<div class="foto-g">
177							<img class="well cute" src="img/foto/foto.png"/>
178							<div class="link hide"><a href="#">ссылка</a></div>
179						</div>
180						<div class="foto-g">
181							<img class="well cute" src="img/foto/foto.png"/>
182							<div class="link hide"><a href="#">ссылка</a></div>
183						</div>
184					</div>
185					<div class="span2">
186						<div class="foto-g">
187							<img class="well cute" src="img/foto/foto.png"/>
188							<div class="link hide"><a href="#">ссылка</a></div>
189						</div>
190						<div class="foto-g">
191							<img class="well cute" src="img/foto/foto.png"/>
192							<div class="link hide"><a href="#">ссылка</a></div>
193						</div>
194					</div>
195				</div>
196
197			</div>
198			<div class="b-line margin-top">
199				<h2 class="violet inline upper">Видеогалерея</h2> <span class="violet micro">|</span> <a class="all-stuf violet micro" href="#">Все видео</a> <span class="violet micro">»</span>
200				<h3><a class="brown-link" href="#">Видео Маши и Саши со свадьбы 23 декабря.</a></h3>
201				<div class="video-box margin-top"></div>
202			</div>
203			<div class="margin-top">
204				<h2 class="violet inline upper">Последние сообщения на форуме</h2> 
205				<div class="inline" id="to-forum">
206					<span class="violet micro">|</span> <a class="all-stuf violet micro" href="#">Все сообщения</a> <span class="violet micro">»</span>
207				</div>
208				<div class="white-b shadow-line">
209					<div class="pull-left">
210						<img  src="img/forum/forum.png"/>
211					</div>
212					<div class="white-b-cont">
213						<span class="label">21.09.2011</span>
214						<a class="brown-link" href="#"><p>В Москве очень много мест, куда можно отправиться молодоженам. Мы хотим представить варианты! :)</p></a>
215					</div>
216				</div>
217				<div class="white-b shadow-line">
218					<div class="pull-left">
219						<img  src="img/forum/forum.png"/>
220					</div>
221					<div class="white-b-cont">
222						<span class="label">21.09.2011</span>
223						<a class="brown-link" href="#"><p>В Москве очень много мест, куда можно отправиться молодоженам. Мы хотим представить варианты! :)</p></a>
224					</div>
225				</div>
226				<div class="white-b shadow-line">
227					<div class="pull-left">
228						<img  src="img/forum/forum.png"/>
229					</div>
230					<div class="white-b-cont">
231						<span class="label">21.09.2011</span>
232						<a class="brown-link" href="#"><p>В Москве очень много мест, куда можно отправиться молодоженам. Мы хотим представить варианты! :)</p></a>
233					</div>
234				</div>
235			</div>
236
237
238
239		</div>
240	</div>
241
242		</article>
243		
244		<footer>
245			<div class="container">
246				<div class="row" id="footer1">
247					<div class="span4">
248						<div id="footer-logo"></div>
249						<div class="pink-b">
250							<span class="micro inline">Подписка на </br> рассылку:</span>
251							<input type="text" class="inline" placeholder="Ваш e-mail"></input>
252							<button class="btn btn-pink inline">OK</button>
253						</div>
254					</div>
255					<div class="span4">
256						<h2 class="footer-gray upper">УСЛУГИ</h2>
257						<div class="row">
258							<div class="span2">
259								<ul>
260									<li><a href="#">Организаторы</a></li>
261									<li><a href="#">Свадебные наряды</a></li>
262									<li><a href="#">Салоны красоты</a></li>
263									<li><a href="#">Обручальные кольца</a></li>
264									<li><a href="#">Машины на свадьбу</a></li>
265									<li><a href="#">Фото и Видео</a></li>
266									<li><a href="#">Свадебный банкет</a></li>
267								</ul>
268							</div>
269							<div class="span2">
270								<ul>
271									<li><a href="#">Свадебные цветы</a></li>
272									<li><a href="#">Оформление свадьбы</a></li>
273									<li><a href="#">Тамада. Ведущий</a></li>
274									<li><a href="#">Свадебный салют</a></li>
275									<li><a href="#">Подарки на свадьбу</a></li>
276									<li><a href="#">Подготовка к свадьбе</a></li>
277									<li><a href="#">Медовый месяц</a></li>
278								</ul>
279							</div>
280						</div>
281					</div>
282					<div class="span2">
283						<h2 class="footer-gray upper">ПОМОЩЬ</h2>
284						<ul>
285							<li><a href="#">Служба поддержки</a></li>
286							<li><a href="#">Консультант</a></li>
287							<li><a href="#">Обратная связь</a></li>
288						</ul>
289					</div>
290					<div class="span2">
291						<h2 class="footer-gray upper">СЕРВИСЫ</h2>
292						<ul>
293							<li><a href="#">Регистрация</a></li>
294							<li><a href="#">Реклама</a></li>
295							<li><a href="#">Поддержка</a></li>
296						</ul>
297					</div>
298				</div>
299				<div class="row" id="footer2">
300					<div class="span5">
301						<div id="us-in-web">
302							<span class="light inline">Мы в соц сетях</span>
303							<div class="inline">
304								<a href="#"><img src="img/sotial/twitter.png"/></a>
305								<a href="#"><img src="img/sotial/vkontakte.png"/></a>
306								<a href="#"><img src="img/sotial/mailru.png"/></a>
307								<a href="#"><img src="img/sotial/odnoklassniki.png"/></a>
308								<a href="#"><img src="img/sotial/google.png"/></a>
309								<a href="#"><img src="img/sotial/facebook.png"/></a>
310								<a href="#"><img src="img/sotial/blogger.png"/></a>
311								<a href="#"><img src="img/sotial/livejournal.png"/></a>
312							</div>
313						</div>
314					</div>
315					<div class="span3 offset4">
316						<img src="img/footer/spylog.png"/>
317						<img src="img/footer/spylog.png"/>
318						<img src="img/footer/arrow.png"/>
319					</div>
320				</div>
321			</div>	
322		</footer>
323	</body>
324	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
325	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js"></script>
326	<script src="js/bootstrap-modal.js"></script>
327	<script src="js/site.js"></script>
328	<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
329</html>