<link rel="stylesheet" href="https://vdpp.cnbl.io/css/impartner.min.css">

<div class="module-fluid button-row">
    <div class="row">
        <div class="col-12-sm">
            <a role="button" href="https://www.example.com" class="button blue">Blue</a>
            <a role="button" href="https://www.example.com" class="button yellow">Yellow</a>
            <a role="button" href="https://www.example.com" class="button white">White</a>
            <a role="button" href="https://www.example.com" class="button blue ext" target="_blank">Blue</a>
            <a role="button" href="https://www.example.com" class="button yellow ext" target="_blank">Yellow</a>
            <a role="button" href="https://www.example.com" class="button white ext" target="_blank">White</a>
        </div>
    </div>
</div>

Learn, Explore and Grow

Education and training

Explore Visa Direct payment solutions and access training that helps you drive more informed decisions and strategies.

Sales and marketing

Optimize resources and accelerate sales with ready-to-use content, including presentations, messaging guides and a robust marketing toolkit.

Support and solution

Leverage expert technical resources to enhance and expand your Visa Direct solution, powering growth and market success.

Resources

Explore the extensive resources Visa Direct has curated to help you get the most out of the industry’s premier sell‑through program.

<div class="module icons">
    <h2>Learn, Explore and Grow</h2>
    <div class="row">
        <div class="icon-bundle quarter"><img class="icon" src="https://images.prmcdn.io/pnmubzkewu8o/images/icons/icon-lightbulb.png" alt="Icon">
            <h3>Education and training</h3>
            <p>Explore Visa Direct payment solutions and access training that helps you drive more informed decisions and strategies.</p>
        </div>
            <div class="icon-bundle quarter"><img class="icon" src="https://images.prmcdn.io/pnmubzkewu8o/images/icons/icon-briefcase.png" alt="Icon">
            <h3>Sales and marketing</h3>
            <p>Optimize resources and accelerate sales with ready-to-use content, including presentations, messaging guides and a robust marketing toolkit.</p>
        </div>
        <div class="icon-bundle quarter"><img class="icon" src="https://images.prmcdn.io/pnmubzkewu8o/images/icons/icon-hand.png" alt="Icon">
            <h3>Support and solution</h3>
            <p>Leverage expert technical resources to enhance and expand your Visa Direct solution, powering growth and market success.</p>
        </div>
        <div class="icon-bundle quarter"><img class="icon" src="https://images.prmcdn.io/pnmubzkewu8o/images/icons/icon-book.png" alt="Icon">
            <h3>Resources</h3>
            <p>Explore the extensive resources Visa Direct has curated to help you get the most out of the industry’s premier sell‑through program.</p>
        </div>
    </div>
</div>

<div class="module contact">
        <h2>Connect</h2>
        <p class="center">
            If you don't see what you're looking for, feel free to contact our support team for personalized assistance. </p>
        <a class="button blue center" href="https://www.example.com" role="button">Contact us</a>
</div>
                    

<div class="module contact">
        <h2>Connect</h2>
        <p class="center">
            If you don't see what you're looking for, feel free to contact our support team for personalized assistance. </p>
        <a class="button blue center" href="https://www.example.com" role="button">Contact us</a>
</div>
                    

<div class="tabset">
<!-- Tab 1 -->
<input type="radio" name="tabset" id="tab1" aria-controls="tab1" checked>
<label for="tab1">Tab 1</label>
<!-- Tab 2 -->
<input type="radio" name="tabset" id="tab2" aria-controls="tab2">
<label for="tab2">Tab 2</label>
<!-- Tab 3 -->
<input type="radio" name="tabset" id="tab3" aria-controls="tab3">
<label for="tab3">Tab 3</label>
<!-- Tab 4 -->
<input type="radio" name="tabset" id="tab4" aria-controls="tab4">
<label for="tab4">Tab 4</label>
<!-- Tab 5 -->
<input type="radio" name="tabset" id="tab5" aria-controls="tab5">
<label for="tab5">Tab 5</label>
<div class="tab-panels">
    <section id="tab1" class="tab-panel">
        <!-- Start Tab 1 Content -->
            <h2>Excepteur consectetur</h2>
            <p>Reprehenderit, enim ea nulla. Nulla anim voluptate et. Voluptate et ipsum enim anim. Ipsum enim anim laboris consequat, ut. Laboris consequat ut irure consequat nostrud quis proident.</p>
            <p>Cupidatat cupidatat labore irure consectetur. Labore irure consectetur mollit. Consectetur mollit non est proident mollit est anim. Non est, proident mollit est. Mollit est anim reprehenderit dolore. Anim reprehenderit dolore sint consectetur voluptate.</p>
        <!-- End Tab 1 Content -->
    </section>
    <section id="tab2" class="tab-panel">
        <!-- Start Tab 2 Content -->
            <h2>Est dolor consectetur</h2>
            <p>Deserunt ut culpa ipsum. Culpa ipsum ad exercitation occaecat consequat. Ad exercitation occaecat consequat labore est lorem. Occaecat consequat labore est lorem pariatur ipsum. Labore est lorem pariatur.</p>
            <p>Sunt culpa ut in laboris enim incididunt magna. Ut in laboris enim incididunt magna. Laboris enim incididunt magna labore anim. Incididunt, magna labore anim non excepteur lorem. Anim non excepteur lorem et officia ut consequat. Excepteur lorem et officia, ut consequat esse enim. Officia ut consequat esse enim aliqua minim sunt.</p>
        <!-- End Tab 2 Content -->
    </section>
    <section id="tab3" class="tab-panel">
        <!-- Start Tab 3 Content -->
            <h2>Cillum cillum laboris</h2>
            <p>Eu cillum laborum amet eu. Laborum amet eu qui in, eiusmod do in. Qui in eiusmod do in in. Eiusmod do in, in. In magna tempor minim non, lorem. Minim non lorem tempor lorem aliquip consequat laboris. Lorem tempor lorem aliquip consequat laboris.</p>
            <p>Ullamco aliqua amet, est. Est cupidatat eu consequat anim cillum. Eu consequat, anim cillum. Cillum, ad ullamco sed qui sit eu ipsum. Sed qui sit eu ipsum in in. Sit eu ipsum in in exercitation cillum esse. Ipsum in, in exercitation. Exercitation cillum esse amet nostrud proident exercitation. Esse amet, nostrud proident. Proident exercitation, dolor eu.</p>
        <!-- End Tab 3 Content -->
    </section>
    <section id="tab4" class="tab-panel">
        <!-- Start Tab 4 Content -->
            <h2>Voluptate anim aute</h2>
            <p>Ullamco nisi tempor, aute mollit. Aute mollit excepteur fugiat occaecat sed deserunt, in. Fugiat occaecat sed deserunt in qui cupidatat voluptate. Sed deserunt in qui cupidatat voluptate. In qui cupidatat voluptate aliquip irure. Cupidatat voluptate aliquip irure ut ullamco.</p>
            <p>Irure, nisi irure anim nostrud. Anim nostrud, mollit occaecat et laborum. Occaecat et laborum ullamco consectetur aliqua esse. Laborum ullamco consectetur, aliqua esse ea enim in. Aliqua esse ea enim in proident. Ea enim in proident proident qui dolore id. In proident proident qui dolore id aliqua. Proident qui dolore id aliqua, magna.</p>
        <!-- End Tab 4 Content -->
    </section>
    <section id="tab5" class="tab-panel">
        <!-- Start Tab 5 Content -->
            <h2>Excepteur consequat ipsum</h2>
            <p>Et enim dolore eu aliqua. Dolore eu aliqua est magna. Aliqua est magna reprehenderit. Magna reprehenderit magna sint in. Magna sint in fugiat. In fugiat consequat nisi.</p>
            <p>Enim est lorem magna. Lorem magna ipsum consectetur, in lorem. Consectetur in lorem eu occaecat dolore eiusmod. Lorem eu occaecat dolore eiusmod, id reprehenderit. Dolore eiusmod id reprehenderit sint anim cillum. Id reprehenderit sint anim. Sint anim cillum fugiat. Cillum fugiat occaecat fugiat proident deserunt cillum. Occaecat fugiat, proident deserunt cillum eiusmod esse incididunt. Deserunt, cillum eiusmod esse incididunt elit excepteur aute.</p>
        <!-- End Tab 5 Content -->
    </section>
</div>
                                

<section class="accordion accordion--radio">
    <div class="accordion-tab">
        <input type="radio" name="accordion-2" id="rd1">
            <label for="rd1" class="accordion-tab__label">Accordion Title 1</label>
            <div class="accordion-tab__content">
                <h2>Title 1</h2>
                <p>Et sit, dolore eu laborum ipsum. Eu laborum, ipsum commodo. Commodo duis aute fugiat lorem ut. Aute fugiat lorem ut dolore nulla culpa nostrud. Lorem ut dolore, nulla culpa nostrud fugiat.</p>
            </div>
        </div>
    <div class="accordion-tab">
        <input type="radio" name="accordion-2" id="rd2">
            <label for="rd2" class="accordion-tab__label">Accordion Title 2</label>
            <div class="accordion-tab__content">
                <h2>Title 2</h2>
                <p>Pariatur sunt nostrud tempor esse. Nostrud tempor esse excepteur labore incididunt. Esse excepteur labore incididunt minim velit. Labore incididunt minim velit in sint proident. Minim velit in sint proident esse est occaecat.</p>
            </div>
        </div>
    <div class="accordion-tab">
        <input type="radio" name="accordion-2" id="rd3">
            <label for="rd3" class="accordion-tab__label">Accordion Title 3</label>
            <div class="accordion-tab__content">
                <h2>Title 3</h2>
                    <p>Duis mollit amet lorem voluptate enim quis aute. Amet lorem voluptate, enim. Enim quis aute culpa id. Aute culpa id ea occaecat, dolor nisi cupidatat. Ea occaecat, dolor nisi. Nisi cupidatat ea ad, lorem ipsum eu. Ad lorem ipsum eu magna officia. Ipsum eu magna officia do. Magna officia do in duis sit.</p>
                </div>
            </div>
        <div class="accordion-tab">
    <input type="radio" name="accordion-2" id="rd4">
        <label for="rd4" class="accordion-tab__label">Accordion Title 4</label>
            <div class="accordion-tab__content">
                <h2>Title 4</h2>
                <p>Occaecat, ad veniam esse do reprehenderit anim eu. Esse do reprehenderit anim eu est. Reprehenderit anim eu est commodo magna velit irure. Eu, est commodo magna velit. Magna velit irure consequat aliquip.</p>
            </div>
        </div>
    <div class="accordion-tab last">
        <input type="radio" name="accordion-2" id="rd5">
            <label for="rd5" class="accordion-tab__label">Accordion Title 5</label>
                <div class="accordion-tab__content">
                <h2>Title 5</h2>
                <p>Eu sit sed et sunt do excepteur, adipiscing. Et sunt do excepteur adipiscing in, lorem. Excepteur adipiscing, in lorem velit. Lorem velit exercitation velit ut, voluptate quis eu. Velit ut voluptate, quis. Quis eu anim mollit eiusmod. Anim mollit eiusmod enim elit officia.</p>
            </div>
        </div>
    <div class="accordion-tab">
        <input type="radio" name="accordion-2" id="rd6">
        <label for="rd6" class="accordion-tab__close">Close <span class="times">×</span></label>
    </div>
</section>
                

<section class="accordion">
    <div class="accordion-tab">
        <input type="checkbox" name="accordion-1" id="cb1" checked>
        <label for="cb1" class="accordion-tab__label">Accordion Title 1</label>
            <div class="accordion-tab__content">
                <h2>Title</h2>
                <p>Cupidatat, enim id do ipsum labore sit. Do ipsum labore sit anim. Labore sit anim ut eiusmod labore ex. Anim ut eiusmod labore ex. Eiusmod labore ex incididunt deserunt.</p>
            </div>
        </div>
    <div class="accordion-tab">
        <input type="checkbox" name="accordion-1" id="cb2">
        <label for="cb2" class="accordion-tab__label">Accordion Title 2</label>
            <div class="accordion-tab__content">
                <h2>Title</h2>
                <p>Veniam occaecat ut lorem dolor ad. Ut lorem, dolor ad ipsum. Ad ipsum nisi pariatur laboris. Nisi pariatur laboris ad adipiscing ea lorem ex. Laboris ad adipiscing ea lorem ex quis aliquip. Adipiscing ea lorem ex quis aliquip. Lorem ex quis aliquip in non sit veniam. Quis aliquip in non. In non, sit veniam officia voluptate dolore. Veniam officia voluptate, dolore lorem.</p>
            </div>
        </div>
        <div class="accordion-tab">
        <input type="checkbox" name="accordion-1" id="cb3">            <label for="cb3" class="accordion-tab__label">Accordion Title 3</label>
                <div class="accordion-tab__content">
                    <h2>Title</h2>
                                <p>Veniam occaecat ut lorem dolor ad. Ut lorem, dolor ad ipsum. Ad ipsum nisi pariatur laboris. Nisi pariatur laboris ad adipiscing ea lorem ex. Laboris ad adipiscing ea lorem ex quis aliquip. Adipiscing ea lorem ex quis aliquip. Lorem ex quis aliquip in non sit veniam. Quis aliquip in non. In non, sit veniam officia voluptate dolore. Veniam officia voluptate, dolore lorem.</p>
                            </div>
                    </div>
                        <div class="accordion-tab">
                            <input type="checkbox" name="accordion-1" id="cb4">
                    <label for="cb4" class="accordion-tab__label">Accordion Title 4</label>
                            <div class="accordion-tab__content">
                            <h2>Title</h2>
                            <p>Dolor aliquip est velit, veniam nostrud fugiat aliqua. Velit veniam nostrud fugiat aliqua veniam ad. Nostrud fugiat aliqua, veniam. Veniam, ad velit pariatur officia officia ad amet. Pariatur officia officia, ad amet non laboris. Ad amet non laboris, adipiscing sunt. Laboris adipiscing sunt aute magna, cupidatat ea. Aute magna cupidatat ea mollit proident. Cupidatat ea mollit proident aute. Mollit proident aute in, fugiat nisi.</p>
                            </div>
                        </div>
                        <div class="accordion-tab last">
                            <input type="checkbox" name="accordion-1" id="cb5">
                            <label for="cb5" class="accordion-tab__label">Accordion Title 5</label>
                            <div class="accordion-tab__content">
                                <h2>Title</h2>
                                <p>Minim culpa dolor sunt non pariatur nisi aliqua. Dolor sunt non pariatur nisi aliqua. Non pariatur nisi aliqua sint est eiusmod. Nisi aliqua sint est eiusmod et, amet. Est eiusmod et amet nisi, non tempor. Amet nisi non tempor sit voluptate id.</p>
                            </div>
                        </div>
                    </section>
                    

Welcome! Dear ${User.FirstName}, We’re excited to welcome you to the new and improved Visa Direct Partner Portal! To ensure a smooth transition, we’ve provided your individual login credentials below. Please note that you will be required to change your password upon your first log in. Your login information: Username: ${User.UserName} Temporary password: ${User.TemporaryPassword} Once logged in, you’ll find an enhanced user experience and new features designed to help you make the most out of the portal. Login now to get started! Sincerely, Visa Direct Team ©${Sys.Date.now().year()} Visa. All Rights Reserved. Visa Inc., ${Program.MailingStreet}, ${Program.MailingCity}, ${Program.MailingState} ${Program.MailingPostalCode}

<!doctype html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Welcome to the new Visa Direct Partner Portal!</title>
</head>
<body style="font-size: 16px;margin: 0;padding: 0;font-family: 'Visa Dialect', 'Open Sans', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 1.4;-webkit-font-smoothing: antialiased; background-color:#efefef;">
    <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body" align="center" width="600" style="border-collapse: collapse !important;width: 600px;background-color: #efefef;">
        <tr>
            <td><span class="to"> </span><br><span class="subject"> </span><br></td>
        </tr>
        <tr style="border-collapse: collapse !important;">
            <td class="module" style="font-family: 'Visa Dialect', 'Open Sans', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 1.4;-webkit-font-smoothing: antialiased;display: block;padding: 0 !important;border-collapse: collapse !important;margin: 0 auto !important;max-width: 600px !important;width: 100% !important;">
                <table role="presentation" class="main" width="600" style="border-collapse: collapse !important;width: 100%;background: #ffffff;border-radius: 0 !important;border-left-width: 0 !important;border-right-width: 0 !important;">
                    <tr style="border-collapse: collapse !important;">
                        <td class="head" align="left" style="font-family: 'Visa Dialect', 'Open Sans', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 1.4;-webkit-font-smoothing: antialiased;border-bottom: 1px solid #efefef;border-collapse: collapse !important;padding: 25px 50px 25px 45px !important;"><a href="${Program.PortalUrl}" style="color: #1434CB;text-decoration: underline;font-size: inherit;"><img class="visa-logo" src="https://images.prmcdn.io/pnmubzkewu8o/images/emails/visa-direct-logo.png" width="" height="29" style="border: none;-ms-interpolation-mode: bicubic;max-width: 100%;"></a></td>
                    </tr>
                    <tr style="border-collapse: collapse !important;">
                        <td class="wrapper" style="font-family: 'Visa Dialect', 'Open Sans', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 1.4;-webkit-font-smoothing: antialiased;box-sizing: border-box;padding: 10px !important;border-collapse: collapse !important;">
                            <div class="content" style="box-sizing: border-box;display: block;margin: 0 auto;padding: 0 !important;max-width: 550px !important;width: 550px !important;">
                                <table align="center" border="0" cellpadding="0" cellspacing="0" width="550" style="border-collapse: collapse !important;width: 100%;">
                                    <tbody>
                                        <tr style="border-collapse: collapse !important;">
                                            <td style="font-family: 'Visa Dialect', 'Open Sans', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 1.4;-webkit-font-smoothing: antialiased;border-collapse: collapse !important;padding:10px 25px 50px 25px;">
                                                <h1 style="font-size:1.5em;padding-bottom:1em;">Welcome!</h1>
                                                <p><b>Dear ${User.FirstName},</b><br />
                                                    <br />
                                                    We’re excited to welcome you to the new and improved Visa Direct Partner Portal!<br />
                                                    <br />
                                                    To ensure a smooth transition, we’ve provided your individual login credentials below. Please note that you will be required to change your password upon your first log in.<br />
                                                    <br />
                                                    Your login information:<br /><br />
                                                    Username: <a style="color: #333333; text-decoration: none;"><b>${User.UserName}</b></a><br />
                                                    Temporary password: <b>${User.TemporaryPassword}</b><br />
                                                    <br />
                                                    Once logged in, you’ll find an enhanced user experience and new features designed to help you make the most out of the portal.<br />
                                                    <br />
                                                    <a href="${Program.PortalUrl}" style="font-weight: bold; color: #1434CB; text-decoration: none;">Login now</a> to get started!
                                                </p>
                                                <p>Sincerely,<br />
                                                    Visa Direct Team <br />
                                                </p>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </td>
                    </tr>
                    <tr style="border-collapse: collapse !important;">
                        <td class="foot" style="font-family: 'Visa Dialect', 'Open Sans', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 1.4;-webkit-font-smoothing: antialiased;clear: both;padding: 10px 50px;text-align: center;width: 100%;border-top: 1px solid #efefef;border-collapse: collapse !important;">
                            <table style="border-collapse: collapse !important;width: 100%;">
                                <tr style="border-collapse: collapse !important;">
                                    <td class="left" style="font-family: 'Visa Dialect', 'Open Sans', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 1.4;-webkit-font-smoothing: antialiased;color: #000;font-size: 10px;text-align: left;padding: 15px 0;border-collapse: collapse !important;"><img class="visa-symbol" src="https://images.prmcdn.io/pnmubzkewu8o/images/emails/visa-brand-symbol.png" width="32" height="21" style="border: none;-ms-interpolation-mode: bicubic;max-width: 32px;max-height: 21px;width: 32px !important;height: 21px !important;"></td>
                                    <td class="right" valign="middle" align="right" style="font-family: 'Visa Dialect', 'Open Sans', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 1.4;-webkit-font-smoothing: antialiased;color: #000;font-size: 10px;text-align: right;padding: 10px 0 0 0;border-collapse: collapse !important;">
                                        <p class="copyright" style="font-family: 'Visa Dialect', 'Open Sans', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 1.1em !important;-webkit-font-smoothing: antialiased;font-size: 10px;font-weight: normal;margin: 0;margin-bottom: 15px;text-align: right;color: #000;">©${Sys.Date.now().year()} Visa. All Rights Reserved.<br>
                                            Visa Inc., ${Program.MailingStreet}, ${Program.MailingCity}, ${Program.MailingState} ${Program.MailingPostalCode}</p>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td> </td>
        </tr>
    </table>
</body>
</html>