<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <title>Welcome to the NEW B&S Quality Shop</title>
    <style type="text/css">
        .socialLinks {
            font-size: 12px;
        }

        .socialLinks a {
            display: inline-block;
        }

        .socialIcon {
            display: inline-block;
            vertical-align: top;
            padding-bottom: 0px;
            border-radius: 100%;
        }

        table.vb-row, table.vb-content {
            border-collapse: separate;
        }

        table.vb-row {
            border-spacing: 9px;
        }

        table.vb-row.halfpad {
            border-spacing: 0;
            padding-left: 9px;
            padding-right: 9px;
        }

        table.vb-row.fullwidth {
            border-spacing: 0;
            padding: 0;
        }

        table.vb-container.fullwidth {
            padding-left: 0;
            padding-right: 0;
        }</style>
    <style type="text/css">
        /* yahoo, hotmail */
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
            line-height: 100%;
        }

        .yshortcuts a {
            border-bottom: none !important;
        }

        .vb-outer {
            min-width: 0 !important;
        }

        .RMsgBdy, .ExternalClass {
            width: 100%;
            background-color: #3f3f3f;
            background-color: #3f3f3f
        }

        /* outlook */
        table {
            mso-table-rspace: 0pt;
            mso-table-lspace: 0pt;
        }

        #outlook a {
            padding: 0;
        }

        img {
            outline: none;
            text-decoration: none;
            border: none;
            -ms-interpolation-mode: bicubic;
        }

        a img {
            border: none;
        }

        @media screen and (max-device-width: 700px), screen and (max-width: 600px) {
            table.vb-container, table.vb-row {
                width: 95% !important;
            }

            .mobile-hide {
                display: none !important;
            }

            .mobile-textcenter {
                text-align: center !important;
            }

            .mobile-full {
                float: none !important;
                width: 100% !important;
                max-width: none !important;
                padding-right: 0 !important;
                padding-left: 0 !important;
            }

            img.mobile-full {
                width: 100% !important;
                max-width: none !important;
                height: auto !important;
            }
        }
    </style>
    <style type="text/css">
        #ko_textBlock_4 .links-color a, #ko_textBlock_4 .links-color a:link, #ko_textBlock_4 .links-color a:visited, #ko_textBlock_4 .links-color a:hover {
            color: #3f3f3f;
            color: #3f3f3f;
            text-decoration: underline;
        }

        #ko_footerBlock_2 .links-color a:visited, #ko_footerBlock_2 .links-color a:hover {
            color: #ccc;
            color: #ccc;
            text-decoration: underline;
        }</style>
</head>
<body bgcolor="#3f3f3f" text="#919191" alink="#cccccc" vlink="#cccccc" style="margin: 0;padding: 0;background-color: #3f3f3f;color: #919191;">

<center>
    <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#ffffff" style="background-color: #ffffff;" id="ko_logoBlock_3">
        <tbody>
        <tr>
            <td class="vb-outer" align="center" valign="top" bgcolor="#ffffff" style="padding-left: 9px;padding-right: 9px;background-color: #fff;">
                <!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="700"><tr><td align="center" valign="top"><![endif]-->
                <div class="oldwebkit" style="max-width: 700px;">
                    <table width="700" style="border-collapse: separate;border-spacing: 18px;padding-left: 0;padding-right: 0;width: 100%;max-width: 700px;" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad">
                        <tbody>
                        <tr>
                            <td valign="top" align="center">
                                <!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="264"><tr><td align="center" valign="top"><![endif]-->
                                <div class="mobile-full" style="display: inline-block; max-width: 264px; vertical-align: top; width: 100%;">
                                    <img width="264" vspace="0" hspace="0" border="0" alt="B&S Quality Shop" style="border: 0px;display: block;width: 100%;max-width: 264px;" src="{!! $message->embed(public_path('images/bslogo_email.jpg')) !!}">
                                </div>
                                <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
            </td>
        </tr>
        </tbody>
    </table>
    <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#ffffff"style="background-color: #ffffff;" id="ko_textBlock_4">
        <tbody>
        <tr>
            <td class="vb-outer" align="center" valign="top" bgcolor="#ffffff" style="padding-left: 9px;padding-right: 9px;background-color: #fff;">
                <!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="700"><tr><td align="center" valign="top"><![endif]-->
                <div class="oldwebkit" style="max-width: 700px;">
                    <table width="700" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad" bgcolor="#ffffff" style="border-collapse: separate;border-spacing: 18px;padding-left: 0;padding-right: 0;width: 100%;max-width: 700px;background-color: #fff;">
                        <tbody>
                        <tr>
                            <td align="left" class="long-text links-color" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;">
                                <p style="margin: 1em 0px;margin-top: 0px;">
                                    Dear customer,
                                </p>
                                <p style="margin: 1em 0px;">
                                    With this email we would like to invite you to our state-of-the-art online platform.
                                </p>
                                <p style="margin: 1em 0px;">
                                    Our B&S Quality Shop offers you a better overview about products, prices and offers from B&S.<br>
                                    With just a few clicks you can place new orders, quickly check your previous orders and create your personal favorites list to quickly find your desired items in the shop.<br>
                                    In addition, the modern and optimized product structure and the improved search function make it easier to navigate B&S’ extensive product range.<br>
                                </p>
                                <p style="margin: 1em 0px;">Here's your way to the new B&S Quality Shop:<br></p>
                                <p style="margin: 1em 0px;">1. Open <a href="{{$url}}">www.b-s.de</a><br></p>
                                <p style="margin: 1em 0px;">2. Enter your temporary access data:<br></p>
                                <ul>
                                    <li>Email: {{ $webUser->username }}</li>
                                    <li>Password: {{ $temporaryPassword }}</li>
                                </ul>
                                <p style="margin: 1em 0px;">
                                    3. Confirm the B&S privacy policy
                                </p>
                                <br/>
                                <p style="margin: 1em 0px;">
                                    <span style="font-weight: bold;">With kind regards</span><br/>
                                    Your B&S Team
                                </p>

                                <p style="margin: 1em 0px;">
                                    Max-Planck-Str. 30, 61184 Karben, Deutschland/Germany<br/>
                                    Tel. +49 (0)6039 993-10<br/>
                                    shop@b-s.de<br/>
                                    www.b-s.de<br/>
                                    Handelsregister Amtsgericht / Trade Register: District Court Frankfurt am Main Nr. / No. 72028<br/>
                                    Geschäftsführer: Frank Thiel | USt.-IdNr. / Vat No.: DE 165603217 | WEEE-Reg.-Nr. / No.:  DE 6451827<br/>
                                    Protecting your private information is important to us. You will receive all privacy information in the<br/>
                                    <a href="https://www.b-s.de/lp/datenschutz#DS-GVO">B&S Data Privacy Statement</a> pursuant to Art. 13 GDPR.
                                </p>
                                <p style="margin: 1em 0px; font-size: smaller;">
                                    Any form of unauthorised use, publication, reproduction, copying or disclosure of the content of this e-mail is not permitted. This message is exclusively for the person addressed or their representative. If you are not the intended recipient of this message and its contents, please notify the sender immediately.
                                </p>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
            </td>
        </tr>
        </tbody>
    </table>
</center>
</body>
</html>
