digital_heroes_startkit 0.1.1

data/app/views/profile/_add_avatar.slim

@@ -0,0 +1,12 @@
+- content_for :head do
+  = javascript_include_tag 'avatar', 'data-turbolinks-track': 'reload'
+
+.user-avatar
+  label for="add-user-avatar" class="add-avatar"
+    span id="user-avatar"
+      - if @avatar.nil?
+        = image_tag 'svg/add-avatar.svg', class: 'user-avatar__img', id: 'state-img'
+      - else
+        = image_tag @avatar.uploaded_file.url(:default), class: 'user-avatar__img img-present', id: 'state-img'
+
+  input type="file" class="avatar-input" id="add-user-avatar" name="add-user-avatar" accept="image/*"

data/app/views/profile/_user_profile.slim

@@ -0,0 +1,95 @@
+
+//= render 'user_cards/add_avatar'
+
+h3 Редактирование профиля
+
+/ .fl.fw
+/   .checkbox-button
+/     = check_box_tag 'juridical', @current_user.juridical, (@current_user.juridical ? 'checked' : false), class: 'checkboxes'
+/     label for="juridical" Я - представитель компании
+.form.form--profile.js-profile
+  .profile__avatar.fl.tc
+    = render 'profile/add_avatar'
+
+  .profile__data.fr
+
+    - if @current_user.whoami == 'client'
+
+      #country-notice.form__input.form--profile_country.fl
+        i.dn.input-ok
+        label Страна
+        .ui-widget
+          input type="text" data-type="country" id="js-autocomplete-countries" value="#{@country.name if @country.present?}" class="default-form"
+        .fl.fw.warning-notice
+          | Введите страну
+        .fl.fw.error-notice
+          | Такого страны нет в базе
+
+      #city-notice.form__input.form--profile_city.fl
+        i.dn.input-ok
+        label Город
+        .ui-widget
+          input type="text" data-type="city" id="js-autocomplete-cities" value="#{@city.name if @city.present?}" class="default-form"
+        .fl.fw.warning-notice
+          | Введите город
+        .fl.fw.error-notice
+          | Такого города нет в базе
+
+    #name-notice.form__input.form--profile_name.fl.fw
+      i.dn.input-ok
+      label Представьтесь пожалуйста
+      input type="text" id="name" name="field-name" maxlength="64" value="#{@name}" class="default-form fields"
+
+    - if @current_user.whoami == 'client'
+
+      #birthday-notice.form__input.form--profile_birthday.fl.fw
+        label День рождения
+        input type="text" id="birthday" name="field-birthday" data-date="#{@birthday}" data-default-view="#{@birthday_default_view}" class="default-form date-input datepicker-here fields"
+
+      #sex-notice.form__input.form--profile_gender.fl.fw
+        label Пол
+        = select_tag 'sex_all', options_for_select(@sex_all.collect {|sex| [sex[:name], sex[:id]]}, @sex), class: 'select select-lists', id: 'sex'
+
+    .signin-inputs
+      .signin-inputs__notice
+        | Данные этих полей можно использовать при входе на сайт
+      - @access_cards.each do |access_card_pack|
+        .form__input.fl.fw id="#{access_card_pack[:by]}-notice" class="form--profile_#{access_card_pack[:by]}"
+          i.dn.input-ok
+          label #{I18n.t(access_card_pack[:by], scope: 'access_cards').capitalize}
+          - if access_card_pack[:cards].any?
+            - access_card_pack[:cards].each do |access_card|
+              input type="text" data-name="#{access_card_pack[:by]}" name="field-#{access_card_pack[:by]}" data-id="#{access_card.id}" value="#{access_card.value}" class="default-form #{'phone-num' if access_card_pack[:by] == 'phone'}"
+              .fl.fw.error-notice
+                | #{CONFIG[:access_cards][access_card_pack[:by].to_sym][:error_notice]}
+              .fl.fw.warning-notice
+                | #{CONFIG[:access_cards][access_card_pack[:by].to_sym][:warning_notice]}
+              .fl.fw.enter-notice
+                | #{CONFIG[:access_cards][access_card_pack[:by].to_sym][:enter_notice]}
+          - else
+            input type="text" data-name="#{access_card_pack[:by]}" name="field-#{access_card_pack[:by]}" data-id="0" value="" placeholder="Введите ваш #{I18n.t(access_card_pack[:by], scope: 'access_cards').capitalize}" class="default-form #{'phone-num' if access_card_pack[:by] == 'phone'}"
+            .fl.fw.error-notice
+              | #{CONFIG[:access_cards][access_card_pack[:by].to_sym][:error_notice]}
+            .fl.fw.warning-notice
+              | #{CONFIG[:access_cards][access_card_pack[:by].to_sym][:warning_notice]}
+            .fl.fw.enter-notice
+              | #{CONFIG[:access_cards][access_card_pack[:by].to_sym][:enter_notice]}
+          - if access_card_pack[:add]
+            .add-access_card data-type="#{access_card_pack[:by]}"
+              | кнопка добавить
+
+    #password-notice.form__input.form--profile_password.fl.fw
+      i.dn.input-ok
+      label Новый пароль
+      input type="password" data-name="password" name="field-password" id="password" value="" class="default-form"
+      .fl.fw.warning-notice
+        | #{CONFIG[:access_cards_info][:password_disclaimer]}
+      .fl.fw.error-notice
+        | Пароль слишком простой, используйте буквы и цифры
+      .fl.fw.enter-notice
+        | Придумайте пароль
+      i.tsm Оставьте поле пустым, если не нужно менять пароль
+
+  .form__input.fl.fw.tc
+    #save-profile.btn.btn--submit data-user-card-id="#{@current_user_card.id}"
+      | Сохранить

data/app/views/profile/index.slim

@@ -0,0 +1,12 @@
+- set_meta_tags title: 'Профиль'
+
+- content_for :head do
+  = javascript_include_tag 'reg_fields_checkup', 'data-turbolinks-track': 'reload'
+  = javascript_include_tag 'profile', 'data-turbolinks-track': 'reload'
+  - if @current_user.whoami == 'client'
+    = javascript_include_tag 'profile_geodata', 'data-turbolinks-track': 'reload'
+    = javascript_include_tag 'datepicker', 'data-turbolinks-track': 'reload'
+
+.user-profile
+  .block.block--profile
+    = render "profile/user_profile"

data/app/views/user_cards/authorization.slim

@@ -0,0 +1,72 @@
+- content_for :head do
+  = javascript_include_tag 'authorization', 'data-turbolinks-track': 'reload'
+
+- set_meta_tags title: 'Вход на сайт'
+
+.user-input
+  .block.block--auth.block--signin
+    h3 Вход
+    - unless @current_user
+
+      .fl.fw.registration-main-fields
+        input autocomplete="off" autofocus="" name="field-login" type="login" placeholder="Логин (#{@access_cards_placeholder})" class="default-form"
+        #login-notice
+          .fl.fw.error-notice
+            | privet kak dela
+          .fl.fw.warning-notice
+            | Это не является почтовым ящиком
+
+      #signin-password.fl.fw
+        input autocomplete="off" name="field-password" type="password" placeholder="Пароль" class="default-form"
+        #password-notice
+          .fl.fw.error-notice
+            | Логин и пароль не совпадают
+          .fl.fw.warning-notice
+            | Пароль не верен, восстановить пароль?
+
+      #signin-sign.fl.fw
+        #sign-button.btn.btn--submit.fl.fw
+          | Войти
+        = link_to 'Регистрация', registration_path, class: 'btn btn--default-border btn--sm fl fw', data: {turbolinks: 'false'}
+
+      #signin-resurrection.fl.fw.dn
+        = link_to 'Вход', authorization_path, class: 'btn btn--success btn--sm fl fw', data: {turbolinks: 'false'}
+        #resurrection-button.btn.btn--default.btn--sm.fl.fw
+          | Воcстановить пароль
+      #signin-resurrection-link.fl.fw.dn
+        a.btn.btn--default.btn--sm.fw
+          | Восстановить пароль
+
+    .resurrection.js-resurrection-ok.fl.fw.tc.dn
+      .resurrection__inner
+        .resurrection__message
+          svg width="56px" height="56px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="resurrection-ok" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve"
+            g fill="#2DBB68"
+              rect id="rect-1" height="4px" transform="rotate(-45)" transform-origin="center" width="24px" x="21" y="28"
+              rect id="rect-2" height="4px" transform="rotate(45)" transform-origin="center" width="16px" x="16" y="34"
+          p
+            | На вашу почту отправлено письмо для восстановления пароля
+          = link_to 'Вернуться на главную', root_path, class: 'btn btn--default-border btn--sm', data: {turbolinks: 'false'}
+
+    .resurrection.js-resurrection-fail.fl.fw.tc.dn
+      .resurrection__inner
+        .resurrection__message
+          svg width="56px" height="56px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="resurrection-fail" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve"
+            g fill="#db3727"
+              rect id="rect-3" height="4px" transform="rotate(-45)" transform-origin="center" width="28px" x="14" y="26"
+              rect id="rect-4" height="4px" transform="rotate(45)" transform-origin="center" width="28px" x="14" y="26"
+          p
+            | Не удалось отправить письмо
+          a.btn.btn--success.btn--sm
+            | Попробовать еще раз
+
+    .enter-social.fl.fw
+      | или войдите с помощью
+      .enter-social__inner.fl.fw
+        .btn-social.btn-social--vk.js-enter-social data-social="vk" data-type="oauth"
+        .btn-social.btn-social--fb.js-enter-social data-social="fb" data-type="oauth"
+        .btn-social.btn-social--gg.js-enter-social data-social="gg" data-type="oauth"
+        .btn-social.btn-social--yx.js-enter-social data-social="yx" data-type="oauth"
+        .btn-social.btn-social--mr.js-enter-social data-social="mr" data-type="oauth"
+        .btn-social.btn-social--st.js-enter-social data-social="st" data-type="openid"
+        .btn-social.btn-social--im.js-enter-social data-social="im" data-type="oauth"

data/app/views/user_cards/confirmation_but_access_code.slim

@@ -0,0 +1,7 @@
+- set_meta_tags title: 'Невозможно подтвердить регистрацию'
+
+.user-input
+  .block.block--auth.block--confirmation-fail
+    h3 Невозможно подтвердить регистрацию
+    p  Bероятно срок действия ссылки истёк, она уже использована или вовсе неверная.
+    = link_to 'На главную', root_path, class: 'btn btn--default fl fw', data: {turbolinks: 'false'}

data/app/views/user_cards/confirmation_complete.slim

@@ -0,0 +1,7 @@
+- set_meta_tags title: 'Регистрация подтверждена'
+
+.user-input
+  .block.block--auth.block--confirmation-ok
+    h3 Регистрация подтверждена
+    p  Благодарим вас за подтверждение регистрации.
+    = link_to 'Перейти в профиль', profile_path, class: 'btn btn--default fl fw', data: {turbolinks: 'false'}

data/app/views/user_cards/registration.slim

@@ -0,0 +1,86 @@
+- content_for :head do
+  = javascript_include_tag 'reg_fields_checkup', 'data-turbolinks-track': 'reload'
+  = javascript_include_tag 'registration', 'data-turbolinks-track': 'reload'
+
+- set_meta_tags title: 'Регистрация'
+
+.user-input
+  .block.block--auth.block--registration
+    h3
+      | Регистрация
+    - unless @current_user
+
+      / .fl.fw
+      /   .checkbox-button
+      /     input type="checkbox" id="juridical" value="0" name="juridical" class="checkboxes"
+      /     label for="juridical" Я - представитель компании
+
+      #nickname-notice.form__input.fl.fw
+        i.dn.input-ok
+        input autocomplete="off" autofocus="" data-name="nickname" name="field-nickname" type="text" placeholder="Придумайте Никнейм" class="default-form fields"
+        .fl.fw.warning-notice
+          | Такой Никнейм уже существует
+        .fl.fw.error-notice
+          | Это не является нинеймом
+        .fl.fw.enter-notice
+          | Введите ваш никнейм корректно
+        i.fa.fa-envelope-o aria-hidden="true"
+
+      #email-notice.form__input.fl.fw
+        i.dn.input-ok
+        input autocomplete="off" data-name="email" name="field-email" type="text" placeholder="Ваш Email" class="default-form fields"
+        .fl.fw.error-notice
+          | Это не является почтовым ящиком
+        .fl.fw.warning-notice
+          | Этот адрес занят другим пользователем
+        .fl.fw.enter-notice
+          | Введите ваш Email
+        i.fa.fa-envelope-o aria-hidden="true"
+
+      #phone-notice.form__input.fl.fw
+        i.dn.input-ok
+        input autocomplete="off" data-name="phone" name="field-phone" placeholder="Телефон" type="tel" class="default-form phone-num fields"
+        .fl.fw.error-notice
+          | Введите номер полностью
+        .fl.fw.warning-notice
+          | Этот номер занят другим пользователем
+        .fl.fw.enter-notice
+          | Введите ваш телефон
+
+      #password-notice.form__input.fl.fw
+        i.dn.input-ok
+        input autocomplete="off" type="password" data-name="password" name="field-password" placeholder="Придумайте пароль" class="default-form fields"
+        .fl.fw.warning-notice
+          | Придумайте пароль не менее 8 символов
+        .fl.fw.error-notice
+          | Пароль слишком простой, используйте буквы и цифры, не менее 8 символов
+        .fl.fw.enter-notice
+          | Придумайте пароль
+        .phone-confirm.dn
+          #confirm-phone.btn Отправить СМС с кодом
+          input#field-confirm maxlength="4" placeholder=("Код из СМС") type="text" class="default-form fields"
+
+      .copyright.fl.fw.tc.tsm
+        | Регистрируясь, вы соглашаетесь с
+        br
+        a href="/copyright" title="Пользовательское соглашение" target="_blank"
+          | пользовательским соглашением
+
+      #reg-button.btn.btn--submit.fl.fw
+        | Зарегистрироваться
+
+      = link_to 'Вход', authorization_path, class: 'btn btn--default-border btn--sm fl fw', data: {turbolinks: 'false'}
+
+      .enter-social.fl.fw
+        | или войдите с помощью
+        .enter-social__inner.fl.fw
+          .btn-social.btn-social--vk.js-enter-social data-social="vk" data-type="oauth"
+          .btn-social.btn-social--fb.js-enter-social data-social="fb" data-type="oauth"
+          .btn-social.btn-social--gg.js-enter-social data-social="gg" data-type="oauth"
+          .btn-social.btn-social--yx.js-enter-social data-social="yx" data-type="oauth"
+          .btn-social.btn-social--mr.js-enter-social data-social="mr" data-type="oauth"
+          .btn-social.btn-social--st.js-enter-social data-social="st" data-type="openid"
+          .btn-social.btn-social--im.js-enter-social data-social="im" data-type="oauth"
+
+      .fl.fw.tc.tsm
+        p Ваши персональные данные под надежной защитой и доступны только вам.

data/app/views/user_cards/resurrection.slim

@@ -0,0 +1,19 @@
+- content_for :head do
+  = javascript_include_tag 'resurrection', 'data-turbolinks-track': 'reload'
+
+- set_meta_tags title: 'Восстановление доступа на сайт'
+
+.user-input
+  .block.block--auth.block--resurrection
+    h3
+      | Восстановление пароля
+    p Придумайте и введите новый пароль не менее 8 символов
+    - unless @current_user
+      .fl.fw
+        input autocomplete="off" name="resurrection-code" type="hidden" value="#{@resurrection_code}"
+        input autocomplete="off" name="field-password" type="password" placeholder="Придумайте пароль" class="default-form"
+        #password-notice
+          .fl.fw.enter-notice
+            | Придумайте пароль не менее 8 символов
+      #sign-resurrection-button.fl.fw.btn.btn--success
+          | Сохранить и войти

data/app/views/user_cards/resurrection_but_access_code.slim

@@ -0,0 +1,7 @@
+- set_meta_tags title: 'Восстановление доступа на сайт'
+
+.user-input
+  .block.block--auth.block--access-code
+    h3
+      | Bероятно срок действия ссылки истёк, или она уже использована.
+    = link_to 'На главную', root_path, class: 'btn btn--default fl fw', data: {turbolinks: 'false'}

data/app/views/user_cards/resurrection_no_access_code.slim

@@ -0,0 +1,7 @@
+- set_meta_tags title: 'Восстановление доступа на сайт'
+
+.user-input
+  .block.block--auth.block--no-access-code
+    h3
+      | У Вас нет кода доступа
+    = link_to 'На главную', root_path, class: 'btn btn--default fl fw', data: {turbolinks: 'false'}

data/app/views/user_cards_mailer/email.html.erb

@@ -0,0 +1,191 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html style="width:100%;font-family:arial, 'helvetica neue', helvetica, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding:0;Margin:0;">
+ <head>
+  <meta charset="UTF-8">
+  <meta content="width=device-width, initial-scale=1" name="viewport">
+  <meta name="x-apple-disable-message-reformatting">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta content="telephone=no" name="format-detection">
+  <title></title>
+  <!--[if (mso 16)]>
+    <style type="text/css">
+    a {text-decoration: none;}
+    </style>
+    <![endif]-->
+  <!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]-->
+  <style>
+@media only screen and (max-width: 600px) {p, ul li, ol li, a { font-size: 16px } h1 { font-size: 30px; text-align: center } h2 { font-size: 26px; text-align: center } h3 { font-size: 20px; text-align: center } h1 a { font-size: 30px } h2 a { font-size: 26px } h3 a { font-size: 20px } .es-menu td a { font-size: 16px !important } .es-header-body p, .es-header-body ul li, .es-header-body ol li, .es-header-body a { font-size: 16px } .es-footer-body p, .es-footer-body ul li, .es-footer-body ol li, .es-footer-body a { font-size: 16 px } .es-infoblock p, .es-infoblock ul li, .es-infoblock ol li, .es-infoblock a { font-size: 12px } *[class="gmail-fix"] { display: none !important } .es-m-txt-c, .es-m-txt-c h1, .es-m-txt-c h2, .es-m-txt-c h3 { text-align: center !important } .es-m-txt-r, .es-m-txt-r h1, .es-m-txt-r h2, .es-m-txt-r h3 { text-align: right !important } .es-m-txt-l, .es-m-txt-l h1, .es-m-txt-l h2, .es-m-txt-l h3 { text-align: left !important } .es-m-txt-r a img, .es-m-txt-c a img, .es-m-txt-l a img { display: inline !important } .es-button-border { display: block !important } .es-button { font-size: 20px !important; display: block !important; border-width: 10px 0px 10px 0px !important } .es-btn-fw { border-width: 10px 0px !important; text-align: center !important } .es-adaptive table, .es-btn-fw, .es-btn-fw-brdr, .es-left, .es-right { width: 100% !important } .es-content table, .es-header table, .es-footer table, .es-content, .es-footer, .es-header { width: 100% !important; max-width: 600px !important } .es-adapt-td { display: block !important; width: 100% !important } .adapt-img { width: 100% !important; height: auto !important } .es-m-p0 { padding: 0px !important } .es-m-p0r { padding-right: 0px !important } .es-m-p0l { padding-left: 0px !important } .es-m-p0t { padding-top: 0px !important } .es-m-p0b { padding-bottom: 0 !important } .es-m-p20b { padding-bottom: 20px !important } .es-hidden { display: none !important } table.es-table-not-adapt, .esd-block-html table { width: auto !important } table.es-social { display: inline-block !important } table.es-social td { display: inline-block !important } }
+
+</style>
+  <style>
+ #outlook a { padding: 0; } .ExternalClass { width: 100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } .es-button { mso-style-priority: 100 !important; text-decoration: none !important; } a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } @-ms-viewport { width: device-width; }
+</style>
+ </head>
+ <body style="width:100%;font-family:arial, 'helvetica neue', helvetica, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding:0;Margin:0;">
+  <div class="es-wrapper-color" style="background-color:rgb(246, 246, 246);">
+   <!--[if gte mso 9]>
+   <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
+      <v:fill type="tile" src="" color="#f6f6f6"></v:fill>
+   </v:background>
+<![endif]-->
+   <table cellpadding="0" cellspacing="0" class="es-wrapper" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;padding:0;Margin:0;width:100%;height:100%;background-repeat:repeat;background-position:center top;">
+    <tbody>
+     <tr style="border-collapse:collapse;">
+      <td valign="top" style="padding:0;Margin:0;">
+       <table cellpadding="0" cellspacing="0" class="es-content" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;">
+        <tbody>
+         <tr style="border-collapse:collapse;">
+          <td align="center" style="padding:0;Margin:0;">
+           <table class="es-content-body" align="center" cellpadding="0" cellspacing="0" width="600" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;">
+            <tbody>
+             <tr style="border-collapse:collapse;">
+              <td class="es-p20t es-p20b es-p20r es-p20l" align="left" style="Margin:0;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;">
+               <!--[if mso]><table width="560" cellpadding="0" cellspacing="0"><tr><td width="356" valign="top"><![endif]-->
+               <table cellpadding="0" cellspacing="0" class="es-left" align="left" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;float:left;">
+                <tbody>
+                 <tr style="border-collapse:collapse;">
+                  <td width="356" class="es-m-p0r es-m-p20b" valign="top" align="center" style="padding:0;Margin:0;">
+                   <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;">
+                    <tbody>
+                     <tr style="border-collapse:collapse;">
+                      <td align="left" class="es-infoblock es-m-txt-c" style="padding:0;Margin:0;line-height:120%;font-size:12px;color:rgb(204, 204, 204);"> <p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:24px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:120%;color:rgb(204, 204, 204);">motorsportparts.ru</p></td>
+                     </tr>
+                    </tbody>
+                   </table> </td>
+                 </tr>
+                </tbody>
+               </table>
+               <!--[if mso]></td><td width="20"></td><td width="184" valign="top"><![endif]-->
+               <table cellpadding="0" cellspacing="0" align="right" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;">
+                <tbody>
+                 <tr style="border-collapse:collapse;">
+                  <td width="184" align="left" style="padding:0;Margin:0;">
+                   <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;">
+                    <tbody>
+                     <tr style="border-collapse:collapse;">
+                      <td align="center" style="padding:0;Margin:0;display:none;"></td>
+                     </tr>
+                    </tbody>
+                   </table> </td>
+                 </tr>
+                </tbody>
+               </table>
+               <!--[if mso]></td></tr></table><![endif]--> </td>
+             </tr>
+            </tbody>
+           </table> </td>
+         </tr>
+        </tbody>
+       </table>
+       <table cellpadding="0" cellspacing="0" class="es-content" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;">
+        <tbody>
+         <tr style="border-collapse:collapse;">
+          <td align="center" style="padding:0;Margin:0;">
+           <table bgcolor="#ffffff" class="es-content-body" align="center" cellpadding="0" cellspacing="0" width="600" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:rgb(255, 255, 255);">
+            <tbody>
+             <tr style="border-collapse:collapse;">
+              <td class="es-p40t es-p20b es-p40r es-p40l" align="left" style="Margin:0;padding-bottom:20px;padding-top:40px;padding-left:40px;padding-right:40px;">
+               <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;">
+                <tbody>
+                 <tr style="border-collapse:collapse;">
+                  <td width="520" align="center" valign="top" style="padding:0;Margin:0;">
+                   <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;">
+                    <tbody>
+                     <tr style="border-collapse:collapse;">
+                      <td align="left" class="es-p15t es-p15b" style="padding:0;Margin:0;padding-top:15px;padding-bottom:15px;"><h2 style="Margin:0;line-height:120%;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:24px;font-style:normal;font-weight:normal;color:rgb(51, 51, 51);">Добро пожаловать!</h2></td>
+                     </tr>
+                     <tr style="border-collapse:collapse;">
+                      <td align="left" class="es-p20t" style="padding:0;Margin:0;padding-top:20px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:14px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:150%;color:rgb(51, 51, 51);">Первый абзац.</p></td>
+                     </tr>
+                     <tr style="border-collapse:collapse;">
+                      <td align="left" class="es-p15t" style="padding:0;Margin:0;padding-top:15px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:14px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:150%;color:rgb(51, 51, 51);">Второй абзац.</p></td>
+                     </tr>
+                     <tr style="border-collapse:collapse;">
+                      <td align="center" class="es-p30t es-p15b es-p10r es-p10l" style="Margin:0;padding-left:10px;padding-right:10px;padding-bottom:15px;padding-top:30px;"> <span class="es-button-border" style="border-style:solid;border-color:rgb(44, 181, 67);background:rgb(219, 55, 39);border-width:0px 0px 2px 0px;display:inline-block;border-radius:4px;width:auto;border-bottom-width:0px;"> <a href="" class="es-button" target="_blank" style="mso-style-priority:100 !important;text-decoration:none !important;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:14px;color:rgb(255, 255, 255);border-style:solid;border-color:rgb(219, 55, 39);border-width:15px 25px;display:inline-block;background:rgb(219, 55, 39);border-radius:4px;font-weight:normal;font-style:normal;line-height:120%;width:auto;text-align:center;"> Кнопка </a> </span> </td>
+                     </tr>
+                    </tbody>
+                   </table> </td>
+                 </tr>
+                </tbody>
+               </table> </td>
+             </tr>
+            </tbody>
+           </table> </td>
+         </tr>
+        </tbody>
+       </table>
+       <table cellpadding="0" cellspacing="0" class="es-footer" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;background-color:transparent;background-repeat:repeat;background-position:center top;">
+        <tbody>
+         <tr style="border-collapse:collapse;">
+          <td align="center" style="padding:0;Margin:0;">
+           <table class="es-footer-body" align="center" cellpadding="0" cellspacing="0" width="600" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;">
+            <tbody>
+             <tr style="border-collapse:collapse;">
+              <td class="es-p20t es-p20b es-p20r es-p20l" align="left" style="Margin:0;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;">
+               <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;">
+                <tbody>
+                 <tr style="border-collapse:collapse;">
+                  <td width="560" align="center" valign="top" style="padding:0;Margin:0;">
+                   <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;">
+                    <tbody>
+                     <tr style="border-collapse:collapse;">
+                      <td align="center" class="es-p10t es-p10b" style="padding:0;Margin:0;padding-top:10px;padding-bottom:10px;"> <p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:11px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:150%;color:rgb(51, 51, 51);">Информация о футере может быть размещена здесь</p> </td>
+                     </tr>
+                     <tr style="border-collapse:collapse;">
+                      <td align="center" class="es-p10t es-p10b" style="padding:0;Margin:0;padding-top:10px;padding-bottom:10px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:11px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:150%;color:rgb(51, 51, 51);">© 2018 Название Вашей компании</p></td>
+                     </tr>
+                    </tbody>
+                   </table> </td>
+                 </tr>
+                 <tr style="border-collapse:collapse;">
+                  <td width="560" align="left" style="padding:0;Margin:0;">
+                   <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;">
+                    <tbody>
+                     <tr style="border-collapse:collapse;">
+                      <td align="center" class="es-infoblock es-m-txt-c es-p10t es-p10b" style="padding:0;Margin:0;padding-top:10px;padding-bottom:10px;line-height:120%;font-size:12px;color:rgb(204, 204, 204);"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:12px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:120%;color:rgb(204, 204, 204);"><a target="_blank" href="http://stripo.email" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:12px;text-decoration:underline;color:rgb(44, 181, 67);">Просмотреть в браузере</a></p></td>
+                     </tr>
+                    </tbody>
+                   </table> </td>
+                 </tr>
+                </tbody>
+               </table> </td>
+             </tr>
+            </tbody>
+           </table> </td>
+         </tr>
+        </tbody>
+       </table>
+       <table cellpadding="0" cellspacing="0" class="es-content" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;">
+        <tbody>
+         <tr style="border-collapse:collapse;">
+          <td align="center" style="padding:0;Margin:0;">
+           <table class="es-content-body" align="center" cellpadding="0" cellspacing="0" width="600" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;">
+            <tbody>
+             <tr style="border-collapse:collapse;">
+              <td class="es-p30b es-p20r es-p20l" align="left" style="padding:0;Margin:0;padding-left:20px;padding-right:20px;padding-bottom:30px;">
+               <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;">
+                <tbody>
+                 <tr style="border-collapse:collapse;">
+                  <td width="560" align="center" valign="top" style="padding:0;Margin:0;">
+                   <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;">
+                    <tbody>
+                     <tr style="border-collapse:collapse;">
+                      <td align="center" style="padding:0;Margin:0;display:none;"></td>
+                     </tr>
+                    </tbody>
+                   </table> </td>
+                 </tr>
+                </tbody>
+               </table> </td>
+             </tr>
+            </tbody>
+           </table> </td>
+         </tr>
+        </tbody>
+       </table> </td>
+     </tr>
+    </tbody>
+   </table>
+  </div>
+ </body>
+</html>