/html/index.html
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>