API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 18th, 2020
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 13.41 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html>
  3.  
  4. <head>
  5.     <meta name="viewport" content="width=device-width" />
  6.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7.     <!-- <title>Fleet Trading Platform - Welcome</title> -->
  8.     <style>
  9.         /* -------------------------------------
  10.             GLOBAL RESETS
  11.         ------------------------------------- */
  12.  
  13.         img {
  14.             border: none;
  15.             -ms-interpolation-mode: bicubic;
  16.             max-width: 150px;
  17.             width: 150px;
  18.             object-fit: contain;
  19.         }
  20.  
  21.         html {
  22.             height: 100%;
  23.         }
  24.  
  25.         body {
  26.             /*background-color: #f6f6f6;*/
  27.             font-family: sans-serif;
  28.             -webkit-font-smoothing: antialiased;
  29.             font-size: 14px;
  30.             line-height: 1.4;
  31.             margin: 0;
  32.             padding: 0;
  33.             -ms-text-size-adjust: 100%;
  34.             -webkit-text-size-adjust: 100%;
  35.             height: 100%;
  36.             -webkit-background-size: cover;
  37.             background-size: cover;
  38.         }
  39.  
  40.         table {
  41.             border-collapse: separate;
  42.             mso-table-lspace: 0pt;
  43.             mso-table-rspace: 0pt;
  44.             width: 100%;
  45.         }
  46.  
  47.         table td {
  48.             font-family: sans-serif;
  49.             font-size: 14px;
  50.             vertical-align: top;
  51.         }
  52.  
  53.         /* -------------------------------------
  54.             BODY & CONTAINER
  55.        ------------------------------------- */
  56.  
  57.        .body {
  58.            /*background-color: #f6f6f6;*/
  59.             width: 100%;
  60.         }
  61.  
  62.         /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
  63.  
  64.         .container {
  65.             display: block;
  66.             Margin: 0 auto !important;
  67.             /* makes it centered */
  68.             max-width: 580px;
  69.             /*padding: 10px;*/
  70.             padding: 45px 15px 15px;
  71.             width: 580px;
  72.         }
  73.  
  74.         /* This should also be a block element, so that it will fill 100% of the .container */
  75.  
  76.         .content {
  77.             box-sizing: border-box;
  78.             display: block;
  79.             Margin: 0 auto;
  80.             max-width: 580px;
  81.             padding: 10px;
  82.         }
  83.  
  84.         /* -------------------------------------
  85.             HEADER, FOOTER, MAIN
  86.         ------------------------------------- */
  87.  
  88.         .main {
  89.             background: #fff;
  90.             border-radius: 3px;
  91.             width: 100%;
  92.             max-width: 600px;
  93.             border: 1px solid rgba(76, 14, 92, 0.15);
  94.         }
  95.  
  96.         .wrapper {
  97.             box-sizing: border-box;
  98.             padding: 20px;
  99.         }
  100.  
  101.         .footer {
  102.             clear: both;
  103.             padding-top: 10px;
  104.             text-align: center;
  105.             width: 100%;
  106.         }
  107.  
  108.         .footer td,
  109.         .footer p,
  110.         .footer span,
  111.         .footer a {
  112.             /*color: #999999;*/
  113.             color: #9b85a2;
  114.             font-size: 12px;
  115.             text-align: center;
  116.         }
  117.  
  118.         /* -------------------------------------
  119.             TYPOGRAPHY
  120.         ------------------------------------- */
  121.  
  122.         h1,
  123.         h2,
  124.         h3,
  125.         h4 {
  126.             color: #000000;
  127.             font-family: sans-serif;
  128.             font-weight: 400;
  129.             line-height: 1.4;
  130.             margin: 0;
  131.             Margin-bottom: 30px;
  132.         }
  133.  
  134.         h1 {
  135.             font-size: 35px;
  136.             font-weight: 300;
  137.             text-align: center;
  138.             text-transform: capitalize;
  139.         }
  140.  
  141.         p,
  142.         ul,
  143.         ol {
  144.             font-family: sans-serif;
  145.             font-size: 14px;
  146.             font-weight: normal;
  147.             margin: 0;
  148.             Margin-bottom: 15px;
  149.         }
  150.  
  151.         p li,
  152.         ul li,
  153.         ol li {
  154.             list-style-position: inside;
  155.             margin-left: 5px;
  156.         }
  157.  
  158.         a {
  159.             color: #0dcea3;
  160.             text-decoration: underline;
  161.         }
  162.  
  163.         /* -------------------------------------
  164.             BUTTONS
  165.         ------------------------------------- */
  166.  
  167.         .btn {
  168.             margin-top: 20px;
  169.             box-sizing: border-box;
  170.             width: 100%;
  171.         }
  172.  
  173.         .btn>tbody>tr>td {
  174.             padding-bottom: 15px;
  175.         }
  176.  
  177.         .btn table {
  178.             width: auto;
  179.         }
  180.  
  181.         .btn table td {
  182.             background-color: #ffffff;
  183.             border-radius: 5px;
  184.             text-align: center;
  185.         }
  186.  
  187.         .btn a {
  188.             background-color: #ffffff;
  189.             border: solid 1px #0dcea3;
  190.             border-radius: 5px;
  191.             box-sizing: border-box;
  192.             color: #0dcea3;
  193.             cursor: pointer;
  194.             display: inline-block;
  195.             font-size: 14px;
  196.             font-weight: bold;
  197.             margin: 0;
  198.             padding: 12px 25px;
  199.             text-decoration: none;
  200.             text-transform: capitalize;
  201.         }
  202.  
  203.         .btn-primary table td {
  204.             background-color: #0dcea3;
  205.         }
  206.  
  207.         .btn-primary a {
  208.             background-color: #0dcea3;
  209.             border-color: #0dcea3;
  210.             color: #ffffff;
  211.         }
  212.  
  213.         /* -------------------------------------
  214.             OTHER STYLES THAT MIGHT BE USEFUL
  215.         ------------------------------------- */
  216.  
  217.         .last {
  218.             margin-bottom: 0;
  219.         }
  220.  
  221.         .first {
  222.             margin-top: 0;
  223.         }
  224.  
  225.         .align-center {
  226.             text-align: center;
  227.         }
  228.  
  229.         .align-right {
  230.             text-align: right;
  231.         }
  232.  
  233.         .align-left {
  234.             text-align: left;
  235.         }
  236.  
  237.         .clear {
  238.             clear: both;
  239.         }
  240.  
  241.         .mt0 {
  242.             margin-top: 0;
  243.         }
  244.  
  245.         .mb0 {
  246.             margin-bottom: 0;
  247.         }
  248.  
  249.         .preheader {
  250.             color: transparent;
  251.             display: none;
  252.             height: 0;
  253.             max-height: 0;
  254.             max-width: 0;
  255.             opacity: 0;
  256.             overflow: hidden;
  257.             mso-hide: all;
  258.             visibility: hidden;
  259.             width: 0;
  260.         }
  261.  
  262.         .powered-by a {
  263.             text-decoration: none;
  264.         }
  265.  
  266.         hr {
  267.             border: 0;
  268.             border-bottom: 1px solid #f6f6f6;
  269.             Margin: 20px 0;
  270.         }
  271.  
  272.         /* -------------------------------------
  273.             RESPONSIVE AND MOBILE FRIENDLY STYLES
  274.         ------------------------------------- */
  275.  
  276.         @media only screen and (max-width: 620px) {
  277.             table[class=body] h1 {
  278.                 font-size: 28px !important;
  279.                 margin-bottom: 10px !important;
  280.             }
  281.  
  282.             table[class=body] p,
  283.             table[class=body] ul,
  284.             table[class=body] ol,
  285.             table[class=body] td,
  286.             table[class=body] span,
  287.             table[class=body] a {
  288.                 font-size: 16px !important;
  289.             }
  290.  
  291.             table[class=body] .wrapper,
  292.             table[class=body] .article {
  293.                 padding: 10px !important;
  294.             }
  295.  
  296.             table[class=body] .content {
  297.                 padding: 0 !important;
  298.             }
  299.  
  300.             table[class=body] .container {
  301.                 padding: 0 !important;
  302.                 width: 100% !important;
  303.             }
  304.  
  305.             table[class=body] .main {
  306.                 border-left-width: 0 !important;
  307.                 border-radius: 0 !important;
  308.                 border-right-width: 0 !important;
  309.             }
  310.  
  311.             table[class=body] .btn table {
  312.                 width: 100% !important;
  313.             }
  314.  
  315.             table[class=body] .btn a {
  316.                 width: 100% !important;
  317.             }
  318.  
  319.             table[class=body] .img-responsive {
  320.                 height: auto !important;
  321.                 max-width: 100% !important;
  322.                 width: auto !important;
  323.             }
  324.         }
  325.  
  326.         /* -------------------------------------
  327.             PRESERVE THESE STYLES IN THE HEAD
  328.         ------------------------------------- */
  329.  
  330.         @media all {
  331.             .ExternalClass {
  332.                 width: 100%;
  333.             }
  334.  
  335.             .ExternalClass,
  336.             .ExternalClass p,
  337.             .ExternalClass span,
  338.             .ExternalClass font,
  339.             .ExternalClass td,
  340.             .ExternalClass div {
  341.                 line-height: 100%;
  342.             }
  343.  
  344.             .apple-link a {
  345.                 color: inherit !important;
  346.                 font-family: inherit !important;
  347.                 font-size: inherit !important;
  348.                 font-weight: inherit !important;
  349.                 line-height: inherit !important;
  350.                 text-decoration: none !important;
  351.             }
  352.  
  353.             .btn-primary table td:hover {
  354.                 background-color: #0dcea3 !important;
  355.             }
  356.  
  357.             .btn-primary a:hover {
  358.                 background-color: #0dcea3 !important;
  359.                 border-color: #0dcea3 !important;
  360.             }
  361.  
  362.             .header{
  363.                 margin: auto;
  364.                 text-align: left;
  365.             }
  366.         }
  367.  
  368.         .icon{
  369.             margin: 5px;
  370.             width: 72px;
  371.             height: 72px;
  372.             display: inline-block;
  373.         }
  374.  
  375.         .message_body{
  376.             padding-left: 20px;
  377.             display: inline-block;
  378.             flex: 1;
  379.         }
  380.  
  381.         .message_wrapper{
  382.             border: solid 1px #f8f8f8;
  383.             border-radius: 10px;
  384.             padding: 20px;
  385.  
  386.             background-color: #f8f8f8;
  387.             margin-top: 20px;
  388.             display: flex;
  389.             justify-content: space-between;
  390.             align-items: flex-start;
  391.         }
  392.  
  393.         .site_logo{
  394.             width: 190px;
  395.             height: 90px;
  396.             margin: auto;
  397.         }
  398.  
  399.         .site_logo_wrapper{
  400.             display: flex;
  401.             justify-content: center;
  402.             align-items: center;
  403.             margin-bottom: 20px;
  404.             max-width: 550px;
  405.  
  406.         }
  407.  
  408.  
  409.         .message_footer{
  410.             color: #999999;
  411.             text-align: center;
  412.         }
  413.  
  414.         .message_footer a{
  415.             color: #999999;
  416.  
  417.         }
  418.  
  419.     </style>
  420.  
  421.  
  422. </head>
  423.  
  424. <body class="">
  425. <table border="0" cellpadding="0" cellspacing="0" class="body">
  426.     <tr>
  427.         <td>&nbsp;</td>
  428.         <td class="container">
  429.             <div class="content">
  430.                 <table class="main">
  431.                     <tr>
  432.                         <td class="wrapper">
  433.                             <table border="0" cellpadding="0" cellspacing="0">
  434.                                 <tr>
  435.                                     <td>
  436.  
  437.                                         <div class="site_logo_wrapper" ><img class="site_logo" src="https://ik.imagekit.io/fleettrading/fleetTrading_logo_dark_rk-aLfD6wQ.png" width="150" ></div>
  438.  
  439.                                         <div class="message_wrapper">
  440.                                             <div class="message_body">
  441.                                                 Hej!
  442.                                                 <br>
  443.                                                 Nu är det 4 timmar innan auktionerna går ut. En blandad park idag, fina bilar bra priser.
  444.                                                 Se till att fynda nu innan auktionsavslut.
  445.                                                 <br>
  446.  
  447.                                                 P.S Om du inte vill ha dessa email utskick i framtiden informera oss på info@fleetrading.net så vi kan ta bort er från listan.
  448.                                                 <br>
  449.  
  450.                                                 Vänliga hälsningar - Jonathan Lidén
  451.                                                 <br>
  452.  
  453.                                                 Fleet Trading Platform
  454.                                                 <br>
  455.  
  456.                                                 https://platform.fleettrading.app
  457.  
  458.                                                 <br>
  459.                                                 <br>
  460.  
  461.  
  462.                                                 Hey!
  463.                                                 <br>
  464.  
  465.                                                 Almost 4 hours before the auctions expire. A mixed park today, nice cars and good prices.Be sure to bid now before the auction ends.
  466.                                                 <br>
  467.  
  468.                                                 P.S If you do not want these emails in the future you can <a href="{{=it.unsubscribe_link}}">unsubscribe</a> from our mailing list.
  469.                                                 <br>
  470.  
  471.                                                 Best regards - Jonathan Lidén
  472.                                                 <br>
  473.  
  474.                                                 Fleet Trading Platform
  475.                                                 <br>
  476.  
  477.                                                 https://platform.fleettrading.app
  478.  
  479.                                             </div>
  480.                                         </div>
  481.                                     </td>
  482.                                 </tr>
  483.                             </table>
  484.                         </td>
  485.                     </tr>
  486.                 </table>
  487.             </div>
  488.         </td>
  489.         <td>&nbsp;</td>
  490.     </tr>
  491. </table>
  492. </body>
  493.  
  494. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!