<!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>Bienvenue sur le site de commande en ligne 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.png')) !!}">
                                </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;">
                                    Cher client,
                                </p>
                                <p style="margin: 1em 0px;">
                                    Bienvenue dans notre boutique en ligne.
                                </p>
                                <p style="margin: 1em 0px;">
                                    Elle vous offre avant tout une meilleure visibilité sur les produits, les prix et les offres B&S.<br>
                                    En quelques clics, accédez rapidement à vos commandes précédentes et créez votre liste de favoris personnalisée avec les articles que vous achetez le plus fréquemment.
                                    De plus, la structure optimisée des produits et la fonction de recherche améliorée vous permettent de trouver plus facilement les articles que vous souhaitez dans la boutique.
                                </p>
                                <p style="margin: 1em 0px;">Pour accéder directement à la boutique B&S:</p>
                                <ol>
                                    <li>Rendez-vous sur <a href="{{$url}}">www.b-s.de</a></li>
                                    <li>Cliquez sur «Connexion» dans la barre de navigation en haut à droite et saisissez vos identifiants de connexion temporaires:</li>
                                </ol>
                                <br/>
                                <ul>
                                    <li>E-Mail: {{ $webUser->username }}</li>
                                    <li>Mot de passe: {{ $temporaryPassword }}</li>
                                </ul>
                                <br/>
                                <p style="margin: 1em 0px;">
                                    <span style="font-weight: bold;">Cordialement</span><br/>
                                    L’équipe B&S
                                </p>

                                <p style="margin: 1em 0px;">
                                    Max-Planck-Str. 30, 61184 Karben, Deutschland / Germany<br/>
                                    Tél. +49 (0)6039 993-9160<br/>
                                    info@b-s.de<br/>
                                    www.b-s.de<br/>
                                    Handelsregister Amtsgericht / Registre du commerce: Tribunal d’instance de Francfort-sur-le-Main / N° 72028<br/>
                                    Gérant: Girisha Chandraraj | John Lakey | USt.-IdNr. / N ° TVA: DE 165603217 | WEEE-Reg.-Nr. / inscription au registre DEEE: DE 6451827<br/>
                                </p>
                                <p style="margin: 1em 0px; font-size: smaller;">
                                    La protection de vos données personnelles est notre priorité. Toutes les informations relatives à la protection des données conformément à l’article 13 du RGPD sont disponibles dans <a href="https://www.b-s.de/lp/datenschutz#DS-GVO">la politique de confidentialité de B&S.</a><br/>
                                    Toute forme d’utilisation, de publication, de reproduction, de copie ou de divulgation non autorisée du contenu de cet e-mail est interdite. Ce message est exclusivement destiné à la personne adressée ou à son représentant. Si vous n’êtes pas le destinataire prévu de ce message et de son contenu, veuillez en informer immédiatement l’expéditeur.
                                </p>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
            </td>
        </tr>
        </tbody>
    </table>
</center>
</body>
</html>