<!DOCTYPE html> <html lang="de" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta http-equiv="Content-Type" content="text/html charset=UTF-8" /> <meta name="viewport" content="width=device-width"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="x-apple-disable-message-reformatting"> <title>Bitte Arbeitgeberkonto verifizieren</title> <!-- The title tag shows in email notifications, like Android 4.4. --> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet"> <style> html, body { margin: 0 auto !important; padding: 0 !important; height: 100% !important; width: 100% !important; background: #f1f1f1; } /* What it does: Stops email clients resizing small text. */ * { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* What it does: Centers email on Android 4.4 */ div[style*="margin: 16px 0"] { margin: 0 !important; } /* What it does: Stops Outlook from adding extra spacing to tables. */ table, td { mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; } /* What it does: Fixes webkit padding issue. */ table { border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto !important; } /* What it does: Uses a better rendering method when resizing images in IE. */ img { -ms-interpolation-mode:bicubic; } /* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */ a { text-decoration: none; } /* What it does: A work-around for email clients meddling in triggered links. */ *[x-apple-data-detectors], /* iOS */ .unstyle-auto-detected-links *, .aBn { border-bottom: 0 !important; cursor: default !important; color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } /* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */ .a6S { display: none !important; opacity: 0.01 !important; } /* What it does: Prevents Gmail from changing the text color in conversation threads. */ .im { color: inherit !important; } /* If the above doesn't work, add a .g-img class to any image in question. */ img.g-img + div { display: none !important; } /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89 */ /* Create one of these media queries for each additional viewport size you'd like to fix */ /* iPhone 4, 4S, 5, 5S, 5C, and 5SE */ @media only screen and (min-device-width: 320px) and (max-device-width: 374px) { u ~ div .email-container { min-width: 320px !important; } } /* iPhone 6, 6S, 7, 8, and X */ @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { u ~ div .email-container { min-width: 375px !important; } } /* iPhone 6+, 7+, and 8+ */ @media only screen and (min-device-width: 414px) { u ~ div .email-container { min-width: 414px !important; } } </style> <!-- CSS Reset : END --> <!-- Progressive Enhancements : BEGIN --> <style> .primary{ background: #f49c35; } .bg_white{ background: #fff; } .bg_orange{ background: #f49c35; } .bg_light{ background: #fafafa; } .bg_black{ background: #000000; } .bg_dark{ background: rgba(0,0,0,.8); } .email-section{ padding:2.5em; } /*BUTTON*/ .btn{ padding: 10px 15px; display: inline-block; } .btn.btn-primary{ border-radius: 5px; background: #f49c35; color: #ffffff; } .btn.btn-white{ border-radius: 5px; background: #ffffff; color: #000000; } .btn.btn-white-outline{ border-radius: 5px; background: transparent; border: 1px solid #fff; color: #fff; } .btn.btn-black-outline{ border-radius: 0px; background: transparent; border: 2px solid #000; color: #000; font-weight: 700; } h1,h2,h3,h4,h5,h6{ font-family: 'Lato', sans-serif; color: #000000; margin-top: 0; font-weight: 400; } body{ font-family: 'Lato', sans-serif; font-weight: 400; font-size: 15px; line-height: 1.8; color: rgba(0,0,0,.4); } a{ color: #f49c35; } table{ } /*LOGO*/ .logo h1{ margin: 0; } .logo h1 a{ color: #f49c35; font-size: 24px; font-weight: 700; font-family: 'Lato', sans-serif; } /*HERO*/ .hero{ position: relative; z-index: 0; } .hero .text{ color: rgba(0,0,0,.3); } .hero .text h2{ color: #000; font-size: 40px; margin-bottom: 0; font-weight: 400; line-height: 1.4; } .hero .text h3{ font-size: 24px; font-weight: 300; } .hero .text h2 span{ font-weight: 600; color: #f49c35; } /*HEADING SECTION*/ .heading-section{ } .heading-section h2{ color: #000000; font-size: 28px; margin-top: 0; line-height: 1.4; font-weight: 400; } .heading-section .subheading{ margin-bottom: 20px !important; display: inline-block; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; color: rgba(0,0,0,.4); position: relative; } .heading-section .subheading::after{ position: absolute; left: 0; right: 0; bottom: -10px; content: ''; width: 100%; height: 2px; background: #f49c35; margin: 0 auto; } .heading-section-white{ color: rgba(255,255,255,.8); } .heading-section-white h2{ font-family: line-height: 1; padding-bottom: 0; } .heading-section-white h2{ color: #ffffff; } .heading-section-white .subheading{ margin-bottom: 0; display: inline-block; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,.4); } ul.social{ padding: 0; } ul.social li{ display: inline-block; margin-right: 10px; } /*FOOTER*/ .footer{ border-top: 1px solid rgba(0,0,0,.05); color: rgba(0,0,0,.5); } .footer .heading{ color: #000; font-size: 20px; } .footer ul{ margin: 0; padding: 0; } .footer ul li{ list-style: none; margin-bottom: 10px; } .footer ul li a{ color: rgba(0,0,0,1); } @media screen and (max-width: 500px) { } </style> </head> <body width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #f1f1f1;"> <center style="width: 100%; background-color: #f1f1f1;"> <div style="display: none; font-size: 1px;max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;"> ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </div> <div style="max-width: 600px; margin: 0 auto;" class="email-container"> <!-- BEGIN BODY --> <table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: auto;"> <tr> <td valign="middle" class="hero bg_orange" style="padding: 3em 0 2em 0;"> <img src="https://www.jobs-oberpfalz.de/template/images/new_jobs_portal_logo.png" alt="" style="width: 300px; max-width: 600px; height: auto; margin: auto; display: block;"> </td> </tr><!-- end tr --> <tr> <td valign="middle" class="hero bg_white" style="padding: 2em 0 4em 0;"> <table> <tr> <td> <div class="text" style="padding: 0 2.5em; text-align: center;"> <h2>Bestätigen Sie Ihre E-Mail</h2> <h3>Um Ihr Arbeitgeberkonto zu aktivieren, klicken Sie bitte auf den unten stehenden Link.</h3> <p><a href="{{ $url }}" class="btn btn-primary">E-Mail Adresse bestätigen</a></p> </div> </td> </tr> </table> </td> </tr><!-- end tr --> <!-- 1 Column Text + Button : END --> </table> <table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: auto;"> <tr> <td valign="middle" class="bg_light footer email-section"> <table> <tr> <td valign="top" width="100%" style="padding-top: 20px;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td style="text-align: left; padding-left: 5px; padding-right: 5px;"> <h3 class="heading">Kontakt</h3> <ul> <li><span class="text">Jobs Oberpfalz</span></li> <li><span class="text">pur.an GmbH</span></a></li> <li><span class="text">Zur Drehscheibe 2 , 92637 Weiden i. d. Opf. </span></a></li> </ul> </td> </tr> </table> </td> </tr> </table> </td> </tr><!-- end: tr --> <tr> <td class="bg_light" style="text-align: center;"> <p>Sie erhalten diese E-Mail weil Ihre Adresse zur Registrierung auf <a href="https://www.jobs-oberpfalz.de">www.jobs-oberpfalz.de</a> angegeben wurde.</p> </td> </tr> </table> </div> </center> </body> </html>