@ -0,0 +1,14 @@ |
||||
from django.conf.urls import url |
||||
from django.conf.urls import include |
||||
from django.conf.urls import patterns |
||||
from django.http import HttpResponse |
||||
from emencia.django.newsletter.views.admin_views import ContactList |
||||
|
||||
def test(request): |
||||
return HttpResponse('test') |
||||
|
||||
urlpatterns = patterns('', |
||||
url(r'^test/', test), |
||||
url(r'^contact/all/$', ContactList.as_view(), name='newsletters_contact_list'), |
||||
url(r'^contact/(?P<pk>\d+)/edit/', test), |
||||
) |
||||
@ -1,11 +1,20 @@ |
||||
"""Default urls for the emencia.django.newsletter""" |
||||
from django.conf.urls.defaults import url |
||||
from django.conf.urls.defaults import include |
||||
from django.conf.urls.defaults import patterns |
||||
from django.conf.urls import url |
||||
from django.conf.urls import include |
||||
from django.conf.urls import patterns |
||||
from django.views.generic.base import TemplateView |
||||
from emencia.django.newsletter.views.expo_views import SubscribeView, ActivationView |
||||
|
||||
|
||||
urlpatterns = patterns('', |
||||
url(r'^mailing/', include('emencia.django.newsletter.urls.mailing_list')), |
||||
url(r'^tracking/', include('emencia.django.newsletter.urls.tracking')), |
||||
url(r'^statistics/', include('emencia.django.newsletter.urls.statistics')), |
||||
url(r'^', include('emencia.django.newsletter.urls.newsletter')), |
||||
|
||||
url(r'^test-letter/', TemplateView.as_view(template_name='client/newsletters/announce_template.html')), |
||||
url(r'^activation/complete/', TemplateView.as_view(template_name='client/newsletters/activation_complete.html'), |
||||
name='subscription_activation_complete'), |
||||
url(r'^activate/(?P<activation_key>.*)/$', ActivationView.as_view(), name='subscription_activation'), |
||||
url(r'^', SubscribeView.as_view(), name='newsletter_subscription'), |
||||
) |
||||
|
||||
@ -0,0 +1,20 @@ |
||||
# -*- coding: utf-8 -*- |
||||
from django.views.generic import TemplateView, CreateView, ListView, UpdateView, DetailView |
||||
from django.conf import settings |
||||
from django.http import HttpResponseRedirect |
||||
from django.shortcuts import get_object_or_404 |
||||
from emencia.django.newsletter.models import Contact, ContactSettings |
||||
|
||||
|
||||
class ContactList(ListView): |
||||
paginate_by = settings.ADMIN_PAGINATION |
||||
model = Contact |
||||
template_name = 'admin/newsletters/contact_list.html' |
||||
|
||||
class UpdateContact(UpdateView): |
||||
model = Contact |
||||
template_name = 'admin/newsletters/contact.html' |
||||
|
||||
|
||||
def get_success_url(self): |
||||
return ('subscription_activation_complete', (), {}) |
||||
@ -0,0 +1,98 @@ |
||||
from django.views.generic import TemplateView, View, FormView |
||||
from django.http import HttpResponseRedirect |
||||
from django.shortcuts import redirect |
||||
from emencia.django.newsletter.forms import ContactForm, ContactSettingsForm |
||||
from emencia.django.newsletter.models import Contact, ContactSettings |
||||
|
||||
class SubscribeView(FormView): |
||||
form_class = ContactForm |
||||
template_name = 'client/newsletters/subcribe.html' |
||||
success_url = '/' |
||||
|
||||
def get_form(self, form_class): |
||||
if self.request.POST: |
||||
email = self.request.POST.get('email') |
||||
if email: |
||||
try: |
||||
contact = Contact.objects.get(email=email) |
||||
return form_class(instance=contact, **self.get_form_kwargs()) |
||||
except Contact.DoesNotExist: |
||||
return form_class(**self.get_form_kwargs()) |
||||
else: |
||||
return form_class(**self.get_form_kwargs()) |
||||
|
||||
def form_valid(self, form): |
||||
contact = form.save() |
||||
try: |
||||
setting = contact.contactsettings |
||||
except ContactSettings.DoesNotExist: |
||||
setting = None |
||||
if setting: |
||||
form2 = ContactSettingsForm(self.request.POST, instance=setting) |
||||
else: |
||||
form2 = ContactSettingsForm(self.request.POST) |
||||
|
||||
ccc = self.request.POST |
||||
if form2.is_valid(): |
||||
contact_setting = form2.save(commit=False) |
||||
if not contact_setting.contact_id: |
||||
contact_setting.contact = contact |
||||
contact_setting.save() |
||||
form2.save_m2m() |
||||
|
||||
contact.send_activation() |
||||
return HttpResponseRedirect(self.success_url) |
||||
|
||||
|
||||
def get_context_data(self, **kwargs): |
||||
context = super(SubscribeView, self).get_context_data(**kwargs) |
||||
context['form2'] = ContactSettingsForm(initial=self.get_initial()) |
||||
|
||||
return context |
||||
|
||||
def get_initial(self): |
||||
data = super(SubscribeView, self).get_initial() |
||||
if self.request.user.is_authenticated(): |
||||
email = getattr(self.request.user, 'email') |
||||
data['email'] = email |
||||
data['first_name'] = getattr(self.request.user, 'first_name') |
||||
if self.request.GET: |
||||
if self.request.GET.get('email'): |
||||
data['email'] = self.request.GET['email'] |
||||
if self.request.GET.get('first_name'): |
||||
data['first_name'] = self.request.GET['first_name'] |
||||
if self.request.GET.getlist('theme'): |
||||
theme = self.request.GET.getlist('theme') |
||||
data['theme'] = theme |
||||
return data |
||||
|
||||
|
||||
class ActivationView(TemplateView): |
||||
http_method_names = ['get'] |
||||
template_name = 'registration/activate.html' |
||||
|
||||
def get(self, request, *args, **kwargs): |
||||
activated_contact = self.activate(request, *args, **kwargs) |
||||
if activated_contact: |
||||
success_url = self.get_success_url(request, activated_contact) |
||||
try: |
||||
to, args, kwargs = success_url |
||||
return redirect(to, *args, **kwargs) |
||||
except ValueError: |
||||
return redirect(success_url) |
||||
return super(ActivationView, self).get(request, *args, **kwargs) |
||||
|
||||
def activate(self, request, activation_key): |
||||
""" |
||||
Implement account-activation logic here. |
||||
|
||||
""" |
||||
# todo: add country and city from geoip |
||||
activated_contact = Contact.objects.activate(activation_key) |
||||
return activated_contact |
||||
|
||||
|
||||
def get_success_url(self, request, user): |
||||
return ('subscription_activation_complete', (), {}) |
||||
|
||||
|
||||
@ -0,0 +1,480 @@ |
||||
@font-face { |
||||
font-family: 'pf_dindisplay_prolight'; |
||||
src: url('../fonts/pfdindisplaypro-light-webfont.eot'); |
||||
src: url('../fonts/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'), |
||||
url('../fonts/pfdindisplaypro-light-webfont.woff2') format('woff2'), |
||||
url('../fonts/pfdindisplaypro-light-webfont.woff') format('woff'), |
||||
url('../fonts/pfdindisplaypro-light-webfont.ttf') format('truetype'), |
||||
url('../fonts/pfdindisplaypro-light-webfont.svg#pf_dindisplay_prolight') format('svg'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
@font-face { |
||||
font-family: 'pf_dindisplay_promedium'; |
||||
src: url('../fonts/pfdindisplaypro-med-webfont.eot'); |
||||
src: url('../fonts/pfdindisplaypro-med-webfont.eot?#iefix') format('embedded-opentype'), |
||||
url('../fonts/pfdindisplaypro-med-webfont.woff2') format('woff2'), |
||||
url('../fonts/pfdindisplaypro-med-webfont.woff') format('woff'), |
||||
url('../fonts/pfdindisplaypro-med-webfont.ttf') format('truetype'), |
||||
url('../fonts/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium') format('svg'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
@font-face { |
||||
font-family: 'pf_dindisplay_proregular'; |
||||
src: url('../fonts/pfdindisplaypro-reg-webfont.eot'); |
||||
src: url('../fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'), |
||||
url('../fonts/pfdindisplaypro-reg-webfont.woff2') format('woff2'), |
||||
url('../fonts/pfdindisplaypro-reg-webfont.woff') format('woff'), |
||||
url('../fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'), |
||||
url('../fonts/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular') format('svg'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
@font-face { |
||||
font-family: 'MyriadProRegular'; |
||||
src: url('../fonts/myriad_pro-webfont.eot'); |
||||
src: url('../fonts/myriad_pro-webfont.eot?#iefix') format('embedded-opentype'), |
||||
url('../fonts/myriad_pro-webfont.woff') format('woff'), |
||||
url('../fonts/myriad_pro-webfont.ttf') format('truetype'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
body.pr { |
||||
margin:0; |
||||
color:#090909; |
||||
font:20px/24px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif; |
||||
background:#fff; |
||||
min-width:1000px; |
||||
} |
||||
.pr img { |
||||
border-style:none; |
||||
vertical-align:top; |
||||
} |
||||
.pr a { |
||||
color:#090909; |
||||
outline:none; |
||||
} |
||||
.pr a:hover { |
||||
text-decoration:none; |
||||
} |
||||
.pr * { |
||||
outline:none; |
||||
} |
||||
.pr input { |
||||
font:100% Arial, Helvetica, sans-serif; |
||||
vertical-align:middle; |
||||
} |
||||
.pr form, .pr fieldset { |
||||
margin:0; |
||||
padding:0; |
||||
border-style:none; |
||||
} |
||||
.pr header, |
||||
.pr nav, |
||||
.pr section, |
||||
.pr article, |
||||
.pr aside, |
||||
.pr footer, |
||||
.pr figure, |
||||
.pr menu, |
||||
.pr dialog { |
||||
display: block; |
||||
} |
||||
#pr-wrapper{ |
||||
width:100%; |
||||
overflow:hidden; |
||||
} |
||||
.pr-center{ |
||||
width:964px; |
||||
margin:0 auto; |
||||
padding:0 18px; |
||||
} |
||||
.pr-center:after{
display:block;
clear:both;
content:'';
} |
||||
#pr-header{ |
||||
overflow:hidden; |
||||
min-height:98px; |
||||
padding:62px 0 10px; |
||||
} |
||||
.pr-logo{ |
||||
float:left; |
||||
width:254px; |
||||
height:74px; |
||||
background:url(../images/pr-logo.png) no-repeat; |
||||
text-indent:-9999px; |
||||
overflow:hidden; |
||||
} |
||||
.pr-logo a{ |
||||
display:block; |
||||
height:100%; |
||||
} |
||||
.pr-slogan{ |
||||
float:left; |
||||
margin:0 0 0 20px; |
||||
background:url(../images/pr-line01.png) no-repeat 0 50%; |
||||
padding:28px 0 20px 20px; |
||||
color:#454545; |
||||
font:19px/21px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
||||
text-transform:uppercase; |
||||
} |
||||
.pr-search-icon{ |
||||
background:url(../images/pr-icon01.png) no-repeat; |
||||
width:17px; |
||||
height:19px; |
||||
display:inline-block; |
||||
vertical-align:top; |
||||
margin:0 1px 0 3px; |
||||
} |
||||
.pr-header-box{ |
||||
float:right; |
||||
text-align:right; |
||||
margin:-4px 0 0; |
||||
} |
||||
.pr-phone{ |
||||
font-size: 25px; |
||||
line-height:30px; |
||||
text-decoration:none; |
||||
color:#454545; |
||||
display:inline-block; |
||||
vertical-align:top; |
||||
margin:0 0 5px; |
||||
} |
||||
.pr-social{ |
||||
margin:0;
padding:0;
list-style:none; |
||||
font-size: 0; |
||||
line-height:0; |
||||
} |
||||
.pr-social li{ |
||||
display:inline-block; |
||||
vertical-align:middle; |
||||
margin:0 0 0 6px; |
||||
-webkit-transition: all 100ms linear; |
||||
-moz-transition: all 100ms linear; |
||||
-ms-transition: all 100ms linear; |
||||
-o-transition: all 100ms linear; |
||||
transition: all 100ms linear; |
||||
} |
||||
.pr-social li:hover{ |
||||
opacity:0.8; |
||||
} |
||||
#pr-promo{ |
||||
background:url(../images/pr-img01.jpg) no-repeat 50% 0; |
||||
background-size:cover; |
||||
min-height:400px; |
||||
padding:35px 0 47px; |
||||
color:#fff; |
||||
} |
||||
#pr-promo .pr-center{ |
||||
padding:0 25px; |
||||
width:950px; |
||||
} |
||||
#pr-promo h1{ |
||||
font-weight:normal; |
||||
margin:0 0 16px; |
||||
font:39px/39px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
||||
color:#fff; |
||||
} |
||||
#pr-promo h2{ |
||||
font-weight:normal; |
||||
margin:0 0 15px; |
||||
font:27px/33px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
||||
color:#99fbff; |
||||
} |
||||
#pr-promo p{ |
||||
margin:0; |
||||
} |
||||
.pr-promo-text{ |
||||
max-width:400px; |
||||
margin:0 0 22px; |
||||
} |
||||
.pr .pr-promo-text a{ |
||||
color:#fff; |
||||
} |
||||
.pr-form{ |
||||
width:509px; |
||||
text-align:center; |
||||
} |
||||
.pr-form .pr-row{ |
||||
overflow:hidden; |
||||
margin:0 0 14px; |
||||
} |
||||
.pr-input{ |
||||
float:left; |
||||
height:46px; |
||||
width:186px; |
||||
padding:0 44px 0 18px; |
||||
margin:0 0 0 13px; |
||||
background:#fff; |
||||
border-radius:4px; |
||||
position:relative; |
||||
} |
||||
.pr-input:first-child{ |
||||
margin:0; |
||||
} |
||||
.pr-input:after{
content:''; |
||||
position:absolute; |
||||
top:13px; |
||||
right:14px; |
||||
width:20px; |
||||
height:20px;
} |
||||
.pr-input.pr-name:after{ |
||||
background:url(../images/pr-icon02.png) no-repeat 50% 50%; |
||||
} |
||||
.pr-input.pr-email:after{ |
||||
background:url(../images/pr-icon03.png) no-repeat 50% 50%; |
||||
} |
||||
.pr-form input{ |
||||
padding:0; |
||||
border:none; |
||||
color:#000; |
||||
font:17px/21px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
||||
height:24px; |
||||
margin:12px 0 0; |
||||
} |
||||
.pr-form input:focus::-webkit-input-placeholder { |
||||
color:transparent; |
||||
} |
||||
.pr-form input:focus:-moz-placeholder { |
||||
color:transparent; |
||||
} |
||||
.pr-form input:focus:-ms-input-placeholder { |
||||
color:transparent; |
||||
} |
||||
.pr-form input:focus::-moz-placeholder { |
||||
color:transparent; |
||||
} |
||||
.pr-form input::-webkit-input-placeholder { /* WebKit browsers */ |
||||
color:#808080; |
||||
opacity:1; |
||||
} |
||||
.pr-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ |
||||
color:#808080; |
||||
opacity:1; |
||||
} |
||||
.pr-form input::-moz-placeholder { /* Mozilla Firefox 19+ */ |
||||
color:#808080; |
||||
opacity:1; |
||||
} |
||||
.pr-form input:-ms-input-placeholder { /* Internet Explorer 10+ */ |
||||
color:#808080; |
||||
opacity:1; |
||||
} |
||||
.pr-form button{ |
||||
display:block; |
||||
border:2px solid #fff; |
||||
border-radius:4px; |
||||
background:#ff6900; |
||||
height:64px; |
||||
font: 30px/58px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif; |
||||
text-align:center; |
||||
text-transform:uppercase; |
||||
color:#fff; |
||||
width:100%; |
||||
cursor:pointer; |
||||
-webkit-transition: all 100ms linear; |
||||
-moz-transition: all 100ms linear; |
||||
-ms-transition: all 100ms linear; |
||||
-o-transition: all 100ms linear; |
||||
transition: all 100ms linear; |
||||
} |
||||
.pr-form button:hover{ |
||||
opacity:0.9; |
||||
} |
||||
#pr-content{ |
||||
padding:59px 0 26px; |
||||
overflow:hidden; |
||||
} |
||||
.pr .pr-interesting-form{ |
||||
overflow:hidden; |
||||
margin:0 0 50px; |
||||
} |
||||
.pr-interesting{ |
||||
float:left; |
||||
width:300px; |
||||
margin:0 85px 0 0; |
||||
} |
||||
.pr-interesting h3{ |
||||
font-weight:normal; |
||||
margin:0 0 14px; |
||||
font:27px/27px 'MyriadProRegular', Arial, Helvetica, sans-serif; |
||||
color:#080808; |
||||
} |
||||
.pr-interesting h4{ |
||||
font-weight:normal; |
||||
margin:0 17px 18px; |
||||
font-size: 20px; |
||||
line-height:22px; |
||||
color:#060606; |
||||
} |
||||
.pr-interesting-list{ |
||||
margin:0;
padding:0;
list-style:none; |
||||
font-size: 17px; |
||||
line-height:21px; |
||||
color:#010100; |
||||
} |
||||
.pr-interesting-list li{ |
||||
margin:0 0 7px; |
||||
} |
||||
.pr-close{ |
||||
background:url(../images/pr-icon04.png) no-repeat; |
||||
width:12px; |
||||
height:12px; |
||||
display:inline-block; |
||||
vertical-align:top; |
||||
margin:4px 3px 0 0; |
||||
text-decoration:none; |
||||
} |
||||
.pr-interesting-box{ |
||||
overflow:hidden; |
||||
} |
||||
.pr-interesting-wrap{ |
||||
overflow:hidden; |
||||
margin:0 0 38px; |
||||
} |
||||
.pr-interesting-col{ |
||||
margin:0 0 0 8px;
padding:0;
list-style:none; |
||||
float:left; |
||||
width:285px; |
||||
} |
||||
.pr-interesting-col:first-child{ |
||||
margin:0; |
||||
} |
||||
.pr-interesting-col li{ |
||||
margin:0 0 16px; |
||||
} |
||||
.pr .pr-btn-open{ |
||||
display:block; |
||||
height:65px; |
||||
border:2px solid #ff7d22; |
||||
text-align:center; |
||||
padding:0 20px; |
||||
font:24px/65px 'MyriadProRegular', Arial, Helvetica, sans-serif; |
||||
color:#ff6900; |
||||
-webkit-transition: all 100ms linear; |
||||
-moz-transition: all 100ms linear; |
||||
-ms-transition: all 100ms linear; |
||||
-o-transition: all 100ms linear; |
||||
transition: all 100ms linear; |
||||
} |
||||
.pr .pr-btn-open:hover{ |
||||
opacity:0.8; |
||||
} |
||||
.pr-btn-open span{ |
||||
display:inline-block; |
||||
vertical-align:top; |
||||
padding:0 0 0 22px; |
||||
background:url(../images/pr-icon05.png) no-repeat 0 47%; |
||||
} |
||||
.pr-interesting-col label{ |
||||
display:block; |
||||
overflow:hidden; |
||||
cursor:pointer; |
||||
padding:0 0 0 10px; |
||||
line-height:25px; |
||||
text-decoration:underline; |
||||
} |
||||
.pr-interesting-col label:hover{ |
||||
text-decoration:none; |
||||
} |
||||
div.pr-check, |
||||
div.pr-radio { |
||||
float: left; |
||||
width: 24px; |
||||
height: 24px; |
||||
position: relative; |
||||
background:url(../images/pr-icon06.png) no-repeat; |
||||
cursor: pointer; |
||||
} |
||||
div.pr-check.checked{ |
||||
background-position:0 -40px; |
||||
} |
||||
div.pr-radio.checked{ |
||||
background-position:-0 -40px; |
||||
} |
||||
div.check.disabled, |
||||
div.check.disabled + label { |
||||
cursor: default !important; |
||||
} |
||||
div.pr-radio.disabled, |
||||
div.pr-radio.disabled + label{ |
||||
cursor: default !important; |
||||
} |
||||
.pr-subscription{ |
||||
overflow:hidden; |
||||
} |
||||
.pr-subscription h3{ |
||||
font-weight:normal; |
||||
margin:0 0 46px; |
||||
font:27px/33px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
||||
color:#000; |
||||
} |
||||
.pr-subscription-box{ |
||||
overflow:hidden; |
||||
} |
||||
.pr-subscription-list{ |
||||
float:left; |
||||
width:300px; |
||||
margin: 0 85px 0 0; |
||||
padding:0;
list-style:none; |
||||
} |
||||
.pr-subscription-list li{ |
||||
margin:0 0 27px; |
||||
} |
||||
.pr-subscription-row{ |
||||
overflow:hidden; |
||||
margin:0 0 5px; |
||||
} |
||||
.pr-subscription-list label{ |
||||
overflow:hidden; |
||||
display:block; |
||||
padding:0 0 0 12px; |
||||
cursor:pointer; |
||||
font-size: 23px; |
||||
line-height:26px; |
||||
} |
||||
.pr-subscription-row:hover label{ |
||||
color:#ff6900; |
||||
} |
||||
.pr-subscription-list .pr-title{ |
||||
margin:0 0 0 36px; |
||||
color:#482500; |
||||
font-size: 17px; |
||||
line-height:21px; |
||||
} |
||||
.pr-subscription-list p{ |
||||
margin:0 0 5px; |
||||
} |
||||
.pr .pr-subscription-list .pr-title a{ |
||||
color:#ff6900; |
||||
} |
||||
.pr-subscription-col{ |
||||
overflow:hidden; |
||||
padding:88px 0 0; |
||||
text-align:center; |
||||
} |
||||
.pr-subscription-col button{ |
||||
display:block; |
||||
background:#ff6900; |
||||
height:92px; |
||||
font: 35px/92px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
||||
text-align:center; |
||||
text-transform:uppercase; |
||||
color:#fff; |
||||
width:100%; |
||||
margin:0 0 36px; |
||||
border:none; |
||||
cursor:pointer; |
||||
-webkit-transition: all 100ms linear; |
||||
-moz-transition: all 100ms linear; |
||||
-ms-transition: all 100ms linear; |
||||
-o-transition: all 100ms linear; |
||||
transition: all 100ms linear; |
||||
} |
||||
.pr-subscription-col button:hover{ |
||||
opacity:0.9; |
||||
} |
||||
.pr-subscription-col strong{ |
||||
font-weight:normal; |
||||
font:18px/22px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
||||
color:#8f9698; |
||||
} |
||||
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 499 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 43 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 962 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 1017 B |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 412 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 439 B |
|
After Width: | Height: | Size: 549 B |
|
After Width: | Height: | Size: 669 B |
|
After Width: | Height: | Size: 415 B |
@ -0,0 +1,11 @@ |
||||
/*! iCheck v1.0.2 by Damir Sultanov, http://git.io/arlzeA, MIT Licensed */ |
||||
(function(f){function A(a,b,d){var c=a[0],g=/er/.test(d)?_indeterminate:/bl/.test(d)?n:k,e=d==_update?{checked:c[k],disabled:c[n],indeterminate:"true"==a.attr(_indeterminate)||"false"==a.attr(_determinate)}:c[g];if(/^(ch|di|in)/.test(d)&&!e)x(a,g);else if(/^(un|en|de)/.test(d)&&e)q(a,g);else if(d==_update)for(var f in e)e[f]?x(a,f,!0):q(a,f,!0);else if(!b||"toggle"==d){if(!b)a[_callback]("ifClicked");e?c[_type]!==r&&q(a,g):x(a,g)}}function x(a,b,d){var c=a[0],g=a.parent(),e=b==k,u=b==_indeterminate, |
||||
v=b==n,s=u?_determinate:e?y:"enabled",F=l(a,s+t(c[_type])),B=l(a,b+t(c[_type]));if(!0!==c[b]){if(!d&&b==k&&c[_type]==r&&c.name){var w=a.closest("form"),p='input[name="'+c.name+'"]',p=w.length?w.find(p):f(p);p.each(function(){this!==c&&f(this).data(m)&&q(f(this),b)})}u?(c[b]=!0,c[k]&&q(a,k,"force")):(d||(c[b]=!0),e&&c[_indeterminate]&&q(a,_indeterminate,!1));D(a,e,b,d)}c[n]&&l(a,_cursor,!0)&&g.find("."+C).css(_cursor,"default");g[_add](B||l(a,b)||"");g.attr("role")&&!u&&g.attr("aria-"+(v?n:k),"true"); |
||||
g[_remove](F||l(a,s)||"")}function q(a,b,d){var c=a[0],g=a.parent(),e=b==k,f=b==_indeterminate,m=b==n,s=f?_determinate:e?y:"enabled",q=l(a,s+t(c[_type])),r=l(a,b+t(c[_type]));if(!1!==c[b]){if(f||!d||"force"==d)c[b]=!1;D(a,e,s,d)}!c[n]&&l(a,_cursor,!0)&&g.find("."+C).css(_cursor,"pointer");g[_remove](r||l(a,b)||"");g.attr("role")&&!f&&g.attr("aria-"+(m?n:k),"false");g[_add](q||l(a,s)||"")}function E(a,b){if(a.data(m)){a.parent().html(a.attr("style",a.data(m).s||""));if(b)a[_callback](b);a.off(".i").unwrap(); |
||||
f(_label+'[for="'+a[0].id+'"]').add(a.closest(_label)).off(".i")}}function l(a,b,f){if(a.data(m))return a.data(m).o[b+(f?"":"Class")]}function t(a){return a.charAt(0).toUpperCase()+a.slice(1)}function D(a,b,f,c){if(!c){if(b)a[_callback]("ifToggled");a[_callback]("ifChanged")[_callback]("if"+t(f))}}var m="iCheck",C=m+"-helper",r="radio",k="checked",y="un"+k,n="disabled";_determinate="determinate";_indeterminate="in"+_determinate;_update="update";_type="type";_click="click";_touch="touchbegin.i touchend.i"; |
||||
_add="addClass";_remove="removeClass";_callback="trigger";_label="label";_cursor="cursor";_mobile=/ipad|iphone|ipod|android|blackberry|windows phone|opera mini|silk/i.test(navigator.userAgent);f.fn[m]=function(a,b){var d='input[type="checkbox"], input[type="'+r+'"]',c=f(),g=function(a){a.each(function(){var a=f(this);c=a.is(d)?c.add(a):c.add(a.find(d))})};if(/^(check|uncheck|toggle|indeterminate|determinate|disable|enable|update|destroy)$/i.test(a))return a=a.toLowerCase(),g(this),c.each(function(){var c= |
||||
f(this);"destroy"==a?E(c,"ifDestroyed"):A(c,!0,a);f.isFunction(b)&&b()});if("object"!=typeof a&&a)return this;var e=f.extend({checkedClass:k,disabledClass:n,indeterminateClass:_indeterminate,labelHover:!0},a),l=e.handle,v=e.hoverClass||"hover",s=e.focusClass||"focus",t=e.activeClass||"active",B=!!e.labelHover,w=e.labelHoverClass||"hover",p=(""+e.increaseArea).replace("%","")|0;if("checkbox"==l||l==r)d='input[type="'+l+'"]';-50>p&&(p=-50);g(this);return c.each(function(){var a=f(this);E(a);var c=this, |
||||
b=c.id,g=-p+"%",d=100+2*p+"%",d={position:"absolute",top:g,left:g,display:"block",width:d,height:d,margin:0,padding:0,background:"#fff",border:0,opacity:0},g=_mobile?{position:"absolute",visibility:"hidden"}:p?d:{position:"absolute",opacity:0},l="checkbox"==c[_type]?e.checkboxClass||"icheckbox":e.radioClass||"i"+r,z=f(_label+'[for="'+b+'"]').add(a.closest(_label)),u=!!e.aria,y=m+"-"+Math.random().toString(36).substr(2,6),h='<div class="'+l+'" '+(u?'role="'+c[_type]+'" ':"");u&&z.each(function(){h+= |
||||
'aria-labelledby="';this.id?h+=this.id:(this.id=y,h+=y);h+='"'});h=a.wrap(h+"/>")[_callback]("ifCreated").parent().append(e.insert);d=f('<ins class="'+C+'"/>').css(d).appendTo(h);a.data(m,{o:e,s:a.attr("style")}).css(g);e.inheritClass&&h[_add](c.className||"");e.inheritID&&b&&h.attr("id",m+"-"+b);"static"==h.css("position")&&h.css("position","relative");A(a,!0,_update);if(z.length)z.on(_click+".i mouseover.i mouseout.i "+_touch,function(b){var d=b[_type],e=f(this);if(!c[n]){if(d==_click){if(f(b.target).is("a"))return; |
||||
A(a,!1,!0)}else B&&(/ut|nd/.test(d)?(h[_remove](v),e[_remove](w)):(h[_add](v),e[_add](w)));if(_mobile)b.stopPropagation();else return!1}});a.on(_click+".i focus.i blur.i keyup.i keydown.i keypress.i",function(b){var d=b[_type];b=b.keyCode;if(d==_click)return!1;if("keydown"==d&&32==b)return c[_type]==r&&c[k]||(c[k]?q(a,k):x(a,k)),!1;if("keyup"==d&&c[_type]==r)!c[k]&&x(a,k);else if(/us|ur/.test(d))h["blur"==d?_remove:_add](s)});d.on(_click+" mousedown mouseup mouseover mouseout "+_touch,function(b){var d= |
||||
b[_type],e=/wn|up/.test(d)?t:v;if(!c[n]){if(d==_click)A(a,!1,!0);else{if(/wn|er|in/.test(d))h[_add](e);else h[_remove](e+" "+t);if(z.length&&B&&e==v)z[/ut|nd/.test(d)?_remove:_add](w)}if(_mobile)b.stopPropagation();else return!1}})})}})(window.jQuery||window.Zepto); |
||||
@ -0,0 +1,28 @@ |
||||
$(document).ready(function(){ |
||||
$('.pr-form input, .pr-form textarea').placeholder(); |
||||
$('.pr-btn-open').click(function(){ |
||||
_this = $(this); |
||||
$('.pr-interesting-box').find('.pr-interesting-col li').slideDown(200, function(){ |
||||
_this.fadeOut(400); |
||||
}); |
||||
return false; |
||||
}); |
||||
$('.pr form input').iCheck({ |
||||
checkboxClass: 'pr-check', |
||||
radioClass: 'pr-radio', |
||||
increaseArea: '20%' // optional
|
||||
}); |
||||
$('.pr-interesting-form .pr-checkbox:checkbox').on('ifToggled', function(){ |
||||
$('.pr-interesting-list').html(''); |
||||
$('.pr-interesting-form input:checkbox').each(function(){ |
||||
if ($(this).is(':checked')){ |
||||
$('.pr-interesting-list').append('<li data-id="'+$(this).attr('id')+'"><a class="pr-close" href="#"> </a> '+$(this).parent().parent().find('label').text()+'</li>'); |
||||
} |
||||
}) |
||||
}); |
||||
$('.pr-interesting-list').on('click', '.pr-close', function(){ |
||||
var _id = $(this).parent().attr('data-id'); |
||||
$('.pr-interesting-form input:checkbox#'+_id).iCheck('uncheck'); |
||||
return false; |
||||
}); |
||||
}); |
||||
@ -0,0 +1,183 @@ |
||||
/*! http://mths.be/placeholder v2.0.7 by @mathias */ |
||||
;(function(window, document, $) { |
||||
|
||||
var isInputSupported = 'placeholder' in document.createElement('input'); |
||||
var isTextareaSupported = 'placeholder' in document.createElement('textarea'); |
||||
var prototype = $.fn; |
||||
var valHooks = $.valHooks; |
||||
var propHooks = $.propHooks; |
||||
var hooks; |
||||
var placeholder; |
||||
|
||||
if (isInputSupported && isTextareaSupported) { |
||||
|
||||
placeholder = prototype.placeholder = function() { |
||||
return this; |
||||
}; |
||||
|
||||
placeholder.input = placeholder.textarea = true; |
||||
|
||||
} else { |
||||
|
||||
placeholder = prototype.placeholder = function() { |
||||
var $this = this; |
||||
$this |
||||
.filter((isInputSupported ? 'textarea' : ':input') + '[placeholder]') |
||||
.not('.placeholder') |
||||
.bind({ |
||||
'focus.placeholder': clearPlaceholder, |
||||
'blur.placeholder': setPlaceholder |
||||
}) |
||||
.data('placeholder-enabled', true) |
||||
.trigger('blur.placeholder'); |
||||
return $this; |
||||
}; |
||||
|
||||
placeholder.input = isInputSupported; |
||||
placeholder.textarea = isTextareaSupported; |
||||
|
||||
hooks = { |
||||
'get': function(element) { |
||||
var $element = $(element); |
||||
|
||||
var $passwordInput = $element.data('placeholder-password'); |
||||
if ($passwordInput) { |
||||
return $passwordInput[0].value; |
||||
} |
||||
|
||||
return $element.data('placeholder-enabled') && $element.hasClass('placeholder') ? '' : element.value; |
||||
}, |
||||
'set': function(element, value) { |
||||
var $element = $(element); |
||||
|
||||
var $passwordInput = $element.data('placeholder-password'); |
||||
if ($passwordInput) { |
||||
return $passwordInput[0].value = value; |
||||
} |
||||
|
||||
if (!$element.data('placeholder-enabled')) { |
||||
return element.value = value; |
||||
} |
||||
if (value == '') { |
||||
element.value = value; |
||||
// Issue #56: Setting the placeholder causes problems if the element continues to have focus.
|
||||
if (element != safeActiveElement()) { |
||||
// We can't use `triggerHandler` here because of dummy text/password inputs :(
|
||||
setPlaceholder.call(element); |
||||
} |
||||
} else if ($element.hasClass('placeholder')) { |
||||
clearPlaceholder.call(element, true, value) || (element.value = value); |
||||
} else { |
||||
element.value = value; |
||||
} |
||||
// `set` can not return `undefined`; see http://jsapi.info/jquery/1.7.1/val#L2363
|
||||
return $element; |
||||
} |
||||
}; |
||||
|
||||
if (!isInputSupported) { |
||||
valHooks.input = hooks; |
||||
propHooks.value = hooks; |
||||
} |
||||
if (!isTextareaSupported) { |
||||
valHooks.textarea = hooks; |
||||
propHooks.value = hooks; |
||||
} |
||||
|
||||
$(function() { |
||||
// Look for forms
|
||||
$(document).delegate('form', 'submit.placeholder', function() { |
||||
// Clear the placeholder values so they don't get submitted
|
||||
var $inputs = $('.placeholder', this).each(clearPlaceholder); |
||||
setTimeout(function() { |
||||
$inputs.each(setPlaceholder); |
||||
}, 10); |
||||
}); |
||||
}); |
||||
|
||||
// Clear placeholder values upon page reload
|
||||
$(window).bind('beforeunload.placeholder', function() { |
||||
$('.placeholder').each(function() { |
||||
this.value = ''; |
||||
}); |
||||
}); |
||||
|
||||
} |
||||
|
||||
function args(elem) { |
||||
// Return an object of element attributes
|
||||
var newAttrs = {}; |
||||
var rinlinejQuery = /^jQuery\d+$/; |
||||
$.each(elem.attributes, function(i, attr) { |
||||
if (attr.specified && !rinlinejQuery.test(attr.name)) { |
||||
newAttrs[attr.name] = attr.value; |
||||
} |
||||
}); |
||||
return newAttrs; |
||||
} |
||||
|
||||
function clearPlaceholder(event, value) { |
||||
var input = this; |
||||
var $input = $(input); |
||||
if (input.value == $input.attr('placeholder') && $input.hasClass('placeholder')) { |
||||
if ($input.data('placeholder-password')) { |
||||
$input = $input.hide().next().show().attr('id', $input.removeAttr('id').data('placeholder-id')); |
||||
// If `clearPlaceholder` was called from `$.valHooks.input.set`
|
||||
if (event === true) { |
||||
return $input[0].value = value; |
||||
} |
||||
$input.focus(); |
||||
} else { |
||||
input.value = ''; |
||||
$input.removeClass('placeholder'); |
||||
input == safeActiveElement() && input.select(); |
||||
} |
||||
} |
||||
} |
||||
|
||||
function setPlaceholder() { |
||||
var $replacement; |
||||
var input = this; |
||||
var $input = $(input); |
||||
var id = this.id; |
||||
if (input.value == '') { |
||||
if (input.type == 'password') { |
||||
if (!$input.data('placeholder-textinput')) { |
||||
try { |
||||
$replacement = $input.clone().attr({ 'type': 'text' }); |
||||
} catch(e) { |
||||
$replacement = $('<input>').attr($.extend(args(this), { 'type': 'text' })); |
||||
} |
||||
$replacement |
||||
.removeAttr('name') |
||||
.data({ |
||||
'placeholder-password': $input, |
||||
'placeholder-id': id |
||||
}) |
||||
.bind('focus.placeholder', clearPlaceholder); |
||||
$input |
||||
.data({ |
||||
'placeholder-textinput': $replacement, |
||||
'placeholder-id': id |
||||
}) |
||||
.before($replacement); |
||||
} |
||||
$input = $input.removeAttr('id').hide().prev().attr('id', id).show(); |
||||
// Note: `$input[0] != input` now!
|
||||
} |
||||
$input.addClass('placeholder'); |
||||
$input[0].value = $input.attr('placeholder'); |
||||
} else { |
||||
$input.removeClass('placeholder'); |
||||
} |
||||
} |
||||
|
||||
function safeActiveElement() { |
||||
// Avoid IE9 `document.activeElement` of death
|
||||
// https://github.com/mathiasbynens/jquery-placeholder/pull/99
|
||||
try { |
||||
return document.activeElement; |
||||
} catch (err) {} |
||||
} |
||||
|
||||
}(this, document, jQuery)); |
||||
@ -0,0 +1,10 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head lang="en"> |
||||
<meta charset="UTF-8"> |
||||
<title></title> |
||||
</head> |
||||
<body> |
||||
контакты список |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,18 @@ |
||||
{% extends "base_catalog.html" %} |
||||
{% load i18n %} |
||||
|
||||
{% block page_title %} |
||||
<div class="page-title"> |
||||
<h1>{% trans "Успешная подписка" %}</h1> |
||||
</div> |
||||
{% endblock %} |
||||
|
||||
|
||||
{% block content_list %} |
||||
<div class="m-article"> |
||||
<div class="item-wrap event clearfix"> |
||||
<p>{% trans "Теперь вы успешно подписаны" %}</p> |
||||
</div> |
||||
</div> |
||||
|
||||
{% endblock %} |
||||
@ -0,0 +1,2 @@ |
||||
{% load i18n %} |
||||
{% trans 'Подтвердите вашу подписку' %} |
||||
@ -0,0 +1,109 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
||||
"http://www.w3.org/TR/html4/loose.dtd"> |
||||
<html style="margin: 0; padding: 0; height: 100%;"> |
||||
<head> |
||||
<title></title> |
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> |
||||
</head> |
||||
<body style="margin: 0; padding: 0; min-height: 100%; background: #f4f2ee;"> |
||||
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%" bgcolor="#f4f2ee" style="font-family: Arial, sans-serif; background: #f4f2ee;"> |
||||
<tr> |
||||
<td align="center" style="padding: 50px 0"> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px;"> |
||||
<tr> |
||||
<td style="vertical-align: top;"> |
||||
<div class="logo"> |
||||
<a style="text-decoration: none; color: #a2a2a2; font-size: 12px;" href="#"> |
||||
<img src="cid:logo" alt="Expomap.ru" /> |
||||
<b style="display: block; padding-left: 67px; margin-top: -5px;">Выставки, конференции, семинары</b> |
||||
</a> |
||||
</div> |
||||
</td> |
||||
<td style="vertical-align: top; padding-top: 22px;"> |
||||
<ul class="t-links" style="margin: 0 0 15px; padding: 0; list-style: none; text-align: right; font-size: 16px; line-height: 17px; font-weight: bold;"> |
||||
<li style="display: inline-block;"><a target="_blank" style="text-decoration: none; color: #ff6600" href="http://expomap.ru/expo/">СОБЫТИЯ</a></li> |
||||
<li style="display: inline-block; margin-left: 20px;"><a target="_blank" style="text-decoration: none; color: #ff6600" href="http://expomap.ru/places/">МЕСТА</a></li> |
||||
<li style="display: inline-block; margin-left: 20px;"><a target="_blank" style="text-decoration: none; color: #ff6600" href="http://expomap.ru/members/">УЧАСТНИКИ</a></li> |
||||
</ul> |
||||
|
||||
<ul class="soc-media-buttons" style="margin: 0; padding: 0; list-style: none; text-align: right;"> |
||||
<li style="display: inline-block; margin-left: 5px;"><a target="_blank" href="https://www.facebook.com/Expomap"><img src="cid:fb" title="Facebook" alt="Facebook" /></a></li> |
||||
<li style="display: inline-block; margin-left: 5px;"><a target="_blank" href="http://www.linkedin.com/company/expomap-ru/"><img src="cid:linkedin" title="LinkedIn" alt="LinkedIn" /></a></li> |
||||
<li style="display: inline-block; margin-left: 5px;"><a target="_blank" href="http://vk.com/expomap"><img src="cid:vk" title="В контакте" alt="В контакте" /></a></li> |
||||
<li style="display: inline-block; margin-left: 5px;"><a target="_blank" href="https://twitter.com/expomap_ru"><img src="cid:twit" title="Twitter" alt="Twitter" /></a></li> |
||||
</ul> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; margin-bottom: 10px;"> |
||||
<tr> |
||||
<td style="padding: 20px 0 0;"><p style="display: block; padding: 25px 30px; text-decoration: none; background: #ff6600; color: #ffffff; font-size: 20px; line-height: 26px; margin-bottom: 0;" >Ваша регистрация на портале <a href="http://expomap.ru/" style="color: #ffffff;text-decoration: none;border-bottom: 1px dashed #ee3824;">Expomap</a></p></td> |
||||
</tr> |
||||
<tr> |
||||
<td style="padding: 10px 30px 15px; background: #faf9f7;"> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="540" style="margin-bottom: 15px;"> |
||||
|
||||
<tr valign="top"> |
||||
<td style="padding: 15px 0 36px 0;"> |
||||
<p style="font-weight: bold;color: #003e79;margin: 0;">Добрый день, {{ user.first_name }}!</p> |
||||
</td> |
||||
</tr> |
||||
<tr valign="top"> |
||||
<td style="padding: 0 0 32px 0;"> |
||||
<p>Благодарим за подписку! Остался 1 шаг - подтвердить Ваш электронный адрес, нажав на кнопку:</p> |
||||
</td> |
||||
</tr> |
||||
<tr valign="top"> |
||||
<td style="padding: 0 0 42px 0; text-align: center;"> |
||||
<a class="button" style="display: inline-block; padding: 4px 10px 3px; text-decoration: none; color: #2592c5; font-size: 14px; font-weight: bold; line-height: 14px; border: 1px solid #90c7e0; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 336px;" href="http://{{ site }}/newsletters/activate/{{ activation_key }}/">подтвердить подписку</a> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr valign="top"> |
||||
<td style="padding:32px 0 20px 0; text-align: left;"> |
||||
В личном кабинете вам доступен собственный профиль, персональная лента <span style="border-bottom: 1px dashed #ee3824;">событий</span>,свое расписание, сообщения и многое другое. |
||||
</td> |
||||
</tr> |
||||
|
||||
</table> |
||||
|
||||
|
||||
|
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; border-bottom: 1px dotted #cccccc;"> |
||||
<tr> |
||||
<td style="vertical-align: top; padding: 15px 0 10px;"> |
||||
<div class="logo"> |
||||
<a style="text-decoration: none; color: #a2a2a2; font-size: 12px;" href="#"> |
||||
<img src="cid:logo2" alt="Expomap.ru" /> |
||||
</a> |
||||
</div> |
||||
</td> |
||||
<td style="vertical-align: top; padding: 25px 0 5px;"> |
||||
<ul class="t-links" style="margin: 0 0 15px; padding: 0; list-style: none; text-align: right; font-size: 14px; line-height: 15px; font-weight: bold;"> |
||||
<li style="display: inline-block;"><a target="_blank" style="text-decoration: none; color: #ff6600" href="http://expomap.ru/expo/">СОБЫТИЯ</a></li> |
||||
<li style="display: inline-block; margin-left: 20px;"><a target="_blank" style="text-decoration: none; color: #ff6600" href="http://expomap.ru/places/">МЕСТА</a></li> |
||||
<li style="display: inline-block; margin-left: 20px;"><a target="_blank" style="text-decoration: none; color: #ff6600" href="http://expomap.ru/members/">УЧАСТНИКИ</a></li> |
||||
</ul> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
<table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; font-size: 12px; line-height: 15px;"> |
||||
<tr> |
||||
<td style="vertical-align: top; padding: 15px 0 15px; color: #a2a2a2; text-align: right;"> |
||||
© 2007 — 2015 <a style="color: #a2a2a2; text-decoration: none;" href="http://expomap.ru/">Expomap.ru</a> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,311 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
||||
"http://www.w3.org/TR/html4/loose.dtd"> |
||||
<html style="margin: 0; padding: 0; height: 100%;"> |
||||
<head> |
||||
<title></title> |
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> |
||||
</head> |
||||
<body style="margin: 0; padding: 0; min-height: 100%; background: #f4f2ee;"> |
||||
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%" bgcolor="#f4f2ee" style="font-family: Arial, sans-serif; background: #f4f2ee;"> |
||||
<tr> |
||||
<td align="center" style="padding: 50px 0"> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px;"> |
||||
<tr> |
||||
<td style="vertical-align: top;"> |
||||
<div class="logo"> |
||||
<a style="text-decoration: none; color: #a2a2a2; font-size: 12px;" href="#"> |
||||
<img src="img/logo.png" alt="Expomap.ru" /> |
||||
<b style="display: block; padding-left: 67px; margin-top: -5px;">Выставки, конференции, семинары</b> |
||||
</a> |
||||
</div> |
||||
</td> |
||||
<td style="vertical-align: top; padding-top: 22px;"> |
||||
<ul class="t-links" style="margin: 0 0 15px; padding: 0; list-style: none; text-align: right; font-size: 16px; line-height: 17px; font-weight: bold;"> |
||||
<li style="display: inline-block;"><a style="text-decoration: none; color: #ff6600" href="#">СОБЫТИЯ</a></li> |
||||
<li style="display: inline-block; margin-left: 20px;"><a style="text-decoration: none; color: #ff6600" href="#">МЕСТА</a></li> |
||||
<li style="display: inline-block; margin-left: 20px;"><a style="text-decoration: none; color: #ff6600" href="#">УЧАСТНИКИ</a></li> |
||||
</ul> |
||||
|
||||
<ul class="soc-media-buttons" style="margin: 0; padding: 0; list-style: none; text-align: right;"> |
||||
<li style="display: inline-block;"><a href="#"><img src="img/soc-medias/sm-icon-rss.png" title="RSS" alt="RSS" /></a></li> |
||||
<li style="display: inline-block; margin-left: 5px;"><a href="#"><img src="img/soc-medias/sm-icon-fb.png" title="Facebook" alt="Facebook" /></a></li> |
||||
<li style="display: inline-block; margin-left: 5px;"><a href="#"><img src="img/soc-medias/sm-icon-lin.png" title="LinkedIn" alt="LinkedIn" /></a></li> |
||||
<li style="display: inline-block; margin-left: 5px;"><a href="#"><img src="img/soc-medias/sm-icon-vk.png" title="В контакте" alt="В контакте" /></a></li> |
||||
<li style="display: inline-block; margin-left: 5px;"><a href="#"><img src="img/soc-medias/sm-icon-twit.png" title="Twitter" alt="Twitter" /></a></li> |
||||
</ul> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; margin-bottom: 10px;"> |
||||
<tr> |
||||
<td style="padding: 20px 0 0;"><a style="display: block; padding: 25px 30px; text-decoration: none; background: #ff6600; color: #ffffff; font-size: 20px; line-height: 26px;" href="#">Выставки в Москве по тематике: <b style="display: block; font-size: 26px;">Мебель, Дизайн интерьеров</b></a></td> |
||||
</tr> |
||||
<tr> |
||||
<td style="padding: 10px 30px 15px; background: #faf9f7;"> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="540" style="margin-bottom: 15px;"> |
||||
|
||||
<tr valign="top"> |
||||
<td style="padding: 15px 15px 15px 0; width: 76px; border-bottom: 1px dotted #cccccc;"> |
||||
<table cellpadding="0" cellspacing="0" border="0"> |
||||
<tr> |
||||
<td style="background: #ffffff; padding: 3px; width: 70px; height: 70px; vertical-align: middle; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;"><a href="#"><img src="img/_del-temp/cl-logo-1.png" style="width: 100%;" alt="" /></a></td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
<td style="padding: 15px 15px 15px 0; border-bottom: 1px dotted #cccccc;"> |
||||
<h2 style="margin: 0 0 5px; font-family: Tahoma, Arial, sans-serif; font-size: 18px; line-height: 21px;"><a style="color: #464646; text-decoration: none;" href="#">Foire de Pau 2013</a></h2> |
||||
<p style="margin: 0 0 7px; font-size: 12px; line-height: 15px; color: #a2a2a2"><a style="color: #a2a2a2; text-decoration: none;" href="#">Международная ярмарка потребительских товаров</a></p> |
||||
<a class="button" style="display: inline-block; padding: 4px 10px 3px; text-decoration: none; color: #ff6600; font-size: 11px; font-weight: bold; line-height: 14px; border: 1px solid #feb17d; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;" href="#">добавить в расписание</a> |
||||
<div class="addr" style="margin-top: 10px; font-size: 13px; line-height: 15px;"><img src="img/pin.png" width="10" height="15" alt="" style="vertical-align: middle; margin-top: -1px;" /> Россия, Москва, ЦВК «Экспоцентр»</div> |
||||
</td> |
||||
<td style="padding: 17px 0; text-align: right; font-size: 13px; line-height: 16px; color: #ff6600; width: 140px; border-bottom: 1px dotted #cccccc;"> |
||||
<img src="img/clock.png" width="14" height="15" style="vertical-align: middle; margin-top: -1px;" alt="" /> с 5 по 20 октября |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr valign="top"> |
||||
<td style="padding: 15px 15px 15px 0; width: 76px; border-bottom: 1px dotted #cccccc;"> |
||||
<table cellpadding="0" cellspacing="0" border="0"> |
||||
<tr> |
||||
<td style="background: #ffffff; padding: 3px; width: 70px; height: 70px; vertical-align: middle; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;"><a href="#"><img src="img/_del-temp/cl-logo-2.png" style="width: 100%;" alt="" /></a></td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
<td style="padding: 15px 15px 15px 0; border-bottom: 1px dotted #cccccc;"> |
||||
<h2 style="margin: 0 0 5px; font-family: Tahoma, Arial, sans-serif; font-size: 18px; line-height: 21px;"><a style="color: #464646; text-decoration: none;" href="#">Foire de Pau 2013</a></h2> |
||||
<p style="margin: 0 0 7px; font-size: 12px; line-height: 15px; color: #a2a2a2"><a style="color: #a2a2a2; text-decoration: none;" href="#">Международная ярмарка потребительских товаров</a></p> |
||||
<a class="button" style="display: inline-block; padding: 4px 10px 3px; text-decoration: none; color: #ff6600; font-size: 11px; font-weight: bold; line-height: 14px; border: 1px solid #feb17d; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;" href="#">добавить в расписание</a> |
||||
<div class="addr" style="margin-top: 10px; font-size: 13px; line-height: 15px;"><img src="img/pin.png" width="10" height="15" alt="" style="vertical-align: middle; margin-top: -1px;" /> Россия, Москва, ЦВК «Экспоцентр»</div> |
||||
</td> |
||||
<td style="padding: 17px 0; text-align: right; font-size: 13px; line-height: 16px; color: #ff6600; width: 140px; border-bottom: 1px dotted #cccccc;"> |
||||
<img src="img/clock.png" width="14" height="15" style="vertical-align: middle; margin-top: -1px;" alt="" /> с 5 по 20 октября |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr valign="top"> |
||||
<td style="padding: 15px 15px 15px 0; width: 76px; border-bottom: 1px dotted #cccccc;"> |
||||
<table cellpadding="0" cellspacing="0" border="0"> |
||||
<tr> |
||||
<td style="background: #ffffff; padding: 3px; width: 70px; height: 70px; vertical-align: middle; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;"><a href="#"><img src="img/_del-temp/cl-logo-3.png" style="width: 100%;" alt="" /></a></td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
<td style="padding: 15px 15px 15px 0; border-bottom: 1px dotted #cccccc;"> |
||||
<h2 style="margin: 0 0 5px; font-family: Tahoma, Arial, sans-serif; font-size: 18px; line-height: 21px;"><a style="color: #464646; text-decoration: none;" href="#">Foire de Pau 2013</a></h2> |
||||
<p style="margin: 0 0 7px; font-size: 12px; line-height: 15px; color: #a2a2a2"><a style="color: #a2a2a2; text-decoration: none;" href="#">Международная ярмарка потребительских товаров</a></p> |
||||
<a class="button" style="display: inline-block; padding: 4px 10px 3px; text-decoration: none; color: #ff6600; font-size: 11px; font-weight: bold; line-height: 14px; border: 1px solid #feb17d; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;" href="#">добавить в расписание</a> |
||||
<div class="addr" style="margin-top: 10px; font-size: 13px; line-height: 15px;"><img src="img/pin.png" width="10" height="15" alt="" style="vertical-align: middle; margin-top: -1px;" /> Россия, Москва, ЦВК «Экспоцентр»</div> |
||||
</td> |
||||
<td style="padding: 17px 0; text-align: right; font-size: 13px; line-height: 16px; color: #ff6600; width: 140px; border-bottom: 1px dotted #cccccc;"> |
||||
<img src="img/clock.png" width="14" height="15" style="vertical-align: middle; margin-top: -1px;" alt="" /> с 5 по 20 октября |
||||
</td> |
||||
</tr> |
||||
|
||||
</table> |
||||
|
||||
<div class="more" style="text-align: center;"> |
||||
<a class="button" style="display: inline-block; padding: 4px 10px 3px; text-decoration: none; color: #2592c5; font-size: 11px; font-weight: bold; line-height: 14px; border: 1px solid #90c7e0; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 336px;" href="#">посмотреть все события</a> |
||||
</div> |
||||
|
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
|
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; margin-bottom: 10px;"> |
||||
<tr> |
||||
<td style="padding: 20px 0 0;"><a style="display: block; padding: 25px 30px; text-decoration: none; background: #ff6600; color: #ffffff; font-size: 20px; line-height: 26px;" href="#">Новости событий</a></td> |
||||
</tr> |
||||
<tr> |
||||
<td style="padding: 10px 30px 15px; background: #faf9f7;"> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="540" style="margin-bottom: 15px;"> |
||||
|
||||
<tr valign="top"> |
||||
<td style="padding: 15px 15px 15px 0; width: 76px; border-bottom: 1px dotted #cccccc;"> |
||||
<table cellpadding="0" cellspacing="0" border="0"> |
||||
<tr> |
||||
<td style="background: #ffffff; padding: 0; width: 76px; height: 76px; vertical-align: middle; text-align: center;"><a href="#"><img style="width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;" alt="" src="img/_del-temp/news-1.jpg" /></a></td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
<td style="padding: 15px 0; border-bottom: 1px dotted #cccccc;"> |
||||
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom: 5px;"> |
||||
<tr> |
||||
<td><h2 style="margin: 0 0 5px; font-family: Tahoma, Arial, sans-serif; font-size: 18px; line-height: 21px;"><a style="color: #464646; text-decoration: none;" href="#">Foire de Pau 2013</a></h2></td> |
||||
<td style="font-size: 13px; line-height: 15px; text-align: right; color: #ff6600;">05.10.2013</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
<p style="margin: 0 0 7px; font-size: 13px; line-height: 17px;"><a style="color: #464646; text-decoration: none;" href="#">VII Международный форум «АтомЭко 2013» пройдет 30-31 октября в Москве под знаком нулевого ущерба для экологии. Главная тема VIIМеждународного Форума «АтомЭко 2013»: «Атомная энергетика – стратегия нулевого ущерба», где будут обсуждаться вопросы по обращению с радиоактивными отходами (РАО) и отработавшим <span style="text-decoration: underline; color: #ff6600;">...</span></a></p> |
||||
|
||||
</td> |
||||
</tr> |
||||
|
||||
<tr valign="top"> |
||||
<td style="padding: 15px 15px 15px 0; width: 76px; border-bottom: 1px dotted #cccccc;"> |
||||
<table cellpadding="0" cellspacing="0" border="0"> |
||||
<tr> |
||||
<td style="background: #ffffff; padding: 0; width: 76px; height: 76px; vertical-align: middle; text-align: center;"><a href="#"><img style="width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;" alt="" src="img/_del-temp/news-1.jpg" /></a></td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
<td style="padding: 15px 0; border-bottom: 1px dotted #cccccc;"> |
||||
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom: 5px;"> |
||||
<tr> |
||||
<td><h2 style="margin: 0 0 5px; font-family: Tahoma, Arial, sans-serif; font-size: 18px; line-height: 21px;"><a style="color: #464646; text-decoration: none;" href="#">Foire de Pau 2013</a></h2></td> |
||||
<td style="font-size: 13px; line-height: 15px; text-align: right; color: #ff6600;">05.10.2013</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
<p style="margin: 0 0 7px; font-size: 13px; line-height: 17px;"><a style="color: #464646; text-decoration: none;" href="#">VII Международный форум «АтомЭко 2013» пройдет 30-31 октября в Москве под знаком нулевого ущерба для экологии. Главная тема VIIМеждународного Форума «АтомЭко 2013»: «Атомная энергетика – стратегия нулевого ущерба», где будут обсуждаться вопросы по обращению с радиоактивными отходами (РАО) и отработавшим <span style="text-decoration: underline; color: #ff6600;">...</span></a></p> |
||||
|
||||
</td> |
||||
</tr> |
||||
|
||||
<tr valign="top"> |
||||
<td style="padding: 15px 0; width: 76px; border-bottom: 1px dotted #cccccc;"> |
||||
<table cellpadding="0" cellspacing="0" border="0"> |
||||
<tr> |
||||
<td style="background: #ffffff; padding: 0; width: 76px; height: 76px; vertical-align: middle; text-align: center;"><a href="#"><img style="width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;" alt="" src="img/_del-temp/news-1.jpg" /></a></td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
<td style="padding: 15px 15px 15px 0; border-bottom: 1px dotted #cccccc;"> |
||||
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom: 5px;"> |
||||
<tr> |
||||
<td><h2 style="margin: 0 0 5px; font-family: Tahoma, Arial, sans-serif; font-size: 18px; line-height: 21px;"><a style="color: #464646; text-decoration: none;" href="#">Foire de Pau 2013</a></h2></td> |
||||
<td style="font-size: 13px; line-height: 15px; text-align: right; color: #ff6600;">05.10.2013</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
<p style="margin: 0 0 7px; font-size: 13px; line-height: 17px;"><a style="color: #464646; text-decoration: none;" href="#">VII Международный форум «АтомЭко 2013» пройдет 30-31 октября в Москве под знаком нулевого ущерба для экологии. Главная тема VIIМеждународного Форума «АтомЭко 2013»: «Атомная энергетика – стратегия нулевого ущерба», где будут обсуждаться вопросы по обращению с радиоактивными отходами (РАО) и отработавшим <span style="text-decoration: underline; color: #ff6600;">...</span></a></p> |
||||
|
||||
</td> |
||||
</tr> |
||||
|
||||
</table> |
||||
|
||||
<div class="more" style="text-align: center;"> |
||||
<a class="button" style="display: inline-block; padding: 4px 10px 3px; text-decoration: none; color: #2592c5; font-size: 11px; font-weight: bold; line-height: 14px; border: 1px solid #90c7e0; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 336px;" href="#">посмотреть все новости</a> |
||||
</div> |
||||
|
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; margin-bottom: 10px;"> |
||||
<tr> |
||||
<td style="padding: 20px 0 0;"><a style="display: block; padding: 25px 30px; text-decoration: none; background: #ff6600; color: #ffffff; font-size: 20px; line-height: 26px;" href="#">Фоторепортаж: Международный форум «АтомЭко 2013»</a></td> |
||||
</tr> |
||||
<tr> |
||||
<td style="padding: 10px 30px 15px; background: #faf9f7;"> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="540" style="margin-bottom: 15px;"> |
||||
|
||||
<tr valign="top"> |
||||
<td style="padding: 15px 0; border-bottom: 1px dotted #cccccc;"> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 10px;"> |
||||
<tr> |
||||
<td style="width: 100px;"><a href="#"><img src="img/_del-temp/phr-1.jpg" width="100" height="100" alt="" /></a></td> |
||||
<td style="width: 100px; padding-left: 10px;"><a href="#"><img src="img/_del-temp/phr-2.jpg" width="100" height="100" alt="" /></a></td> |
||||
<td style="width: 100px; padding-left: 10px;"><a href="#"><img src="img/_del-temp/phr-3.jpg" width="100" height="100" alt="" /></a></td> |
||||
<td style="width: 100px; padding-left: 10px;"><a href="#"><img src="img/_del-temp/phr-4.jpg" width="100" height="100" alt="" /></a></td> |
||||
<td style="width: 100px; padding-left: 10px;"><a href="#"><img src="img/_del-temp/phr-2.jpg" width="100" height="100" alt="" /></a></td> |
||||
</tr> |
||||
</table> |
||||
|
||||
<p style="margin: 0 0 7px; font-size: 12px; line-height: 15px;"><a style="color: #464646; text-decoration: none;" href="#">Идея Russian Affiliate Congress and Expo возникла в ответ на необходимость развития бизнеса России и стран СНГ в соответствии с мировыми тенденциями. Партнерские программы — один из наиболее эффективных и широко применяемых на западе инструментов интернет маркетинга, доля которого на рынке интернет продвижения развитых стран около 40 %, для сравнения в России и странах СНГ на этот сегмент приходится около 10%. Разница очевидна.</a></p> |
||||
|
||||
</td> |
||||
</tr> |
||||
|
||||
</table> |
||||
|
||||
<div class="more" style="text-align: center;"> |
||||
<a class="button" style="display: inline-block; padding: 4px 10px 3px; text-decoration: none; color: #2592c5; font-size: 11px; font-weight: bold; line-height: 14px; border: 1px solid #90c7e0; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 336px;" href="#">посмотреть все фотрепортажи</a> |
||||
</div> |
||||
|
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; margin-bottom: 10px;"> |
||||
<tr> |
||||
<td style="padding: 20px 0 0;"><a href="#"><img src="img/_del-temp/mail-banner.jpg" width="600" height="145" alt="" /></a></td> |
||||
</tr> |
||||
</table> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; margin-bottom: 10px;"> |
||||
<tr> |
||||
<td style="padding: 20px 0 0;"><a style="display: block; padding: 25px 30px; text-decoration: none; background: #ff6600; color: #ffffff; font-size: 20px; line-height: 26px;" href="#">Аналитика для профессионалов</a></td> |
||||
</tr> |
||||
<tr> |
||||
<td style="padding: 10px 30px 15px; background: #faf9f7;"> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="540"> |
||||
|
||||
<tr valign="top"> |
||||
<td style="padding: 15px 15px 0 0; width: 76px;"> |
||||
<table cellpadding="0" cellspacing="0" border="0"> |
||||
<tr> |
||||
<td style="background: #ffffff; padding: 0; width: 76px; height: 76px; vertical-align: middle; text-align: center;"><a href="#"><img style="width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;" alt="" src="img/_del-temp/news-1.jpg" /></a></td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
<td style="padding: 15px 0 0;"> |
||||
|
||||
<h2 style="margin: 0 0 5px; font-family: Tahoma, Arial, sans-serif; font-size: 18px; line-height: 21px;"><a style="color: #464646; text-decoration: none;" href="#">Древние славянские практики для оздоровления души и тела презентуют на красноярской Ярмарке здоровья</a></h2> |
||||
<p style="margin: 0 0 7px; font-size: 13px; line-height: 17px;"><a style="color: #464646; text-decoration: none;" href="#">VII Международный форум «АтомЭко 2013» пройдет 30-31 октября в Москве под знаком нулевого ущерба для экологии. Главная тема VIIМеждународного Форума «АтомЭко 2013»: «Атомная энергетика – стратегия нулевого ущерба», где будут обсуждаться вопросы по обращению с радиоактивными отходами (РАО) и отработавшим <span style="text-decoration: underline; color: #ff6600;">...</span></a></p> |
||||
|
||||
</td> |
||||
</tr> |
||||
|
||||
</table> |
||||
|
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; border-bottom: 1px dotted #cccccc;"> |
||||
<tr> |
||||
<td style="vertical-align: top; padding: 15px 0 10px;"> |
||||
<div class="logo"> |
||||
<a style="text-decoration: none; color: #a2a2a2; font-size: 12px;" href="#"> |
||||
<img src="img/mail-logo-2.jpg" alt="Expomap.ru" /> |
||||
</a> |
||||
</div> |
||||
</td> |
||||
<td style="vertical-align: top; padding: 25px 0 5px;"> |
||||
<ul class="t-links" style="margin: 0 0 15px; padding: 0; list-style: none; text-align: right; font-size: 14px; line-height: 15px; font-weight: bold;"> |
||||
<li style="display: inline-block;"><a style="text-decoration: none; color: #ff6600" href="#">СОБЫТИЯ</a></li> |
||||
<li style="display: inline-block; margin-left: 20px;"><a style="text-decoration: none; color: #ff6600" href="#">МЕСТА</a></li> |
||||
<li style="display: inline-block; margin-left: 20px;"><a style="text-decoration: none; color: #ff6600" href="#">УЧАСТНИКИ</a></li> |
||||
</ul> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" width="600" style="width: 600px; font-size: 12px; line-height: 15px;"> |
||||
<tr> |
||||
<td style="vertical-align: top; padding: 15px 0 15px;"> |
||||
Чтобы отписаться от этой рассылки, перейдите <a style="color: #ff6600;" href="#">по ссылке</a> |
||||
</td> |
||||
<td style="vertical-align: top; padding: 15px 0 15px; color: #a2a2a2; text-align: right;"> |
||||
© 2018 — 2013 <a style="color: #a2a2a2; text-decoration: none;" href="#">Expomap.ru</a> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,170 @@ |
||||
{% 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"> |
||||
{{ form.errors }} |
||||
|
||||
<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="#"><img src="{% static 'subscribe_lending/images/sm-icon-inst.png' %}" /></a></li> |
||||
<li><a href="#"><img src="{% static 'subscribe_lending/images/sm-icon-youtube.png' %}" /></a></li> |
||||
<li><a href="#"><img src="{% static 'subscribe_lending/images/sm-icon-fb.png' %}" /></a></li> |
||||
<li><a href="#"><img src="{% static 'subscribe_lending/images/sm-icon-lin.png' %}" /></a></li> |
||||
<li><a href="#"><img src="{% static 'subscribe_lending/images/sm-icon-vk.png' %}" /></a></li> |
||||
<li><a href="#"><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 href="#">{% 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> |
||||
<a href="#">{% trans 'Пример письма' %}</a> |
||||
</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> |
||||
<a href="#">{% trans 'Пример письма' %}</a> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
<div class="pr-subscription-col"> |
||||
<button>{% trans 'ПОДПИСАТЬСЯ' %}</button> |
||||
<strong>{% trans 'Нажимая «Подписаться», вы соглашаетесь получать' %} <br /> {% trans 'материалы компании Expomap на свой электронный адрес' %}</strong> |
||||
</div> |
||||
</div> |
||||
</fieldset> |
||||
</form> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</body> |
||||
<script> |
||||
$(function(){ |
||||
$('#form1').on('submit', function(e){ |
||||
$('#form2 :input').not(':submit').clone().hide().appendTo(this); |
||||
$('#form3 :input').not(':submit').clone().hide().appendTo(this); |
||||
return true; |
||||
}); |
||||
$('#form3').on('submit', function(e){ |
||||
$('#form2 :input').not(':submit').clone().hide().appendTo(this); |
||||
$('#form1 :input').not(':submit').clone().hide().appendTo(this); |
||||
return true; |
||||
}); |
||||
/* |
||||
$('button').on('click', function(e){ |
||||
|
||||
e.preventDefault(); |
||||
sendData = $('#form1, #form2, #form3').serialize(); |
||||
console.log(sendData); |
||||
}); |
||||
*/ |
||||
}); |
||||
</script> |
||||
</html> |
||||
@ -0,0 +1,480 @@ |
||||
@font-face { |
||||
font-family: 'pf_dindisplay_prolight'; |
||||
src: url('../fonts/pfdindisplaypro-light-webfont.eot'); |
||||
src: url('../fonts/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'), |
||||
url('../fonts/pfdindisplaypro-light-webfont.woff2') format('woff2'), |
||||
url('../fonts/pfdindisplaypro-light-webfont.woff') format('woff'), |
||||
url('../fonts/pfdindisplaypro-light-webfont.ttf') format('truetype'), |
||||
url('../fonts/pfdindisplaypro-light-webfont.svg#pf_dindisplay_prolight') format('svg'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
@font-face { |
||||
font-family: 'pf_dindisplay_promedium'; |
||||
src: url('../fonts/pfdindisplaypro-med-webfont.eot'); |
||||
src: url('../fonts/pfdindisplaypro-med-webfont.eot?#iefix') format('embedded-opentype'), |
||||
url('../fonts/pfdindisplaypro-med-webfont.woff2') format('woff2'), |
||||
url('../fonts/pfdindisplaypro-med-webfont.woff') format('woff'), |
||||
url('../fonts/pfdindisplaypro-med-webfont.ttf') format('truetype'), |
||||
url('../fonts/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium') format('svg'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
@font-face { |
||||
font-family: 'pf_dindisplay_proregular'; |
||||
src: url('../fonts/pfdindisplaypro-reg-webfont.eot'); |
||||
src: url('../fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'), |
||||
url('../fonts/pfdindisplaypro-reg-webfont.woff2') format('woff2'), |
||||
url('../fonts/pfdindisplaypro-reg-webfont.woff') format('woff'), |
||||
url('../fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'), |
||||
url('../fonts/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular') format('svg'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
@font-face { |
||||
font-family: 'MyriadProRegular'; |
||||
src: url('../fonts/myriad_pro-webfont.eot'); |
||||
src: url('../fonts/myriad_pro-webfont.eot?#iefix') format('embedded-opentype'), |
||||
url('../fonts/myriad_pro-webfont.woff') format('woff'), |
||||
url('../fonts/myriad_pro-webfont.ttf') format('truetype'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
body.pr { |
||||
margin:0; |
||||
color:#090909; |
||||
font:20px/24px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif; |
||||
background:#fff; |
||||
min-width:1000px; |
||||
} |
||||
.pr img { |
||||
border-style:none; |
||||
vertical-align:top; |
||||
} |
||||
.pr a { |
||||
color:#090909; |
||||
outline:none; |
||||
} |
||||
.pr a:hover { |
||||
text-decoration:none; |
||||
} |
||||
.pr * { |
||||
outline:none; |
||||
} |
||||
.pr input { |
||||
font:100% Arial, Helvetica, sans-serif; |
||||
vertical-align:middle; |
||||
} |
||||
.pr form, .pr fieldset { |
||||
margin:0; |
||||
padding:0; |
||||
border-style:none; |
||||
} |
||||
.pr header, |
||||
.pr nav, |
||||
.pr section, |
||||
.pr article, |
||||
.pr aside, |
||||
.pr footer, |
||||
.pr figure, |
||||
.pr menu, |
||||
.pr dialog { |
||||
display: block; |
||||
} |
||||
#pr-wrapper{ |
||||
width:100%; |
||||
overflow:hidden; |
||||
} |
||||
.pr-center{ |
||||
width:964px; |
||||
margin:0 auto; |
||||
padding:0 18px; |
||||
} |
||||
.pr-center:after{
display:block;
clear:both;
content:'';
} |
||||
#pr-header{ |
||||
overflow:hidden; |
||||
min-height:98px; |
||||
padding:62px 0 10px; |
||||
} |
||||
.pr-logo{ |
||||
float:left; |
||||
width:254px; |
||||
height:74px; |
||||
background:url(../images/pr-logo.png) no-repeat; |
||||
text-indent:-9999px; |
||||
overflow:hidden; |
||||
} |
||||
.pr-logo a{ |
||||
display:block; |
||||
height:100%; |
||||
} |
||||
.pr-slogan{ |
||||
float:left; |
||||
margin:0 0 0 20px; |
||||
background:url(../images/pr-line01.png) no-repeat 0 50%; |
||||
padding:28px 0 20px 20px; |
||||
color:#454545; |
||||
font:19px/21px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
||||
text-transform:uppercase; |
||||
} |
||||
.pr-search-icon{ |
||||
background:url(../images/pr-icon01.png) no-repeat; |
||||
width:17px; |
||||
height:19px; |
||||
display:inline-block; |
||||
vertical-align:top; |
||||
margin:0 1px 0 3px; |
||||
} |
||||
.pr-header-box{ |
||||
float:right; |
||||
text-align:right; |
||||
margin:-4px 0 0; |
||||
} |
||||
.pr-phone{ |
||||
font-size: 25px; |
||||
line-height:30px; |
||||
text-decoration:none; |
||||
color:#454545; |
||||
display:inline-block; |
||||
vertical-align:top; |
||||
margin:0 0 5px; |
||||
} |
||||
.pr-social{ |
||||
margin:0;
padding:0;
list-style:none; |
||||
font-size: 0; |
||||
line-height:0; |
||||
} |
||||
.pr-social li{ |
||||
display:inline-block; |
||||
vertical-align:middle; |
||||
margin:0 0 0 6px; |
||||
-webkit-transition: all 100ms linear; |
||||
-moz-transition: all 100ms linear; |
||||
-ms-transition: all 100ms linear; |
||||
-o-transition: all 100ms linear; |
||||
transition: all 100ms linear; |
||||
} |
||||
.pr-social li:hover{ |
||||
opacity:0.8; |
||||
} |
||||
#pr-promo{ |
||||
background:url(../images/pr-img01.jpg) no-repeat 50% 0; |
||||
background-size:cover; |
||||
min-height:400px; |
||||
padding:35px 0 47px; |
||||
color:#fff; |
||||
} |
||||
#pr-promo .pr-center{ |
||||
padding:0 25px; |
||||
width:950px; |
||||
} |
||||
#pr-promo h1{ |
||||
font-weight:normal; |
||||
margin:0 0 16px; |
||||
font:39px/39px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
||||
color:#fff; |
||||
} |
||||
#pr-promo h2{ |
||||
font-weight:normal; |
||||
margin:0 0 15px; |
||||
font:27px/33px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
||||
color:#99fbff; |
||||
} |
||||
#pr-promo p{ |
||||
margin:0; |
||||
} |
||||
.pr-promo-text{ |
||||
max-width:400px; |
||||
margin:0 0 22px; |
||||
} |
||||
.pr .pr-promo-text a{ |
||||
color:#fff; |
||||
} |
||||
.pr-form{ |
||||
width:509px; |
||||
text-align:center; |
||||
} |
||||
.pr-form .pr-row{ |
||||
overflow:hidden; |
||||
margin:0 0 14px; |
||||
} |
||||
.pr-input{ |
||||
float:left; |
||||
height:46px; |
||||
width:186px; |
||||
padding:0 44px 0 18px; |
||||
margin:0 0 0 13px; |
||||
background:#fff; |
||||
border-radius:4px; |
||||
position:relative; |
||||
} |
||||
.pr-input:first-child{ |
||||
margin:0; |
||||
} |
||||
.pr-input:after{
content:''; |
||||
position:absolute; |
||||
top:13px; |
||||
right:14px; |
||||
width:20px; |
||||
height:20px;
} |
||||
.pr-input.pr-name:after{ |
||||
background:url(../images/pr-icon02.png) no-repeat 50% 50%; |
||||
} |
||||
.pr-input.pr-email:after{ |
||||
background:url(../images/pr-icon03.png) no-repeat 50% 50%; |
||||
} |
||||
.pr-form input{ |
||||
padding:0; |
||||
border:none; |
||||
color:#000; |
||||
font:17px/21px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
||||
height:24px; |
||||
margin:12px 0 0; |
||||
} |
||||
.pr-form input:focus::-webkit-input-placeholder { |
||||
color:transparent; |
||||
} |
||||
.pr-form input:focus:-moz-placeholder { |
||||
color:transparent; |
||||
} |
||||
.pr-form input:focus:-ms-input-placeholder { |
||||
color:transparent; |
||||
} |
||||
.pr-form input:focus::-moz-placeholder { |
||||
color:transparent; |
||||
} |
||||
.pr-form input::-webkit-input-placeholder { /* WebKit browsers */ |
||||
color:#808080; |
||||
opacity:1; |
||||
} |
||||
.pr-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ |
||||
color:#808080; |
||||
opacity:1; |
||||
} |
||||
.pr-form input::-moz-placeholder { /* Mozilla Firefox 19+ */ |
||||
color:#808080; |
||||
opacity:1; |
||||
} |
||||
.pr-form input:-ms-input-placeholder { /* Internet Explorer 10+ */ |
||||
color:#808080; |
||||
opacity:1; |
||||
} |
||||
.pr-form button{ |
||||
display:block; |
||||
border:2px solid #fff; |
||||
border-radius:4px; |
||||
background:#ff6900; |
||||
height:64px; |
||||
font: 30px/58px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif; |
||||
text-align:center; |
||||
text-transform:uppercase; |
||||
color:#fff; |
||||
width:100%; |
||||
cursor:pointer; |
||||
-webkit-transition: all 100ms linear; |
||||
-moz-transition: all 100ms linear; |
||||
-ms-transition: all 100ms linear; |
||||
-o-transition: all 100ms linear; |
||||
transition: all 100ms linear; |
||||
} |
||||
.pr-form button:hover{ |
||||
opacity:0.9; |
||||
} |
||||
#pr-content{ |
||||
padding:59px 0 26px; |
||||
overflow:hidden; |
||||
} |
||||
.pr .pr-interesting-form{ |
||||
overflow:hidden; |
||||
margin:0 0 50px; |
||||
} |
||||
.pr-interesting{ |
||||
float:left; |
||||
width:300px; |
||||
margin:0 85px 0 0; |
||||
} |
||||
.pr-interesting h3{ |
||||
font-weight:normal; |
||||
margin:0 0 14px; |
||||
font:27px/27px 'MyriadProRegular', Arial, Helvetica, sans-serif; |
||||
color:#080808; |
||||
} |
||||
.pr-interesting h4{ |
||||
font-weight:normal; |
||||
margin:0 17px 18px; |
||||
font-size: 20px; |
||||
line-height:22px; |
||||
color:#060606; |
||||
} |
||||
.pr-interesting-list{ |
||||
margin:0;
padding:0;
list-style:none; |
||||
font-size: 17px; |
||||
line-height:21px; |
||||
color:#010100; |
||||
} |
||||
.pr-interesting-list li{ |
||||
margin:0 0 7px; |
||||
} |
||||
.pr-close{ |
||||
background:url(../images/pr-icon04.png) no-repeat; |
||||
width:12px; |
||||
height:12px; |
||||
display:inline-block; |
||||
vertical-align:top; |
||||
margin:4px 3px 0 0; |
||||
text-decoration:none; |
||||
} |
||||
.pr-interesting-box{ |
||||
overflow:hidden; |
||||
} |
||||
.pr-interesting-wrap{ |
||||
overflow:hidden; |
||||
margin:0 0 38px; |
||||
} |
||||
.pr-interesting-col{ |
||||
margin:0 0 0 8px;
padding:0;
list-style:none; |
||||
float:left; |
||||
width:285px; |
||||
} |
||||
.pr-interesting-col:first-child{ |
||||
margin:0; |
||||
} |
||||
.pr-interesting-col li{ |
||||
margin:0 0 16px; |
||||
} |
||||
.pr .pr-btn-open{ |
||||
display:block; |
||||
height:65px; |
||||
border:2px solid #ff7d22; |
||||
text-align:center; |
||||
padding:0 20px; |
||||
font:24px/65px 'MyriadProRegular', Arial, Helvetica, sans-serif; |
||||
color:#ff6900; |
||||
-webkit-transition: all 100ms linear; |
||||
-moz-transition: all 100ms linear; |
||||
-ms-transition: all 100ms linear; |
||||
-o-transition: all 100ms linear; |
||||
transition: all 100ms linear; |
||||
} |
||||
.pr .pr-btn-open:hover{ |
||||
opacity:0.8; |
||||
} |
||||
.pr-btn-open span{ |
||||
display:inline-block; |
||||
vertical-align:top; |
||||
padding:0 0 0 22px; |
||||
background:url(../images/pr-icon05.png) no-repeat 0 47%; |
||||
} |
||||
.pr-interesting-col label{ |
||||
display:block; |
||||
overflow:hidden; |
||||
cursor:pointer; |
||||
padding:0 0 0 10px; |
||||
line-height:25px; |
||||
text-decoration:underline; |
||||
} |
||||
.pr-interesting-col label:hover{ |
||||
text-decoration:none; |
||||
} |
||||
div.pr-check, |
||||
div.pr-radio { |
||||
float: left; |
||||
width: 24px; |
||||
height: 24px; |
||||
position: relative; |
||||
background:url(../images/pr-icon06.png) no-repeat; |
||||
cursor: pointer; |
||||
} |
||||
div.pr-check.checked{ |
||||
background-position:0 -40px; |
||||
} |
||||
div.pr-radio.checked{ |
||||
background-position:-0 -40px; |
||||
} |
||||
div.check.disabled, |
||||
div.check.disabled + label { |
||||
cursor: default !important; |
||||
} |
||||
div.pr-radio.disabled, |
||||
div.pr-radio.disabled + label{ |
||||
cursor: default !important; |
||||
} |
||||
.pr-subscription{ |
||||
overflow:hidden; |
||||
} |
||||
.pr-subscription h3{ |
||||
font-weight:normal; |
||||
margin:0 0 46px; |
||||
font:27px/33px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
||||
color:#000; |
||||
} |
||||
.pr-subscription-box{ |
||||
overflow:hidden; |
||||
} |
||||
.pr-subscription-list{ |
||||
float:left; |
||||
width:300px; |
||||
margin: 0 85px 0 0; |
||||
padding:0;
list-style:none; |
||||
} |
||||
.pr-subscription-list li{ |
||||
margin:0 0 27px; |
||||
} |
||||
.pr-subscription-row{ |
||||
overflow:hidden; |
||||
margin:0 0 5px; |
||||
} |
||||
.pr-subscription-list label{ |
||||
overflow:hidden; |
||||
display:block; |
||||
padding:0 0 0 12px; |
||||
cursor:pointer; |
||||
font-size: 23px; |
||||
line-height:26px; |
||||
} |
||||
.pr-subscription-row:hover label{ |
||||
color:#ff6900; |
||||
} |
||||
.pr-subscription-list .pr-title{ |
||||
margin:0 0 0 36px; |
||||
color:#482500; |
||||
font-size: 17px; |
||||
line-height:21px; |
||||
} |
||||
.pr-subscription-list p{ |
||||
margin:0 0 5px; |
||||
} |
||||
.pr .pr-subscription-list .pr-title a{ |
||||
color:#ff6900; |
||||
} |
||||
.pr-subscription-col{ |
||||
overflow:hidden; |
||||
padding:88px 0 0; |
||||
text-align:center; |
||||
} |
||||
.pr-subscription-col button{ |
||||
display:block; |
||||
background:#ff6900; |
||||
height:92px; |
||||
font: 35px/92px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
||||
text-align:center; |
||||
text-transform:uppercase; |
||||
color:#fff; |
||||
width:100%; |
||||
margin:0 0 36px; |
||||
border:none; |
||||
cursor:pointer; |
||||
-webkit-transition: all 100ms linear; |
||||
-moz-transition: all 100ms linear; |
||||
-ms-transition: all 100ms linear; |
||||
-o-transition: all 100ms linear; |
||||
transition: all 100ms linear; |
||||
} |
||||
.pr-subscription-col button:hover{ |
||||
opacity:0.9; |
||||
} |
||||
.pr-subscription-col strong{ |
||||
font-weight:normal; |
||||
font:18px/22px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
||||
color:#8f9698; |
||||
} |
||||
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 499 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 43 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 962 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 1017 B |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 412 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 439 B |
|
After Width: | Height: | Size: 549 B |
|
After Width: | Height: | Size: 669 B |
|
After Width: | Height: | Size: 415 B |
@ -0,0 +1,11 @@ |
||||
/*! iCheck v1.0.2 by Damir Sultanov, http://git.io/arlzeA, MIT Licensed */ |
||||
(function(f){function A(a,b,d){var c=a[0],g=/er/.test(d)?_indeterminate:/bl/.test(d)?n:k,e=d==_update?{checked:c[k],disabled:c[n],indeterminate:"true"==a.attr(_indeterminate)||"false"==a.attr(_determinate)}:c[g];if(/^(ch|di|in)/.test(d)&&!e)x(a,g);else if(/^(un|en|de)/.test(d)&&e)q(a,g);else if(d==_update)for(var f in e)e[f]?x(a,f,!0):q(a,f,!0);else if(!b||"toggle"==d){if(!b)a[_callback]("ifClicked");e?c[_type]!==r&&q(a,g):x(a,g)}}function x(a,b,d){var c=a[0],g=a.parent(),e=b==k,u=b==_indeterminate, |
||||
v=b==n,s=u?_determinate:e?y:"enabled",F=l(a,s+t(c[_type])),B=l(a,b+t(c[_type]));if(!0!==c[b]){if(!d&&b==k&&c[_type]==r&&c.name){var w=a.closest("form"),p='input[name="'+c.name+'"]',p=w.length?w.find(p):f(p);p.each(function(){this!==c&&f(this).data(m)&&q(f(this),b)})}u?(c[b]=!0,c[k]&&q(a,k,"force")):(d||(c[b]=!0),e&&c[_indeterminate]&&q(a,_indeterminate,!1));D(a,e,b,d)}c[n]&&l(a,_cursor,!0)&&g.find("."+C).css(_cursor,"default");g[_add](B||l(a,b)||"");g.attr("role")&&!u&&g.attr("aria-"+(v?n:k),"true"); |
||||
g[_remove](F||l(a,s)||"")}function q(a,b,d){var c=a[0],g=a.parent(),e=b==k,f=b==_indeterminate,m=b==n,s=f?_determinate:e?y:"enabled",q=l(a,s+t(c[_type])),r=l(a,b+t(c[_type]));if(!1!==c[b]){if(f||!d||"force"==d)c[b]=!1;D(a,e,s,d)}!c[n]&&l(a,_cursor,!0)&&g.find("."+C).css(_cursor,"pointer");g[_remove](r||l(a,b)||"");g.attr("role")&&!f&&g.attr("aria-"+(m?n:k),"false");g[_add](q||l(a,s)||"")}function E(a,b){if(a.data(m)){a.parent().html(a.attr("style",a.data(m).s||""));if(b)a[_callback](b);a.off(".i").unwrap(); |
||||
f(_label+'[for="'+a[0].id+'"]').add(a.closest(_label)).off(".i")}}function l(a,b,f){if(a.data(m))return a.data(m).o[b+(f?"":"Class")]}function t(a){return a.charAt(0).toUpperCase()+a.slice(1)}function D(a,b,f,c){if(!c){if(b)a[_callback]("ifToggled");a[_callback]("ifChanged")[_callback]("if"+t(f))}}var m="iCheck",C=m+"-helper",r="radio",k="checked",y="un"+k,n="disabled";_determinate="determinate";_indeterminate="in"+_determinate;_update="update";_type="type";_click="click";_touch="touchbegin.i touchend.i"; |
||||
_add="addClass";_remove="removeClass";_callback="trigger";_label="label";_cursor="cursor";_mobile=/ipad|iphone|ipod|android|blackberry|windows phone|opera mini|silk/i.test(navigator.userAgent);f.fn[m]=function(a,b){var d='input[type="checkbox"], input[type="'+r+'"]',c=f(),g=function(a){a.each(function(){var a=f(this);c=a.is(d)?c.add(a):c.add(a.find(d))})};if(/^(check|uncheck|toggle|indeterminate|determinate|disable|enable|update|destroy)$/i.test(a))return a=a.toLowerCase(),g(this),c.each(function(){var c= |
||||
f(this);"destroy"==a?E(c,"ifDestroyed"):A(c,!0,a);f.isFunction(b)&&b()});if("object"!=typeof a&&a)return this;var e=f.extend({checkedClass:k,disabledClass:n,indeterminateClass:_indeterminate,labelHover:!0},a),l=e.handle,v=e.hoverClass||"hover",s=e.focusClass||"focus",t=e.activeClass||"active",B=!!e.labelHover,w=e.labelHoverClass||"hover",p=(""+e.increaseArea).replace("%","")|0;if("checkbox"==l||l==r)d='input[type="'+l+'"]';-50>p&&(p=-50);g(this);return c.each(function(){var a=f(this);E(a);var c=this, |
||||
b=c.id,g=-p+"%",d=100+2*p+"%",d={position:"absolute",top:g,left:g,display:"block",width:d,height:d,margin:0,padding:0,background:"#fff",border:0,opacity:0},g=_mobile?{position:"absolute",visibility:"hidden"}:p?d:{position:"absolute",opacity:0},l="checkbox"==c[_type]?e.checkboxClass||"icheckbox":e.radioClass||"i"+r,z=f(_label+'[for="'+b+'"]').add(a.closest(_label)),u=!!e.aria,y=m+"-"+Math.random().toString(36).substr(2,6),h='<div class="'+l+'" '+(u?'role="'+c[_type]+'" ':"");u&&z.each(function(){h+= |
||||
'aria-labelledby="';this.id?h+=this.id:(this.id=y,h+=y);h+='"'});h=a.wrap(h+"/>")[_callback]("ifCreated").parent().append(e.insert);d=f('<ins class="'+C+'"/>').css(d).appendTo(h);a.data(m,{o:e,s:a.attr("style")}).css(g);e.inheritClass&&h[_add](c.className||"");e.inheritID&&b&&h.attr("id",m+"-"+b);"static"==h.css("position")&&h.css("position","relative");A(a,!0,_update);if(z.length)z.on(_click+".i mouseover.i mouseout.i "+_touch,function(b){var d=b[_type],e=f(this);if(!c[n]){if(d==_click){if(f(b.target).is("a"))return; |
||||
A(a,!1,!0)}else B&&(/ut|nd/.test(d)?(h[_remove](v),e[_remove](w)):(h[_add](v),e[_add](w)));if(_mobile)b.stopPropagation();else return!1}});a.on(_click+".i focus.i blur.i keyup.i keydown.i keypress.i",function(b){var d=b[_type];b=b.keyCode;if(d==_click)return!1;if("keydown"==d&&32==b)return c[_type]==r&&c[k]||(c[k]?q(a,k):x(a,k)),!1;if("keyup"==d&&c[_type]==r)!c[k]&&x(a,k);else if(/us|ur/.test(d))h["blur"==d?_remove:_add](s)});d.on(_click+" mousedown mouseup mouseover mouseout "+_touch,function(b){var d= |
||||
b[_type],e=/wn|up/.test(d)?t:v;if(!c[n]){if(d==_click)A(a,!1,!0);else{if(/wn|er|in/.test(d))h[_add](e);else h[_remove](e+" "+t);if(z.length&&B&&e==v)z[/ut|nd/.test(d)?_remove:_add](w)}if(_mobile)b.stopPropagation();else return!1}})})}})(window.jQuery||window.Zepto); |
||||
@ -0,0 +1,28 @@ |
||||
$(document).ready(function(){ |
||||
$('.pr-form input, .pr-form textarea').placeholder(); |
||||
$('.pr-btn-open').click(function(){ |
||||
_this = $(this); |
||||
$('.pr-interesting-box').find('.pr-interesting-col li').slideDown(200, function(){ |
||||
_this.fadeOut(400); |
||||
}); |
||||
return false; |
||||
}); |
||||
$('.pr form input').iCheck({ |
||||
checkboxClass: 'pr-check', |
||||
radioClass: 'pr-radio', |
||||
increaseArea: '20%' // optional
|
||||
}); |
||||
$('.pr-interesting-form .pr-checkbox:checkbox').on('ifToggled', function(){ |
||||
$('.pr-interesting-list').html(''); |
||||
$('.pr-interesting-form input:checkbox').each(function(){ |
||||
if ($(this).is(':checked')){ |
||||
$('.pr-interesting-list').append('<li data-id="'+$(this).attr('id')+'"><a class="pr-close" href="#"> </a> '+$(this).parent().parent().find('label').text()+'</li>'); |
||||
} |
||||
}) |
||||
}); |
||||
$('.pr-interesting-list').on('click', '.pr-close', function(){ |
||||
var _id = $(this).parent().attr('data-id'); |
||||
$('.pr-interesting-form input:checkbox#'+_id).iCheck('uncheck'); |
||||
return false; |
||||
}); |
||||
}); |
||||