- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>maczfit landing</title>
- <link href="https://fonts.googleapis.com/css?family=Quicksand:400,600,700&display=swap&subset=latin-ext" rel="stylesheet">
- <style>
- html,
- body {
- box-sizing: border-box;
- padding: 0;
- margin: 0;
- }
- .wrapper {
- max-width: 690px;
- width: 100%;
- min-width: 280px;
- margin: 0 auto;
- background-color: #f9f9f9;
- font-family: 'Quicksand', sans-serif;
- color: #0c2340;
- }
- /* navigation section */
- .navigation {
- height: 120px;
- ;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- }
- .logo-link {}
- .navigation-logo {
- height: 98px;
- width: 151px;
- background-image: url(https://s3-eu-west-1.amazonaws.com/salesmanagoimg/36ah1dxt6fpehf53/bz0skjq3it4c2v3k/xu0omopz1ingba0j.png);
- background-position: center;
- background-size: contain;
- cursor: pointer;
- }
- .navigation-text {
- font-size: 16px;
- margin-left: 20px;
- font-weight: 700;
- }
- /* main content */
- .content-box {
- padding: 10px 20% 20px 5%;
- font-weight: 600;
- }
- .middle-paragraph {
- margin-bottom: 0;
- }
- .bottom-paragraph {
- margin-top: 0;
- }
- .company-name {
- font-size: 15px;
- font-weight: 700;
- }
- /* button */
- .btn-link {
- text-decoration: none;
- }
- .btn {
- background-color: #122e51;
- color: #fff;
- font-family: 'Quicksand', sans-serif;
- font-size: 16px;
- border: 1px solid #122e51;
- border-radius: 18px;
- padding: 8px 25px;
- margin: 10px 0;
- cursor: pointer;
- }
- /* bottom-pic */
- .bottom {
- height: 280px;
- }
- .pic-link {
- text-decoration: none;
- cursor: pointer;
- }
- .picture {
- height: 100%;
- background-image: url(https://s3-eu-west-1.amazonaws.com/salesmanagoimg/36ah1dxt6fpehf53/bz0skjq3it4c2v3k/u7uavn6nys7acwnl.png);
- background-position: top center;
- background-size: contain;
- background-repeat: no-repeat;
- z-index: 2;
- }
- @media only screen and (max-width: 870px) {
- .top-paragraph,
- .middle-paragraph {
- text-align: justify;
- }
- .content-box {
- padding: 10px 5% 20px 5%;
- font-weight: 600;
- }
- .picture {
- background-size: 130%;
- }
- }
- @media only screen and (max-width: 600px) {
- .navigation-text {
- font-size: 14px;
- }
- .picture {
- background-size: 180%;
- }
- .top-paragraph,
- .middle-paragraph,
- .bottom-paragraph {
- font-size: 14px;
- }
- .company-name {
- font-size: 13px;
- }
- .content-title {
- font-size: 25px;
- }
- .content-paragraph-title {
- font-size: 18px;
- }
- .btn {
- padding: 5px 15px;
- margin: 8px 0;
- font-size: 15px;
- }
- }
- </style>
- </head>
- <body>
- <div class="wrapper">
- <nav class="navigation"><a href="https://www.maczfit.pl/" class="logo-link">
- <div class="navigation-logo"></div>
- </a>
- <div class="navigation-text">Catering dietetyczny z dostawą.</div>
- </nav>
- <main class="content-box">
- <h1 class="content-title">Twoja opinia jest dla nas ważna!</h1>
- <h2 class="content-paragraph-title">Hej!</h2>
- <p class="top-paragraph">Dawno Cię u nas nie było i strasznie nas ciekawi dlaczego! Może zechcesz poświęcić nam dosłownie kilka minut na króciutką ankietę. Nasze pracowite Rzodkiewki stale coś poprawiają i ulepszają, żeby móc zaoferować Ci najlepszy produkt na rynku!</p>
- <p class="middle-paragraph">Udział w ankiecie jest zupełnie dobrowolny, jeżeli wyrażasz zgodę</p>
- <p class="bottom-paragraph">to kliknij, o tutaj:</p>
- <a href="https://www.maczfit.pl/" class="btn-link"><button class="btn">Wypełnij ankietę</button></a>
- <p class="company-name">Team maczfit</p>
- </main>
- <footer class="bottom"><a href="https://www.maczfit.pl/" class="pic-link">
- <div class="picture"></div>
- </a></footer>
- </div>
- </td>
- </tr>
- <tr>
- <td height="40"> </td>
- </tr>
- <tr>
- <td>
- <div align="center" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px;">
- <div style="display: table; max-width: 320px;">
- <!--[if (mso)|(IE)]><table width="320" cellpadding="0" cellspacing="0" border="0"><tr><td style="border-collapse:collapse; padding-right: 10px; padding-left: 10px; padding-bottom: 0px;" align="center"><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace: 0pt;mso-table-rspace: 0pt; width:320px;"><tr><td width="32" style="width:32px; padding-right: 10px;" valign="top"><![endif]-->
- <table align="left" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; table-layout: fixed; border-spacing: 0px; vertical-align: top; margin-right: 0px; width: 45px; height: 45px;">
- <tbody>
- <tr style="vertical-align: top;">
- <td align="left" valign="middle" style="word-break: break-word; border-collapse: collapse !important; vertical-align: top;"><a href="https://www.facebook.com/maczfit/" title="Facebook" target="_blank"> <img src="https://s3-eu-west-1.amazonaws.com/salesmanago/000creator/set30_140_30/round_grey/facebook.png" alt="Facebook" title="Facebook" width="45" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; clear: both; display: block !important; border: none; height: auto; float: none; max-width: 45px !important;" /> </a>
- <div style="line-height: 5px; font-size: 1px;"> </div>
- </td>
- </tr>
- </tbody>
- </table>
- <!--[if (mso)|(IE)]></td><td width="32" style="width:32px; padding-right: 10px;" valign="top"><![endif]-->
- <table align="left" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; table-layout: fixed; border-spacing: 0px; vertical-align: top; margin-right: 0px; width: 45px; height: 45px;">
- <tbody>
- <tr style="vertical-align: top;">
- <td align="left" valign="middle" style="word-break: break-word; border-collapse: collapse !important; vertical-align: top;"><a href="https://www.instagram.com/maczfit/" title="Instagram" target="_blank"> <img src="https://s3-eu-west-1.amazonaws.com/salesmanago/000creator/set30_140_30/round_grey/istagram.png" alt="Instagram" title="Instagram" width="45" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; clear: both; display: block !important; border: none; height: auto; float: none; max-width: 45px !important;" /> </a>
- <div style="line-height: 5px; font-size: 1px;"> </div>
- </td>
- </tr>
- </tbody>
- </table>
- <!--[if (mso)|(IE)]></td><td width="32" style="width:32px; padding-right: 10px;" valign="top"><![endif]-->
- <table align="left" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; table-layout: fixed; border-spacing: 0px; vertical-align: top; margin-right: 0px; width: 45px; height: 45px;">
- <tbody>
- <tr style="vertical-align: top;">
- <td align="left" valign="middle" style="word-break: break-word; border-collapse: collapse !important; vertical-align: top;"><a href="https://www.youtube.com/channel/UCOwLB2l-sLCUFDoYfm_S7-w/videos" title="YouTube" target="_blank"> <img src="https://s3-eu-west-1.amazonaws.com/salesmanago/000creator/set30_140_30/round_grey/youtube.png" alt="YouTube" title="YouTube" width="45" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; clear: both; display: block !important; border: none; height: auto; float: none; max-width: 45px !important;" /> </a>
- <div style="line-height: 5px; font-size: 1px;"> </div>
- </td>
- </tr>
- </tbody>
- </table>
- <!--[if (mso)|(IE)]></td><td width="32" style="width:32px; padding-right: 10px;" valign="top"><![endif]-->
- <table align="left" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; table-layout: fixed; border-spacing: 0px; vertical-align: top; margin-right: 0px; width: 45px; height: 45px;">
- <tbody>
- <tr style="vertical-align: top;">
- <td align="left" valign="middle" style="word-break: break-word; border-collapse: collapse !important; vertical-align: top;"><a href="https://pl.pinterest.com/maczfit0/" title="Pinterest" target="_blank"> <img src="https://s3-eu-west-1.amazonaws.com/salesmanago/000creator/set30_140_30/round_grey/pinterest.png" alt="Pinterest" title="Pinterest" width="45" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; clear: both; display: block !important; border: none; height: auto; float: none; max-width: 45px !important;" /> </a>
- <div style="line-height: 5px; font-size: 1px;"> </div>
- </td>
- </tr>
- </tbody>
- </table>
- <!--[if (mso)|(IE)]></td><td width="32" style="width:32px; padding-right: 10px;" valign="top"><![endif]-->
- <table align="left" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; table-layout: fixed; border-spacing: 0px; vertical-align: top; margin-right: 0px; width: 45px; height: 45px;">
- <tbody>
- <tr style="vertical-align: top;">
- <td align="left" valign="middle" style="word-break: break-word; border-collapse: collapse !important; vertical-align: top;"><a href="https://www.linkedin.com/company/ordersen-sp-z-o-o-" title="LinkedIn" target="_blank"> <img src="https://s3-eu-west-1.amazonaws.com/salesmanago/000creator/set30_140_30/round_grey/linkedin.png" alt="LinkedIn" title="LinkedIn" width="45" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; clear: both; display: block !important; border: none; height: auto; float: none; max-width: 45px !important;" /> </a>
- <div style="line-height: 5px; font-size: 1px;"> </div>
- </td>
- </tr>
- </tbody>
- </table>
- <!--[if (mso)|(IE)]></td><td width="32" style="width:32px; padding-right: 0;" valign="top"><![endif]-->
- <table align="left" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; table-layout: fixed; border-spacing: 0px; vertical-align: top; margin-right: 0px; width: 45px; height: 45px;">
- <tbody>
- <tr style="vertical-align: top;">
- <td align="left" valign="middle" style="word-break: break-word; border-collapse: collapse !important; vertical-align: top;"><a href="https://twitter.com/MACZFIT" title="Twitter" target="_blank"> <img src="https://s3-eu-west-1.amazonaws.com/salesmanago/000creator/set30_140_30/round_grey/twitter.png" alt="Twitter" title="Twitter" width="45" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; clear: both; display: block !important; border: none; height: auto; float: none; max-width: 45px !important;" /> </a></td>
- </tr>
- </tbody>
- </table>
- <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
- </div>
- </div>
- </td>
- </tr>
- <tr>
- <td>
- <div style="font-size: 12px; line-height: 14px; color: #555555; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; text-align: left;">
- <p style="margin: 0; font-size: 12px; line-height: 14px; text-align: center;"><span style="font-size: 10px; line-height: 12px;">Otrzymujesz tę wiadomość, ponieważ jesteś w bazie klientów Maczfit.</span></p>
- <p style="margin: 0; font-size: 12px; line-height: 14px; text-align: center;"><span style="font-size: 10px; line-height: 12px;">Jeśli chcesz się wypisać z listy odbiorców, kliknij <a style="color: #0068a5; text-decoration: underline;" href="$opt-out$" target="_blank" rel="noopener">tutaj.</a></span></p>
- <p style="margin: 0; font-size: 12px; line-height: 14px; text-align: center;"><span style="font-size: 10px; line-height: 12px;">Nr decyzji Państwowego Instytutu Sanitarnego odbioru Sanitarnego dla zakładu Cateringu Dietetycznego Maczfit HZN. 4400.3.126.2016 z dnia 22.11.2016</span></p>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </center>
- </body>
- </html>