Advertisement
Twissel

Untitled

Oct 10th, 2018
232
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.95 KB | None | 0 0
  1. ---------alt5795bbe3e9
  2. Content-Type: text/plain; charset=UTF-8
  3. Content-Transfer-Encoding: 8bit
  4.  
  5. .reg-block__button:hover {
  6. background-color: #4a5070; border: 2px solid #4a5070;
  7. }
  8. .email-container__order-item{
  9. border-bottom: 1px solid #eeeef2;
  10. padding-bottom: 20px;
  11. margin-bottom: 20px;
  12. }
  13. .email-container__order-name{
  14. font-size: 12px;
  15. text-transform: uppercase;
  16. font-weight: bold;
  17. color: #414040;
  18. line-height: 12px;
  19. display: block;
  20. margin-bottom: 15px;
  21. }
  22. .email-container__order-link{
  23. color: #4a5070;
  24. font-size: 14px;
  25. line-height: 14px;
  26. display: block;}
  27.  
  28.  
  29. @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
  30. 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:
  31. inline !important } .es-button-border { width: 100% !important } .es-button { font-size: 20px !important; width: 100% !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 {
  32. 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:
  33. inline-block !important } table.es-social td { display: inline-block !important } .email-container__head {display: block !important} }
  34.  
  35. @-ms-viewport {
  36. width: device-width;
  37. }
  38.  
  39. https://bringer.com.ua/">
  40.  
  41. ---------alt5795bbe3e9
  42. Content-Type: text/html; charset=UTF-8
  43. Content-Transfer-Encoding: 8bit
  44.  
  45. <!DOCTYPE html>
  46. <html lang="ru">
  47.  
  48. <head>
  49.  
  50.     <meta charset="utf-8">
  51.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  52.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  53.     <link rel="stylesheet" href="/bitrix/templates/bringer/libs/font-awesome-4.7.0/css/font-awesome.min.css">
  54.     <link rel="stylesheet" href="/bitrix/templates/bringer/css/reset.css">
  55.     <link rel="stylesheet" href="/bitrix/templates/bringer/css/grid.css">
  56.     <link rel="stylesheet" href="/bitrix/templates/bringer/css/fonts.css">
  57.     <link rel="stylesheet" href="/bitrix/templates/bringer/css/main.css">
  58.     <style type="text/css">
  59. .reg-block__button:hover {
  60. background-color: #4a5070; border: 2px solid #4a5070;
  61. }
  62. .email-container__order-item{
  63. border-bottom: 1px solid #eeeef2;
  64. padding-bottom: 20px;
  65. margin-bottom: 20px;
  66. }
  67. .email-container__order-name{
  68. font-size: 12px;
  69.     text-transform: uppercase;
  70.     font-weight: bold;
  71.     color: #414040;
  72.     line-height: 12px;
  73.     display: block;
  74.     margin-bottom: 15px;
  75. }
  76. .email-container__order-link{
  77. color: #4a5070;
  78. font-size: 14px;
  79. line-height: 14px;
  80. display: block;}
  81. </style>
  82.  
  83. </head>
  84. <body><!-- Inliner Build Version 4380b7741bb759d6cb997545f3add21ad48f010b --> <style>
  85.  
  86. @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
  87. 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:
  88. inline !important } .es-button-border { width: 100% !important } .es-button { font-size: 20px !important; width: 100% !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 {
  89. 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:
  90. inline-block !important } table.es-social td { display: inline-block !important } .email-container__head {display: block !important} }
  91. </style> <style>
  92. @-ms-viewport {
  93.     width: device-width;
  94. }
  95. </style>
  96. <div class="email-wrapper" style="width: 100%; position: relative; background: #f5f5f5; margin: 0 auto;">
  97.     <div class="email-container" style="width: 600px; box-sizing: border-box; font-family: 'Arial', sans-serif; margin: 0 auto; padding: 0;">
  98.  
  99.         <div class="email-container__head" style="display: block; -webkit-justify-content: space-between; -ms-justify-content: space-between; -ms-flex-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-flex-align-items: center;align-items: center; -moz-box-align: center; margin: 20px 0;background-image:url(https://bringer.com.ua/img/background_up_bringer.png);background-color:#f5f5f5;background-position:left top;background-repeat:no-repeat;
  100. padding-top:40px;">
  101.             <div class="email-container__logo" style="display:inline-block; padding-left:10px; font-size: 24px; text-transform: uppercase; font-family: 'AgoraSansProUltraBlack', sans-serif; letter-spacing: -1px; color: #fff;">
  102.  <a href="https://bringer.com.ua/"><img src="https://bringer.com.ua/bitrix/templates/bringer/img/email-bringer-logo.png" alt="" ></a>
  103.             </div>
  104.             <div class="email-container__info" style="display:inline-block; color: #74757b; font-size: 12px; font-weight: bold; font-family: 'Arial', sans-serif; line-height: 28px; padding-left: 10px;">
  105.                  Cервис покупки и доставки товаров из США, Канады, Европы и Китая
  106.             </div>
  107.         </div>
  108.         <div class="email-container__user-block" style="border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; font-family: 'Arial', sans-serif; background: #fff; padding: 30px;">
  109.             <div class="user-block__content" style="font-weight: bold; font-family: 'Arial', sans-serif; font-size: 16px; color: #505050; display: block; margin-bottom: 30px;">
  110.                  Здравствуйте <span class="user-block__content-name" style="font-weight: bold;">Плескановский Антон Олегович</span>, Ваш заказ <span class="user-block__content-number" style="color: #f84e4a; font-weight: bold;">№ 4391</span> принят в работу.
  111.             </div>
  112.             <div class="user-block__info user-block__info-name" style="padding: 20px 0; border-top-width: 1px; border-top-style: solid; border-top-color: #eeeef2; font-size: 0;">
  113.  <span class="user-block__info-option" style="color: #a6a6a6; text-transform: uppercase; font-weight: bold; width: 110px; font-size: 12px; display: inline-block; vertical-align: top;">ФИО:</span> <span class="user-block__info-value" style="font-size: 14px; vertical-align: top; display: inline-block; width: calc(100% - 110px); color: #414040; font-weight: bold;">Плескановский Антон Олегович</span>
  114.             </div>
  115.             <div class="user-block__info user-block__info-tel" style="padding: 20px 0; border-top-width: 1px; border-top-style: solid; border-top-color: #eeeef2; font-size: 0;">
  116.  <span class="user-block__info-option" style="color: #a6a6a6; text-transform: uppercase; font-weight: bold; width: 110px; font-size: 12px; display: inline-block; vertical-align: top;">Телефон:</span> <span class="user-block__info-value" style="font-size: 14px; vertical-align: top; display: inline-block; width: calc(100% - 110px);"><a href="tel:+380999989998" style="color: #4a5070; font-weight: bold;">+38(098) 205-09-55</a></span>
  117.             </div>
  118.             <div class="user-block__info user-block__info-mail" style="padding: 20px 0; border-top-width: 1px; border-top-style: solid; border-top-color: #eeeef2; font-size: 0;">
  119.  <span class="user-block__info-option" style="color: #a6a6a6; text-transform: uppercase; font-weight: bold; width: 110px; font-size: 12px; display: inline-block; vertical-align: top;">E-mail:</span> <span class="user-block__info-value" style="font-size: 14px; vertical-align: top; display: inline-block; width: calc(100% - 110px);"><a href="mailto:awivaldi@gmail.com" style="color: #4a5070; font-weight: bold; text-decoration: underline;">awivaldi@gmail.com</a></span>
  120.             </div>
  121.             <div class="user-block__info user-block__info-comment" style="padding: 20px 0; border-top-width: 1px; border-top-style: solid; border-top-color: #eeeef2; font-size: 0;">
  122.  <span class="user-block__info-option" style="color: #a6a6a6; text-transform: uppercase; font-weight: bold; width: 110px; font-size: 12px; display: inline-block; vertical-align: top;">Комментарий:</span> <span class="user-block__info-value" style="font-size: 14px; vertical-align: top; display: inline-block; width: calc(100% - 160px); color: #5a5a5a;">Тестовый заказ</span>
  123.             </div>
  124.         </div>
  125.  <span class="email-container__order-title" style="display: block; color: #6e6e6e; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 20px 0;">Ваш заказ № 4391</span>
  126.         <div class="email-container__order-list" style="border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; background: #fff; padding: 30px;">
  127.              <div class="email-container__order-item">
  128.                                 <span class="email-container__order-name">Товар 1</span>
  129.                                 <a href="https://www.ebay.com/itm/Lenovo-ThinkPad-T570-IPS-Full-HD-512GB-SSD-2-YEARS-WARRANTY/223143475329?epid=7023730089&hash=item33f4633881:g:AW4AAOSwq6pbmh3b" class="email-container__order-link">https://www.ebay.com/itm/Lenovo-ThinkPad-T570-IPS-Full-HD-512GB-SSD-2-YEARS-WARRANTY/223143475329?epid=7023730089&hash=item33f4633881:g:AW4AAOSwq6pbmh3b</a>
  130.                        </div> <span class="email-container__order-bottom-text" style="font-size: 16px;">В кратчайший срок мы сделаем предварительный расчет заказа и отправим Вам на email . </span>
  131.         </div>
  132.         <div class="email-container__reg-block" style="border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; margin-top: 30px; background: #fff; padding: 30px;">
  133.  
  134.  <span class="email-container__reg-block-title" style="color: #505050; font-weight: bold; font-size: 16px; display: block;">Вы еще не зарегистрированы?</span> <span class="email-container__reg-block-description" style="color: #5a5a5a; margin-top: 10px; display: block;">Удобная форма оформления заказа Оплата заказа через интернет Управление заказом Контроль прогресса выполнения заказа
  135. </span>
  136.             <div class="email-container__reg-block-items" style="font-size: 0; margin-top: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eeeef2; padding-bottom: 25px;">
  137.                 <div class="email-container__reg-block-item" style="display: inline-block; vertical-align: top; width: 33.333%;">
  138.                     <div class="reg-block-item__img">
  139.  <img src="https://bringer.com.ua/our-advantages-img1.png" alt="" style="display: block; margin: 0 auto;">
  140.                     </div>
  141.  <span class="reg-block-item__title" style="font-size: 12px; font-weight: bold; text-transform: uppercase; color: #4a5070; text-align: center; display: block; line-height: 14px; margin-top: 20px;">отслеживание заказа</span>
  142.                 </div>
  143.                 <div class="email-container__reg-block-item" style="display: inline-block; vertical-align: top; width: 33.333%;">
  144.                     <div class="reg-block-item__img">
  145.  <img src="https://bringer.com.ua/email-discount-img.png" alt="" style="display: block; margin: 0 auto;">
  146.                     </div>
  147.  <span class="reg-block-item__title" style="font-size: 12px; font-weight: bold; text-transform: uppercase; color: #4a5070; text-align: center; display: block; line-height: 14px; margin-top: 20px;">дисконтная программа</span>
  148.                 </div>
  149.                 <div class="email-container__reg-block-item" style="display: inline-block; vertical-align: top; width: 33.333%;">
  150.                     <div class="reg-block-item__img">
  151.  <img src="https://bringer.com.ua/mail-post-image.png" alt="" style="display: block; margin: 0 auto;">
  152.                     </div>
  153.  <span class="reg-block-item__title" style="font-size: 12px; font-weight: bold; text-transform: uppercase; color: #4a5070; text-align: center; display: block; line-height: 14px; margin-top: 20px;">получение новостей</span>
  154.                 </div>
  155.             </div>
  156.             <div class="reg-button-wrap" style="text-align: center;" align="center">
  157.  
  158.  <a href="https://bringer.com.ua/#register_popup" class="redbutton reg-block__button" style="display: inline-block; font-size: 14px; font-family: 'GothamProBlack', sans-serif; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; border-radius: 22px; color: #fff; position: absolute; top: 0; right: -3px; height: 44px; line-height: 38px; text-decoration: none; box-sizing: border-box; transition: all 0s; font-weight: bold; text-transform: uppercase; -ms-transition: all 0s; -webkit-transition:
  159. all 0s; -moz-transition: all 0s; -o-transition: all 0s; -khtml-transition: all 0s; margin-top: 30px; background: #f84e4a; padding: 0 10px; border: 2px solid #f84e4a;">зарегистрироваться</a>
  160.             </div>
  161.         </div>
  162.         <div class="email-container__footer" style="padding: 30px;background-image:url(https://ci5.googleusercontent.com/proxy/seBC1MoezgIOfP-DTZbZagpLvw-xkIsrvKpy63DbyDhVgelJ66LjVvYfk2Ie01P5v1e9GYpOMOB0vEZ9e19znsbonkDB4t7C_Pvtvg=s0-d-e1-ft#https://bringer.com.ua/img/background_down_bringer.png);background-color:#f5f5f5;background-position:center bottom;background-repeat:no-repeat">
  163.  <span class="email-container__footer-text" style="font-size: 14px; line-height: 20px; display: block; margin-bottom: 20px; color: #787878;">
  164.  
  165.             Делая заказ вы соглашаетесь с условиями <a href="https://bringer.com.ua/faq/publichnyy-dogovor/" style="color: #4a5070; font-weight: bold;">публичного договора предоставления услуг.</a> Если у Вас возникнут вопросы по расчетам , свяжитесь с нами по телефону <a href="tel:+0800503771" style="color: #4a5070; font-weight: bold;">0&nbsp;800&nbsp;503&nbsp;771</a> ( бесплатно
  166. по Украине) , через онлайн чат на сайте или отправьте письмо на почту <a href="mailto:info@bringer.com.ua" style="color: #4a5070; font-weight: bold;">info@bringer.com.ua</a> </span> <span class="email-container__footer-info" style="font-size: 12px; display: block; color: #787878;">©2017. BringerUA</span> <span class="email-container__footer-text" style="font-size: 14px; line-height: 20px; display: block; margin-bottom: 20px; color: #787878;"><a href="https://maps.google.com/?q=%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2,+61057,+%D1%83%D0%BB.+%D0%93%D0%BE%D0%B3%D0%BE%D0%BB%D1%8F,+5&entry=gmail&source=g"
  167. style="color: #4a5070; font-weight: bold;">Харьков, 61057, ул. Гоголя, 5</a></span>
  168.             <div class="footer-social__icons email-footer-social" style="margin-top: 25px;">
  169.  
  170.  <a href="https://www.facebook.com/BringerUA/" rel="nofollow" target="_blank" class="footer-social__icon footer__fb" style="text-decoration: none;"><img src="https://bringer.com.ua/bitrix/templates/bringer/img/fb-logo-email.png" alt="" ></a><a href="https://plus.google.com/b/103069253627741685070/103069253627741685070" target="_blank" rel="nofollow" class="footer-social__icon footer__google" style="text-decoration: none;"><img src="https://bringer.com.ua/bitrix/templates/bringer/img/google-logo-email.png" alt=""
  171. ></a>
  172.             </div>
  173.         </div>
  174.     </div>
  175. </div>
  176.  <br>
  177.  
  178. ---------alt5795bbe3e9--
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement