You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
178 lines
9.3 KiB
178 lines
9.3 KiB
{% load static %}
|
|
{% load i18n %}
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=1000">
|
|
<meta name="format-detection" content="telephone=no"/>
|
|
<title>Expomap</title>
|
|
<link rel="stylesheet" href="{% static 'subscribe_lending/css/all.css' %}" type="text/css" />
|
|
<script type="text/javascript" src="{% static 'subscribe_lending/js/jquery-1.10.2.min.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'subscribe_lending/js/jquery.placeholder.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'subscribe_lending/js/icheck.min.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'subscribe_lending/js/jquery.main.js' %}"></script>
|
|
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
|
<link href="favicon.ico" rel="shortcut icon">
|
|
<link href="favicon.ico" rel="icon">
|
|
<style>
|
|
.err{
|
|
border-width: 2px;
|
|
border-color: #d80000;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="pr">
|
|
|
|
<div id="pr-wrapper">
|
|
<header id="pr-header">
|
|
<div class="pr-center">
|
|
<div class="pr-header-box">
|
|
<a class="pr-phone" href="tel:+7 (499) 999-12-07">+7 (499) 999-12-07</a>
|
|
<ul class="pr-social">
|
|
<li><a href="https://instagram.com/expomap/"><img src="{% static 'subscribe_lending/images/sm-icon-inst.png' %}" /></a></li>
|
|
<li><a href="https://www.youtube.com/user/expomaptv"><img src="{% static 'subscribe_lending/images/sm-icon-youtube.png' %}" /></a></li>
|
|
<li><a href="https://www.facebook.com/Expomap"><img src="{% static 'subscribe_lending/images/sm-icon-fb.png' %}" /></a></li>
|
|
<li><a href="http://www.linkedin.com/company/expomap-ru/"><img src="{% static 'subscribe_lending/images/sm-icon-lin.png' %}" /></a></li>
|
|
<li><a href="http://vk.com/expomap"><img src="{% static 'subscribe_lending/images/sm-icon-vk.png' %}" /></a></li>
|
|
<li><a href="https://twitter.com/expomap_ru"><img src="{% static 'subscribe_lending/images/sm-icon-twit.png' %}" /></a></li>
|
|
</ul>
|
|
</div>
|
|
<strong class="pr-logo"><a href="/">Expomap</a></strong>
|
|
<span class="pr-slogan">{% blocktrans %}П<span class="pr-search-icon"></span>исковик деловых событий{% endblocktrans %}</span>
|
|
</div>
|
|
</header>
|
|
<section id="pr-promo">
|
|
<div class="pr-center">
|
|
<h1>{% trans 'Анонсы выставок' %} <br />{% trans 'и конференций на ваш e-mail' %}</h1>
|
|
<h2>{% trans 'Хотите быть в курсе событий?' %}</h2>
|
|
<div class="pr-promo-text">
|
|
<p>{% trans 'Получайте анонсы выставок и конференций на email каждую среду. Вы можете выбрать несколько интересующих вас тематических направлений.' %} <a target="_blank" href="/newsletters/test-letter/">{% trans 'Пример письма' %}</a></p>
|
|
</div>
|
|
<form id="form1" action="#" class="pr-form" method="post">{% csrf_token %}
|
|
<fieldset>
|
|
<div class="pr-row">
|
|
<span class="pr-input pr-name">{{ form.first_name }}</span>
|
|
<span class="pr-input pr-email" >{{ form.email }}</span>
|
|
</div>
|
|
<button>{% trans 'Подписаться' %}</button>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
<section id="pr-content">
|
|
<div class="pr-center">
|
|
<form id="form2" action="#" class="pr-interesting-form">
|
|
<fieldset>
|
|
<div class="pr-interesting">
|
|
<h3>{% trans 'Выберите то, что вам интересно' %}</h3>
|
|
<h4>{% trans 'Ваши тематики:' %}</h4>
|
|
<ul class="pr-interesting-list">
|
|
{% for item in form2.theme.field.choices %}
|
|
{% if item.0 in form2.theme.value %}
|
|
<li data-id="id_theme_{{ item.0 }}">
|
|
<a class="pr-close" href="#"> </a> {{ item.1 }}
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
<div class="pr-interesting-box">
|
|
<div class="pr-interesting-wrap">
|
|
{% with choices=form2.theme.field.choices %}
|
|
<ul class="pr-interesting-col">
|
|
{% for item in form2.theme.field.choices %}
|
|
{% if forloop.counter|divisibleby:2 %}
|
|
<li {% if forloop.counter > 18 %}style="display: none;" {% endif %}>
|
|
<input {% if item.0 in form2.theme.value %}checked="checked"{% endif %} name="theme" type="checkbox" class="pr-checkbox" id="id_theme_{{ item.0 }}" value="{{ item.0 }}"/>
|
|
<label for="id_theme_{{ item.0 }}">{{ item.1 }}</label>
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
<ul class="pr-interesting-col">
|
|
{% for item in form2.theme.field.choices %}
|
|
{% if not forloop.counter|divisibleby:2 %}
|
|
<li {% if forloop.counter > 18 %}style="display: none;" {% endif %}>
|
|
<input {% if item.0 in form2.theme.value %}checked="checked"{% endif %} name="theme" type="checkbox" class="pr-checkbox" id="id_theme_{{ item.0 }}" value="{{ item.0 }}" />
|
|
<label for="id_theme_{{ item.0 }}">{{ item.1 }}</label>
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
{% endwith %}
|
|
</div>
|
|
<a class="pr-btn-open" href="#"><span>{% trans 'Открыть весь список' %}</span></a>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
<form id="form3" action="#" class="pr-subscription" method="post"> {% csrf_token %}
|
|
<fieldset>
|
|
<h3>{% trans 'Подписка на бесплатные учебные и практические материалы' %}</h3>
|
|
<div class="pr-subscription-box">
|
|
<ul class="pr-subscription-list">
|
|
<li>
|
|
<div class="pr-subscription-row">
|
|
{{ form2.exponent_practicum }}
|
|
|
|
<label for="{{ form2.exponent_practicum.id_for_label }}">«{{ form2.exponent_practicum.label }}»</label>
|
|
</div>
|
|
<div class="pr-title">
|
|
<p>{% trans 'Учимся эффективно участвовать в выставках и грамотно пиарить свою компанию на событиях.' %}</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="pr-subscription-row">
|
|
{{ form2.organiser_practicum }}
|
|
<label for="{{ form2.organiser_practicum.id_for_label }}">«{{ form2.organiser_practicum.label }}»</label>
|
|
</div>
|
|
<div class="pr-title">
|
|
<p>{% trans 'Создаем, наполняем и продвигаем собственные ивэнты.' %}</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div class="pr-subscription-col">
|
|
<button>{% trans 'ПОДПИСАТЬСЯ' %}</button>
|
|
<strong>{% trans 'Нажимая «Подписаться», вы соглашаетесь получать' %} <br /> {% trans 'материалы компании Expomap на свой электронный адрес' %}</strong>
|
|
<a href="{% url 'termsofuse' %}" style="color:#a2a2a2;">{% trans "Пользовательское соглашение" %}</a>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
$(function(){
|
|
$('#form1').on('submit', function(e){
|
|
if($('#form2').serialize() !== ""){
|
|
$('#form2 :input').not(':submit').clone().hide().appendTo(this);
|
|
$('#form3 :input').not(':submit').clone().hide().appendTo(this);
|
|
return true;
|
|
}else{
|
|
e.preventDefault();
|
|
alert('{%trans "Выберите тематику!" %}');
|
|
}
|
|
});
|
|
$('#form3').on('submit', function(e){
|
|
if($('#form2').serialize() !== ""){
|
|
$('#form2 :input').not(':submit').clone().hide().appendTo(this);
|
|
$('#form1 :input').not(':submit').clone().hide().appendTo(this);
|
|
return true;
|
|
}else{
|
|
e.preventDefault();
|
|
alert('{%trans "Выберите тематику!" %}');
|
|
}
|
|
});
|
|
/*
|
|
$('button').on('click', function(e){
|
|
|
|
e.preventDefault();
|
|
sendData = $('#form1, #form2, #form3').serialize();
|
|
console.log(sendData);
|
|
});
|
|
*/
|
|
});
|
|
</script>
|
|
</html>
|
|
|