{% extends "blank.html" %}
{% load static %}
{% load i18n %}

{% block top %}
    <section class="layout mp-top">
			<div class="layout-wrap">

				<aside>
					<nav>
						<ul class="main-menu">
							<li class="sub"><a href="#">{% trans 'События' %}</a>
								<ul>
									<li><a href="#">{% trans 'выставки' %}</a></li>
									<li><a href="#">{% trans 'конференции' %}</a></li>
									<li><a href="#">{% trans 'семинары' %}</a></li>
								</ul>
							</li>
							<li><a href="#">{% trans 'места' %}</a></li>
							<li><a href="#">{% trans 'участники' %}</a></li>
						</ul>

						<ul class="s-menu">
							<li><a href="#">{% trans 'о нас' %}</a></li>
							<li><a href="#">{% trans 'партнеры' %}</a></li>
							<li><a href="#">{% trans 'реклама' %}</a></li>
							<li><a href="#">{% trans 'сервис' %}</a></li>
							<li><a href="#">{% trans 'для партнеров' %}</a></li>
							<li><a href="#">{% trans 'контакты' %}</a></li>
						</ul>
					</nav>
				</aside>

				<div class="mcl">
					<div id="mp-recent-expo" class="recent-expo swiper-container">
						<ul class="swiper-wrapper">

							<li class="swiper-slide">
								<div class="re-pict">
                                    <a href="#">
                                        <img src="{% static 'client/img/_del-temp/expo-bn-1.jpg' %}" alt="" />
                                    </a></div>
								<div class="re-body">
									<div class="re-info">
										<a href="#">
										<div class="re-title">AccessoriesTheShow Las&nbsp;Vegas 2013</div>
										<div class="re-date">с 19 по 21 августа <span>2013 года</span></div>
										<div class="re-descr" title="Специализированная выставка молодёжной моды и аксессуаров в Лас Вегасе">Специализированная выставка молодёжной моды и аксессуаров в Лас Вегасе</div>
										</a>
									</div>
									<footer>
										<div class="re-buttons">
											<a class="button blue icon-calendar" href="#">{% trans 'добавить в календарь' %}</a>
											<a class="button green icon-note" href="#">{% trans 'заметка' %}</a>
										</div>
										<div class="re-tags"><a href="#">{% trans 'Мода, одежда, обувь, аксессуары' %} <span class="re-t-total">(253)</span></a></div>
									</footer>
								</div>
							</li>

							<li class="swiper-slide">
								<div class="re-pict"><a href="#"><img src="{% static 'client/img/_del-temp/expo-bn-1.jpg' %}" alt="" /></a></div>
								<div class="re-body">
									<div class="re-info">
										<a href="#">
											<div class="re-title">MaTIw 2013</div>
											<div class="re-date">с 17 по 20 сентября <span>2013 года</span></div>
											<div class="re-descr" title="Московская Международная осенняя неделя профессионалов турбизнеса">Московская Международная осенняя неделя профессионалов турбизнеса</div>
										</a>
									</div>
									<footer>
										<div class="re-buttons">
											<a class="button blue icon-calendar" href="#">добавить в календарь</a>
											<a class="button green icon-note" href="#">заметка</a>
										</div>
										<div class="re-tags"><a href="#">Туристические услуги</a>, <a href="#">Туристическая продукция</a>, <a href="#">Туроператоры</a>, <a href="#">Туризм</a>, <a href="#">Туристические агентства</a></div>
									</footer>
								</div>
							</li>

							<li class="swiper-slide">
								<div class="re-pict"><a href="#"><img src="{% static 'img/_del-temp/expo-bn-1.jpg' %}" alt="" /></a></div>
								<div class="re-body">
									<div class="re-info">
										<a href="#">
											<div class="re-title">AccessoriesTheShow Las&nbsp;Vegas 2013 Accessories The Show</div>
											<div class="re-date">с 19 по 21 августа <span>2013 года</span></div>
											<div class="re-descr" title="Специализированная выставка молодёжной моды и аксессуаров в Лас Вегасе">Специализированная выставка молодёжной моды и аксессуаров в Лас Вегасе</div>
										</a>
									</div>
									<footer>
										<div class="re-buttons">
											<a class="button blue icon-calendar" href="#">добавить в календарь</a>
											<a class="button green icon-note" href="#">заметка</a>
										</div>
										<div class="re-tags"><a href="#">Мода</a>, <a href="#">одежда</a>, <a href="#">обувь</a>, <a href="#">аксессуары</a> <a class="re-t-total" href="#">(253)</a></div>
									</footer>
								</div>
							</li>

						</ul>
						<div class="re-controls">
							<a class="prev" href="#">&lt;</a>
							<a class="next" href="#">&gt;</a>
						</div>
					</div>
				</div>

			</div>
		</section>
{% endblock %}

{% block search %}
    <section class="layout mp-search search-form">
			<div class="layout-wrap">

				<aside>
					<div class="s-title">поиск событий</div>
				</aside>

				<div class="mcl">
					<form action="#">
						<div class="search-form-wrap">
							<div class="search-line">
								<div class="sf-field-wrap">
									<div class="sf-field">
										<label for="search">Я ищу:</label>
										<div class="input-text"><input type="text" class="autocomplete" id="search" name="query" /></div>
									</div>
								</div>
								<div class="sf-field-wrap">
									<div class="sf-field">
										<label for="where">Где:</label>
										<div class="input-text"><input type="text" class="autocomplete" id="where" name="where" /></div>
									</div>
								</div>
								<div class="sf-field-wrap">
									<button type="submit"><span>найти</span></button>
								</div>
							</div>
							<div class="search-line sl-options">
								<div class="sf-field-wrap">Тематика: <a class="pw-open" href="#pw-subj">Не важно</a></div>
								<div class="sf-field-wrap">Место: <a class="pw-open" href="#pw-place">Не важно</a></div>
								<div class="sf-field-wrap">Период: <a class="pw-open" href="#pw-period">Не важно</a></div>
							</div>
						</div>
					</form>
				</div>

			</div>
		</section>
{% endblock %}

{% block catalog %}
    <section class="layout mp-catalog">
			<div class="layout-wrap">

				<aside>

					<div class="s-phone">
						<div class="sp-wrap">
							<div class="s-tel clearfix"><em>+7 (499)</em> <b>999-12-07</b></div>
							<div class="s-callback"><a href="#">{% trans 'обратный звонок' %}</a></div>
						</div>
					</div>

					<div class="online-adviser">
						<div class="oa-wrap">
							<header>
								<a href="#"><b>{% trans 'он-лайн' %}</b> {% trans 'консультант' %}</a>
							</header>
							<div class="oa-descr">
								{% trans 'Возникли трудности?' %}<br /> {% trans 'Наши специалисты с' %}&nbsp;{% trans 'радостью помогут вам!' %}
							</div>
						</div>
					</div>

					<div id="subscribe-sm" class="subscribe-sm">
						<header>{% trans 'получать анонсЫ' %}</header>
						<ul>
							<li><a class="icon-big-email" href="#">{% trans 'по e-mail' %}</a></li>
							<li><a class="icon-big-rss" href="#">{% trans 'через RSS' %}</a></li>
							<li><a class="icon-big-twitter" href="#">{% trans 'на twitter' %}</a></li>
							<li><a class="icon-big-ical" href="#">{% trans 'в iCal' %}</a></li>
						</ul>
					</div>

				</aside>

				<div class="mcl">
					<div class="mp-catalog-lists">

						<div class="mpc-list">
							<header>{% trans 'Выставки' %}</header>
							<ul>
								<li><a href="#"><span>Бизнес, инвестиции, финансы</span>&nbsp;<i>(25)</i></a></li>
								<li><a href="#"><span>Индустрия развлечений, шоу, СМИ</span>&nbsp;<i>(45)</i></a></li>
								<li><a href="#"><span>Косметика и парфюмерия</span>&nbsp;<i>(12)</i></a></li>
								<li><a href="#"><span>Маркетинг, реклама, PR</span>&nbsp;<i>(4)</i></a></li>
								<li><a href="#"><span>Мебель, интерьер, декор</span>&nbsp;<i>(156)</i></a></li>
								<li><a href="#"><span>Наука и инновации</span>&nbsp;<i>(80)</i></a></li>
							</ul>
							<footer><a class="more" href="#">{% trans 'Все выставки' %}</a></footer>
						</div>

						<div class="mpc-list">
							<header>{% trans 'конференции' %}</header>
							<ul>
								<li><a href="#"><span>Анализ, измерение и контроль</span>&nbsp;<i>(15)</i></a></li>
								<li><a href="#"><span>Здравоохранение</span>&nbsp;<i>(12)</i></a></li>
								<li><a href="#"><span>Культура, искусство, церковь</span>&nbsp;<i>(45)</i></a></li>
								<li><a href="#"><span>Менеджмент, HR</span>&nbsp;<i>(89)</i></a></li>
								<li><a href="#"><span>Транспорт, склад, логистика</span>&nbsp;<i>(5)</i></a></li>
								<li><a href="#"><span>Экология, очистка, утилизация</span>&nbsp;<i>(115)</i></a></li>
							</ul>
							<footer><a class="more" href="#">{% trans 'Все конференции' %}</a></footer>
						</div>

						<div class="mpc-list">
							<header>{%  trans 'семинары' %}</header>
							<ul>
								<li><a href="#"><span>Безопасность</span>&nbsp;<i>(8)</i></a></li>
								<li><a href="#"><span>Городское хозяйство</span>&nbsp;<i>(548)</i></a></li>
								<li><a href="#"><span>Гостиничное, ресторанное дело</span>&nbsp;<i>(12)</i></a></li>
								<li><a href="#"><span>Нефть, газ, горное дело</span>&nbsp;<i>(89)</i></a></li>
								<li><a href="#"><span>Строительство</span>&nbsp;<i>(48)</i></a></li>
								<li><a href="#"><span>Телекоммуникации</span>&nbsp;<i>(12)</i></a></li>
							</ul>
							<footer><a class="more" href="#">{% trans 'Все семинары' %}</a></footer>
						</div>

					</div>

					<div class="abn">
                        {% block menu_banner %}
                        <a href="#">
                            <img src="{% static 'client/img/_del-temp/banner-2.gif' %}" alt="" />
                        </a>
                        {% endblock %}
                    </div>
				</div>

			</div>
		</section>
{% endblock %}

{% block announces %}
    <section class="layout mp-announces">
			<div class="layout-wrap">

				<aside>
					<div class="mp-news-list">
						<header>
							<a href="#">{% trans 'Новости событий' %}</a>
						</header>

						<ul>
							<li>
								<a href="#">
									<span class="nl-pict"><img src="{% static 'client/img/_del-temp/expo-bn-2-s.jpg' %}" alt="" /></span>
									<span class="nl-body">
										<span class="nl-text">ОАО «НПК «РЕКОД» на Международной конференции «Земля из космоса — наиболее эффективные решения»</span>
									<span class="nl-date">20 августа</span>
									</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="nl-pict"><img src="{% static 'client/img/_del-temp/expo-bn-2-s.jpg' %}" alt="" /></span>
									<span class="nl-body">
										<span class="nl-text">«Лоскутная радуга» на выставке «АРТ-Красноярск-2013»</span>
									<span class="nl-date">20 августа</span>
									</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="nl-pict"><img src="{% static 'client/img/_del-temp/expo-bn-2-s.jpg' %}" alt="" /></span>
									<span class="nl-body">
										<span class="nl-text">На выставке «Арт-Красноярск» организуют настоящий праздник искусства</span>
									<span class="nl-date">20 августа</span>
									</span>

								</a>
							</li>
						</ul>
						<footer><a class="more" href="#">{% trans 'Все новости' %}</a></footer>
					</div>
				</aside>

				<div class="mcl">
					<div class="mp-photo-gallery">
						<header class="clearfix">
							<div class="pg-title"><a href="#">{% trans 'Фоторепортажи:' %}</a></div>
							<h2><a href="#">Edinburgh International Festival 2013</a></h2>
						</header>
						<div id="mp-photo-gallery" class="photo-gallery swiper-container">
							<ul class="swiper-wrapper">

								<li class="swiper-slide">
									<div class="pg-item">
										<div class="pgi-pict"><img src="{% static 'client/img/_del-temp/mp-phg-1.jpg' %}" alt="" /></div>
										<div class="pgi-descr clearfix">
											<div class="pgi-date"><b>с 1 по 8 августа</b> 2013 года</div>
											<div class="pgi-text">Международный фестиваль оперы, музыки, драматических и танцевальных постановок Edinburgh International Festival 2013</div>
										</div>
									</div>
								</li>

								<li class="swiper-slide">
									<div class="pg-item">
										<div class="pgi-pict"><img src="{% static 'client/img/_del-temp/mp-phg-1.jpg' %}" alt="" /></div>
										<div class="pgi-descr clearfix">
											<div class="pgi-date"><b>с 1 по 8 августа</b> 2013 года</div>
											<div class="pgi-text">Международный фестиваль оперы, музыки, драматических и танцевальных постановок Edinburgh International Festival 2013</div>
										</div>
									</div>
								</li>

							</ul>
							<div class="re-controls">
								<a class="prev" href="#">&lt;</a>
								<a class="next" href="#">&gt;</a>
							</div>
						</div>
					</div>
				</div>

			</div>
		</section>
{% endblock %}

{% block partners %}
    <section class="layout mp-partners">


				<div class="mpp-wrap">
					<header>{% trans 'Наши партнеры:' %}</header>
					<ul class="mp-partners-list">
						<li><img src="{% static 'client/img/partners/expocentr.png' %}" alt="" /></li>
						<li><img src="{% static 'client/img/partners/ite.png' %}" alt="" /></li>
						<li><img src="{% static 'client/img/partners/expoforum.png' %}" alt="" /></li>
						<li><img src="{% static 'client/img/partners/deutsche-messe.png' %}" alt="" /></li>
						<li><img src="{% static 'client/img/partners/messe-frankfurt.png' %}" alt="" /></li>
					</ul>
				</div>


		</section>
{% endblock %}

{% block services %}
    <section class="layout mp-services">
			<div class="layout-wrap">

				<aside>

					<div class="mps-sect">
						<header>{% trans 'Наши услуги' %}</header>
						<nav>
							<ul>
								<li><a href="#">{% trans 'Переводчики' %}</a></li>
								<li><a href="#">{% trans 'Хостесс, модели, стендистки' %}</a></li>
								<li><a href="#">{% trans 'Каталоги выставок' %}</a></li>
								<li><a href="#">{% trans 'Билеты на выставки' %}</a></li>
								<li><a href="#">{% trans 'Заочное посещение' %}</a></li>
								<li><a href="#">{% trans 'Участие и посещение' %}</a></li>
							</ul>
						</nav>
					</div>

				</aside>

				<div class="mcl">
					<div class="mp-reviews-wrap clearfix">
						<div class="mp-reviews">
							<header>
								<div class="mpr-title"><a href="#">{%  trans 'Обзоры и аналитика' %}</a></div>
								<div class="more-link"><a class="more" href="#">{%  trans 'Все обзоры' %}</a></div>
							</header>

							<ul>
								<li>
									<a href="#">
										<span class="mpr-pict"><img src="{% static 'client/img/_del-temp/review-1.jpg' %}" alt="" /></span>
										<span class="mpr-text">Business Opportunities Expo - Melbourne 2013</span>
									</a>
								</li>
								<li>
									<a href="#">
										<span class="mpr-pict"><img src="{% static 'client/img/_del-temp/review-2.jpg' %}" alt="" /></span>
										<span class="mpr-text">Business Opportunities & Franchise Expo - BOFE 2013</span>
									</a>
								</li>
							</ul>
						</div>

						<div class="sbnr">
							<div class="sbnr-wrap"><a href="#"><img src="{% static 'client/img/_del-temp/bnrs.jpg' %}" alt="" /></a></div>
						</div>
					</div>
				</div>

			</div>
		</section>
{% endblock %}