expo-150 ready

templates/client/service/thank_u_page.html

@@ -4,8 +4,55 @@
 {% endblock %}
 
 {% block page_title %}
+<h1>Ваша заявка успешно отправлена!</h1>
 {% endblock %}
 
 {% block page_body %}
+<div class="page-body clearfix">
+	<div class="m-article thanks-page">
+		<figure class="left-part">
+			<img src="/static/client/img/thanks-aim.png" />
+			<figcaption><span class="orange-text">24</span> <span>часа</span></figcaption>
+		</figure>
+		<article class="right-part">
+			<h3>Благодарим Вас за использование сервиса <span class="orange-text">ExpoMap.ru</span>, мы очень ценим Ваше внимание и время.</h3>
+			<p>В кратчайшие сроки наши консультанты свяжутся с Вами. Регламент ответа на запрос -24 часа, в рабочие дни. Если по каким-либо причинам с Вами не связались в указанный срок, или Вы недовольны обслуживанием, отправьте короткое письмо с номером заявки на адрес evm@expomap.ru.</p>
+			<p>Также Вы можете позвонить нам для ускорения процесса, если Ваш запрос является срочным.</p>
+		</article>
+		<div class="clearfix"></div>
+		<h3>Что дальше Вы хотите делать?</h3>
+		<div class="help-block">
+			<div class="item">
+				<div class="figure">
+					<div class="icon list">&nbsp;</div>
+				</div>
+				<div class="desc">
+					<p>
+						Перейти к списку выставок по тематике <a href="#">«Ювелирное дело, антиквариат»</a>
+					</p>
+				</div>
+			</div>
+			<div class="item">
+				<div class="figure">
+					<div class="icon mail">&nbsp;</div>
+				</div>
+				<div class="desc">
+					<p>
+						<a href="#">Подписаться</a> на анонсы событий по тематике <a href="#">«Ювелирное дело, антиквариат»</a>
+					</p>
+				</div>
+			</div>
+			<div class="item">
+				<div class="figure">
+					<div class="icon zoom">&nbsp;</div>
+				</div>
+				<div class="desc">
+					Вернуться к просмотру выставки <a href="#">«Сувенирная ярмарка 2013/2014»</a>
+				</div>
+			</div>
+			<div class="clearfix"></div>
+		</div>
+	</div>
+</div>
 
 {% endblock %}

templates/client/static_client/css/main.css

@@ -12224,6 +12224,9 @@ hr + .rq-note {
 	.bd-dashed{
 		border-bottom: 1px dashed  #ff6600;
 	}
+	.orange-text{
+		color: #ff6600;
+	}
 
 
 
@@ -13635,6 +13638,9 @@ hr + .rq-note {
 	text-align: center;
 	display: block;
 	font-weight: 700;
+}
+.paid-partner-block{
+	margin-top: 3em;
 }
 	.paid-partner-block .desc{
 		color: #ff6600;
@@ -13645,6 +13651,95 @@ hr + .rq-note {
 		margin-bottom: 4px;
 		text-align: center;
 	}
-.paid-partner-block{
-	margin-top: 3em;
+
+/******************\
+ # Страница сообщения об успешной отправке (thank you page)
+\******************/
+
+.thanks-page .left-part{
+	float: left;
+	position: relative;
+	width: 188px;
+	text-align: center;
+	padding-top: 12px;
+}
+	.thanks-page .left-part figcaption{
+		position: absolute;
+		top: 0;
+		left: 50%;
+		margin-top: 50px;
+		margin-left: -37px;
+
+		font-family: 'dindisplay_pro', sans-serif;
+	}
+	.thanks-page .left-part figcaption span{
+		display: block;
+		font-weight: bold;
+		font-size: 32px;
+		line-height: 32px;
+	}
+	.thanks-page .left-part figcaption span.orange-text{
+		font-size: 68px;
+		line-height: 30px;
+	}
+
+.thanks-page .right-part{
+	margin-left: 190px;
+}
+.thanks-page h3{
+	font-size: 18px;
+	color: #59666e;
+}
+.thanks-page .help-block{
+	position: relative;
+}
+	.thanks-page .help-block .item{
+		width: 33.333%;
+		float: left;
+	}
+		.thanks-page .help-block .figure{
+
+			display: block;
+			width: 60px;
+			height: 60px;
+			float: left;
+			margin-right: 12px;
+			background: #ff6600;
+			position: relative;
+		}
+			.thanks-page .help-block .figure:after {
+				position: absolute;
+				top: 100%;
+				right: 0;
+				content: " ";
+				height: 0;
+				width: 0;
+				pointer-events: none;
+				border-style: solid;
+				border-width: 0 10px 10px 0;
+				border-color: transparent #ff6600 transparent transparent;
+			}
+			.thanks-page .help-block .icon{
+
+				background: url(../img/thanks_sprite.png) 0 0 no-repeat;
+				margin-left: auto;
+				margin-right: auto;
+			}
+				.thanks-page .help-block .list{
+					width: 32px;
+					height: 37px;
+					margin-top: 12px;
+				}
+				.thanks-page .help-block .mail{
+					width: 42px;
+					height: 39px;
+					margin-top: 10px;
+					background-position: -32px 0;
+				}
+				.thanks-page .help-block .zoom{
+					width: 43px;
+					height: 39px;
+					margin-top: 12px;
+					background-position: -74px 0;
+
 				}