12 Replies Latest reply on Sep 21, 2018 12:54 PM by Wes Whalen

    Need help with adding multiple modules VERY frustrasting

    Wes Whalen

      Hi everyone,

      I have been trying and trying to figure this out to no avail for months whenever I get back to trying to fix. When trying to add another module I keep getting an invalid module error!!! So frustrating. Here are my two modules added so far. I want to add a few more as well.

       

      The first one:

      <tr class="mktoModule" mktoname="Article Module" id="article_listing_module">

      works, but then I get an error on this one:

      <tr class="mktoModule" mktoname="Event Module" id="event_listing_module">

       

      I have read and read and read forums and nothing seems to help.

      Thanks for any help you can give me.

       

      Here is the code. I've highlighted my container and the two modules. Also there is a screenshot of the email.

       

      <!doctype html>

      <html lang="en" xmlns="http://www.w3.org/1999/xhtml">

        <head>

          <meta charset="UTF-8">

          <title>Monday Minutes</title>

          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

          <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet">

          <link rel="stylesheet" href="css/style.css">

        </head>

        <body style="margin: 0; padding: 0;" yahoo="fix">  

          <title>Monday Minutes</title>

          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

          <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet" type="text/css">

          <!--  General CSS  -->

          <style type="text/css">

          .main_container{

            max-width: 740px;

            height: 100%;

            margin: 10px auto 0px auto;

      background-color: #ffffff;

          }

          .in_container{

            background: #fafafa;

          

          }

          .back_link{

            display: block;

            text-decoration: none;

            margin-top: 80px;

            text-align: center;

            font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

            color: #3E3E3E;

            font-size: 16px;

            letter-spacing: 1px;

          }

          .back_link .back_arrow_icon{

              vertical-align: middle;

              margin-right: 10px;

          }

          html{

              width: 100%;

          }

          body{

            width: 100%;

            margin:0;

            padding:0;

            -webkit-font-smoothing: antialiased;

            mso-margin-top-alt:0px;

            mso-margin-bottom-alt:0px;

            mso-padding-alt: 0px 0px 0px 0px;

            background: #eef1f2;

            font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

          }

          p,h1,h2,h3,h4{

            margin-top:0;

            margin-bottom:0;

            padding-top:0;

            padding-bottom:0;

          }

          table{

            font-size: 14px;

            border: 0;

          }

          img{

            border: none!important;

          }

        a:visited {

          color: #ffffff;

      }

        </style>

          <!--  Responsive CSS  -->

          <style type="text/css">

          @media only screen and (max-width: 600px) {

            body[yahoo] .full_width_600 {width:90% !important;}

          }

          @media only screen and (max-width: 700px) {

            body[yahoo] .full_width_700 {width:100% !important;}

            body[yahoo] .txt_center {text-align:center !important;}

            body[yahoo] .separator {height: 40px !important;}

          }

        #footer {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      -ms-flex-wrap: wrap;

      flex-wrap: wrap;

      background-color: #666666;

      padding: 30px 60px;

       

      }

      @media screen and (max-width: 768px) {

      #footer {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

      }

      }

      .social_icons {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      }

      @media screen and (max-width: 768px) {

      .social_icons {

      margin: 15px 0 0 0;

      }

      }

      .social_icons div {

      margin: 0 0 0 5px;

      }

      #logo {

      width: 216px;

      height: 46px;background:url(http://offers.premierinc.com/rs/381-NBB-525/images/logo_1.png);

      }

      #twiterr_icon {

      width: 35px;

      height: 35px;

      background:url(http://offers.premierinc.com/rs/381-NBB-525/images/twiterr_icon.png);

      }

       

      #linkedin_icon {

      width: 35px;

      height: 35px;

      background:url(http://offers.premierinc.com/rs/381-NBB-525/images/linkedin_icon.png);

      }

       

      #insta_icon {

      width: 35px;

      height: 35px;

      background:url(http://offers.premierinc.com/rs/381-NBB-525/images/insta_icon.png);

      }

      #youtube_icon {

      width: 35px;

      height: 35px;

      background:url(http://offers.premierinc.com/rs/381-NBB-525/images/youtube_icon.png);

      }

      #fb_icon {

      width: 35px;

      height: 35px;

      background:url(http://offers.premierinc.com/rs/381-NBB-525/images/fb_icon.png);

      }

        </style>

          <!--  Accordion  -->

          <style>

           

            .transition, p, ul li i:before, ul li i:after {

        transition: all 0.25s ease-in-out;

      }

       

       

      .flipIn, h1, ul li {

        animation: flipdown 0.5s ease both;

      }

       

       

      .no-select, h2 {

        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

        -webkit-touch-callout: none;

        -webkit-user-select: none;

        -khtml-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

      }

       

       

       

       

       

       

      b

      h1, h2 {

        color: #676f84;

      font-family: 'Roboto Slab', serif;

       

      }

       

       

      h1 {

        text-transform: uppercase;

        font-size: 36px;

        line-height: 42px;

        letter-spacing: 3px;

        font-weight: 100;

       

      }

       

       

      h2 {

        font-size: 26px;

        line-height: 34px;

        font-weight: 700;

        letter-spacing: 1px;

        display: block;

        background-color: #fefffa;

        margin: 0;

        cursor: pointer;

      }

       

       

      p {

        color: rgba(48, 69, 92, 0.8);

        font-size: 17px;

        line-height: 26px;

        letter-spacing: 1px;

        position: relative;

        overflow: hidden;

        max-height: 800px;

        opacity: 1;

        transform: translate(0, 0);

       

       

        z-index: 2;

      }

       

       

      ul {

        list-style: none;

        perspective: 900;

        padding: 0;

        margin: 0;

      background-color: #ffffff;

      }

      ul li {

        position: relative;

        padding: 0;

        margin: 5px 60px 5px 60px;

        padding-bottom: 4px;

        padding-top: 18px;

        border-bottom: 1px dotted #003b49;

       

       

       

       

      }

      ul li:nth-of-type(1) {

        animation-delay: 0.5s;

      }

      ul li:nth-of-type(2) {

        animation-delay: 0.75s;

      }

      ul li:nth-of-type(3) {

        animation-delay: 1s;

      }

      ul li:last-of-type {

        padding-bottom: 0;

      }

      ul li i {

        position: absolute;

        transform: translate(-6px, 0);

        margin-top: 16px;

        right: 0;

      }

      ul li i:before, ul li i:after {

        content: "";

        position: absolute;

        background-color: #ffc627;

        width: 3px;

        height: 9px;

      }

      ul li i:before {

        transform: translate(-2px, 0) rotate(45deg);

      }

      ul li i:after {

        transform: translate(2px, 0) rotate(-45deg);

      }

      ul li input[type=checkbox] {

        position: absolute;

        cursor: pointer;

        width: 100%;

        height: 100%;

        z-index: 1;

        opacity: 0;

      }

      ul li input[type=checkbox]:checked ~ p {

        margin-top: 0;

        max-height: 0;

        opacity: 0;

        transform: translate(0, 50%);

      }

      ul li input[type=checkbox]:checked ~ i:before {

        transform: translate(2px, 0) rotate(45deg);

      }

      ul li input[type=checkbox]:checked ~ i:after {

        transform: translate(-2px, 0) rotate(-45deg);

      }

       

       

      @keyframes flipdown {

        0% {

          opacity: 0;

          transform-origin: top center;

          transform: rotateX(-90deg);

        }

        5% {

          opacity: 1;

        }

        80% {

          transform: rotateX(8deg);

        }

        83% {

          transform: rotateX(6deg);

        }

        92% {

          transform: rotateX(-3deg);

        }

        100% {

          transform-origin: top center;

          transform: rotateX(0deg);

        }

      }

      .yellow-line {

      border-top: 2px solid #ffb819;

      width: 40%;

      margin-bottom:15px;

      margin-top: 15px;

       

       

      }

          </style>  

          <div class="main_container" >

            <!--  Header  -->

            <table class="mktoContainer" id="mkto-container">

            <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">

              <tbody>

                <tr>

                  <td align="center">

                    <table class="full_width_700" width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="background-color: #003b49;">

                      <tbody>

                        <tr>

                          <td height="10" width="100%" style="height:10px;"></td>

                        </tr>

                        <tr>

                          <td>

                            <!--  Header Logo  -->

                            <table class="full_width_700 txt_center" width="65%" align="left" border="0" cellpadding="0" cellspacing="0">

                              <tbody>

                                <tr>

                                  <td> <a href="http://www.premierinc.com"> <img src="http://offers.premierinc.com/rs/381-NBB-525/images/plogo.png" width="230px" height="52px" border="0" style="margin:10px 5px 15px 66px;"> </a> </td>

                                </tr>

                              </tbody>

                            </table>

                            <!--  End Header Logo  --> </td>

                        </tr>

                      </tbody>

                    </table> </td>

                </tr>

              </tbody>

            </table>

            <!--  End Header  -->

            <!-- In Container -->

            <table class="in_container" border="0" cellpadding="0" cellspacing="0" width="100%" align="center">

              <tbody>

                <tr>

                  <td>

                    <!--  Hero  --> </td>

                </tr>

                <tr>

                  <td><img src="http://offers.premierinc.com/rs/381-NBB-525/images/mm-hero3.jpg" style="vertical-align:top;" width="100%" alt=""></td>

                </tr>

                <!--  End Hero  -->

                <!-- About  -->

              </tbody>

            </table>

            <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="ffffff" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#ffffff;">

              <tbody>

                <tr>

                  <td height="40px" width="100%" style="height:40px;"></td>

                </tr>

                <tr>

                  <td align="center">

                    <table class="full_width_600" width="70%" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;">

                      <tbody>

                        <tr>

                          <td>

                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                              <tbody>

                                <tr>

                                  <td align="left" width="54%" style="width:54%;">

                                    <div class="mktoText" id="title" mktoname="title">

                                      <p style="text-align:center; color: #676f84; font-family: 'Roboto Slab', serif; font-size: 28px; font-weight: 600; line-height:30px;">Salubrious. You know what that <br>means don’t you?</p>

                                    </div></td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                        <tr>

                          <td height="15px" width="100%" style="height:15px;"></td>

                        </tr>

                        <tr>

                          <td>

                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                              <tbody>

                                <tr>

                                  <td>

                                    <div class="mktoText" id="para1" mktoname="para1">

                                      <p style="text-align:center; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph.</p>

                                    </div> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                      </tbody>

                    </table> </td>

                </tr>

                <tr>

                  <td height="40px" width="100%" style="height:40px;"></td>

                </tr>

              </tbody>

            </table>

            <!-- End About  -->

            <!-- Split -->

            <table class="full_width_600" width="100%" cellpadding="0" align="center" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;background-color: #7a979f">

              <tbody>

                <tr>

                  <td>

                    <!--  right part  -->

                    <table class="full_width_700" width="70%" border="0" cellpadding="0" cellspacing="0" align="center">

                      <tbody>

                        <tr>

                          <td> </td>

                          <td>

                            <table border="0" cellpadding="0" cellspacing="0" align="center" class="quote_content_width">

                              <tbody>

                                <tr>

                                  <td width="100%" height="20"></td>

                                </tr>

                                <tr>

                                  <td>

                                    <!-- Text -->

                                    <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;">

                                      <tbody>

                                        <tr>

                                          <td> <img style="margin-bottom:20px;" src="http://offers.premierinc.com/rs/381-NBB-525/images/megaphone.png" alt="LineItemDetails" height="100" width="100">

                                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                                              <tbody>

                                                <tr>

                                                  <td align="center">

                                                    <div class="mktoText" id="title2" mktoname="title2">

                                                      <p style="text-align:center; color: #ffc627; font-family: 'Roboto Slab', serif; font-size: 25px; font-weight: 600; line-height:30px;">Word of Mouth</p>

                                                    </div></td>

                                                </tr>

                                              </tbody>

                                            </table> </td>

                                        </tr>

                                        <tr>

                                          <td height="15px" width="100%" style="height:15px;"></td>

                                        </tr>

                                        <tr>

                                          <td>

                                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                                              <tbody>

                                                <tr>

                                                  <td>

                                                    <div class="mktoText" id="para2" mktoname="para2">

                                                      <p style="text-align:center; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 22px;">Premier members working to identify and share best practices in sepsis prevention, detection and treatment recently reported an 18 percent overall decrease in sepsis mortality from 2008-2016. Dr. Madeleine Biondolillo, vice president of quality and safety at Premier, explains the keys to success in a recent interview with HFMA.</p>

                                                    </div> </td>

                                                </tr>

                                              </tbody>

                                            </table> </td>

                                        </tr>

                                      </tbody>

                                    </table>

                                    <!-- End Text --> </td>

                                </tr>

                                <tr>

                                  <td width="100%" height="30"></td>

                                </tr>

                                <tr>

                                  <td>

                                    <!--  Download Button  -->

                                    <table width="125" cellpadding="0" cellspacing="0" align="center" style="  border-radius:4px; border: 2px solid #ffc627;" class="center">

                                      <tbody>

                                        <tr>

                                          <td width="100%" height="10"></td>

                                        </tr>

                                        <tr>

                                          <td>

                                            <table width="100%" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;">

                                              <tbody>

                                                <tr>

                                                  <td align="center" style="text-align:center;">

                                                    <div class="mktoText" id="button1" mktoname="button1">

                                                      <p><a href="http://www.premierinc.com" style="text-decoration:none; display: block; width: 100%; color: #ffc627; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600;">Read More</a></p>

                                                    </div> </td>

                                                </tr>

                                              </tbody>

                                            </table> </td>

                                        </tr>

                                        <tr>

                                          <td width="100%" height="10"></td>

                                        </tr>

                                      </tbody>

                                    </table>

                                    <!--  End Download Button  --> </td>

                                </tr>

                                <tr>

                                  <td width="100%" height="30"></td>

                                </tr>

                              </tbody>

                            </table> </td>

                          <td> </td>

                        </tr>

                      </tbody>

                    </table>

                    <!--  end right part  --> </td>

                </tr>

              </tbody>

            </table>

            <!-- End Split -->

            <!-- Split -->

            <table class="full_width_600" width="100%" cellpadding="0" align="center" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;background-color: #0091b3">

              <tbody>

                <tr>

                  <td>

                    <!--  right part  -->

                    <table class="full_width_700" width="70%" border="0" cellpadding="0" cellspacing="0" align="center">

                      <tbody>

                        <tr>

                          <td> </td>

                          <td>

                            <table border="0" cellpadding="0" cellspacing="0" align="center" class="quote_content_width">

                              <tbody>

                                <tr>

                                  <td width="100%" height="20"></td>

                                </tr>

                                <tr>

                                  <td>

                                    <!-- Text -->

                                    <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;">

                                      <tbody>

                                        <tr>

                                          <td> <img style="margin-bottom:20px;" src="http://offers.premierinc.com/rs/381-NBB-525/images/gears.png" alt="LineItemDetails" height="100" width="100">

                                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                                              <tbody>

                                                <tr>

                                                  <td align="center">

                                                    <div class="mktoText" id="title3" mktoname="title3">

                                                      <p style="text-align:center; color: #ffc627; font-family: 'Roboto Slab', serif; font-size: 25px; font-weight: 600; line-height:30px;">Did You Know?</p>

                                                    </div></td>

                                                </tr>

                                              </tbody>

                                            </table> </td>

                                        </tr>

                                        <tr>

                                          <td height="15px" width="100%" style="height:15px;"></td>

                                        </tr>

                                        <tr>

                                          <td>

                                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                                              <tbody>

                                                <tr>

                                                  <td>

                                                    <div class="mktoText" id="para3" mktoname="para3">

                                                      <p style="text-align:center; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 22px;"> Countdown to Real ID Act. Effective Jan. 22, 2018, the Department of Homeland Security will no longer accept state-issued IDs or driver’s licenses for domestic flights from several states. Find out if your state meets the new federal standards. </p>

                                                    </div> </td>

                                                </tr>

                                              </tbody>

                                            </table> </td>

                                        </tr>

                                      </tbody>

                                    </table>

                                    <!-- End Text --> </td>

                                </tr>

                                <tr>

                                  <td width="100%" height="30"></td>

                                </tr>

                                <tr>

                                  <td>

                                    <!--  Download Button  -->

                                    <table width="125" cellpadding="0" cellspacing="0" align="center" style="  border-radius:4px; border: 2px solid #ffc627;" class="center">

                                      <tbody>

                                        <tr>

                                          <td width="100%" height="10"></td>

                                        </tr>

                                        <tr>

                                          <td>

                                            <table width="100%" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;">

                                              <tbody>

                                                <tr>

                                                  <td align="center" style="text-align:center;">

                                                    <div class="mktoText" id="button2" mktoname="button2">

                                                      <p><a href="http://www.premierinc.com" style="text-decoration:none; display: block; width: 100%; color: #ffc627; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600;">Read More</a></p>

                                                    </div> </td>

                                                </tr>

                                              </tbody>

                                            </table> </td>

                                        </tr>

                                        <tr>

                                          <td width="100%" height="10"></td>

                                        </tr>

                                      </tbody>

                                    </table>

                                    <!--  End Download Button  --> </td>

                                </tr>

                                <tr>

                                  <td width="100%" height="30"></td>

                                </tr>

                              </tbody>

                            </table> </td>

                          <td> </td>

                        </tr>

                      </tbody>

                    </table>

                    <!--  end right part  --> </td>

                </tr>

              </tbody>

            </table>

            <!-- End Split -->

            <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="ffffff" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#ffffff;">

              <tbody>

                <tr>

                  <td height="40px" width="100%" style="height:40px;"></td>

                </tr>

                <tr>

                  <td align="center">

                    <table class="full_width_600" width="90%" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;">

                      <tbody>

                        <tr>

                          <td>

                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                              <tbody>

                                <tr>

                                  <td align="left" width="54%">

                                    <div class="mktoText" id="checklisttitle" mktoname="checklisttitle">

                                      <p style="text-align:center; color: #676f84; font-family: 'Roboto Slab', serif; font-size: 28px; font-weight: 600; line-height:30px;">Your Checklist</p>

                                      <br>

                                      <p style="font-size:18px;text-align:center; color: #676f84; font-family: 'Roboto Slab', serif;font-weight: 600;">Weeks of Oct. 16 and 23</p>

                                    </div></td>

                                </tr>

                              </tbody>

                            </table>

                            <hr class="yellow-line"> </td>

                        </tr>

                        <tr>

                          <td height="15px" width="100%" style="height:15px;"></td>

                        </tr>

                        <tr>

                          <td>

                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                              <tr class="mktoModule" mktoname="Article Module" id="article_listing_module">

                                <td> </td>

                                <td>

                                  <div class="mktoText" id="listitem1" mktoname="listitem1">

                                    <p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;"> Don't Let the Flu Beat You | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Make an appointment to get your flu shot at one of our on-site clinics. Find out how. </span></p>

                                  </div>

                                  <hr style="border-top:1px; color:#999999;margin: 10px;"> </td>

                              </tr>

                            </table>

                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                              <tbody>

                                <tr>

                                  <td>

                                    <div class="mktoText" id="listitem2" mktoname="listitem2">

                                      <p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;"> Don't Let the Flu Beat You | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Make an appointment to get your flu shot at one of our on-site clinics. Find out how. </span></p><center><img src="http://offers.premierinc.com/rs/381-NBB-525/images/AMCP-Logo-annual2018.png" alt="" width="50%" style="display: block;" /></center>

                                    </div>

                                    <hr style="border-top:1px; color:#999999;margin: 10px;"> </td>

                                </tr>

                              </tbody>

                            </table>

                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                              <tbody>

                                <tr>

                                  <td>

                                    <div class="mktoText" id="listitem3" mktoname="listitem3">

                                      <p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;"> Don't Let the Flu Beat You | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Make an appointment to get your flu shot at one of our on-site clinics. Find out how. </span></p>

                                    </div>

                                    <hr style="border-top:1px; color:#999999;margin: 10px;"> </td>

                                </tr>

                              </tbody>

                            </table>

                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                              <tbody>

                                <tr>

                                  <td>

                                    <div class="mktoText" id="listitem4" mktoname="listitem4">

                                      <p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;"> Don't Let the Flu Beat You | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Make an appointment to get your flu shot at one of our on-site clinics. Find out how. </span></p>

                                    </div>

                                    <hr style="border-top:1px; color:#999999;margin: 10px;"> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                        <tr>

                          <td height="40px" width="100%" style="height:40px;"></td>

                        </tr>

                      </tbody>

                    </table>

                    <table class="full_width_600" width="90%" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;">

                      <tbody>

                        <tr>

                          <td>

                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                              <tbody>

                                <tr>

                                  <td align="left" width="54%">

                                    <div class="mktoText" id="eventtitle" mktoname="eventttitle">

                                      <p style="text-align:center; color: #676f84; font-family: 'Roboto Slab', serif; font-size: 28px; font-weight: 600; line-height:30px;">Upcoming Events</p>

                                      <br>

                                      <p style="font-size:18px;text-align:center; color: #676f84; font-family: 'Roboto Slab', serif;font-weight: 600;">Mark your calendar and save the date for these upcoming events:</p>

                                    </div></td>

                                </tr>

                              </tbody>

                            </table>

                            <hr class="yellow-line"> </td>

                        </tr>

                        <tr>

                          <td height="15px" width="100%" style="height:15px;"></td>

                        </tr>

                        <tr>

                          <td>

                            <table  width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                              <tbody>

                               <tr class="mktoModule" mktoname="Event Module" id="event_listing_module">

                                  <td>

                                    <div class="mktoText" id="event1" mktoname="event1">

                                      <p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;"> Oct. 17-18 | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Flu Shot Clinics | CLT Office, 9 a.m. - 4 p.m. </span></p>

                                    </div>

                                    <hr style="border-top:1px; color:#999999;margin: 10px;"> </td>

                                </tr>

                              </tbody>

                            </table>

                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                              <tbody>

                                <tr>

                                  <td>

                                    <div class="mktoText" id="event2" mktoname="event2">

                                      <p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;"> Oct. 17-18 | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Flu Shot Clinics | CLT Office, 9 a.m. - 4 p.m. </span></p>

                                    </div>

                                    <hr style="border-top:1px; color:#999999;margin: 10px;"> </td>

                                </tr>

                              </tbody>

                            </table>

                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                              <tbody>

                                <tr>

                                  <td>

                                    <div class="mktoText" id="event3" mktoname="event3">

                                      <p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;"> Oct. 17-18 | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Flu Shot Clinics | CLT Office, 9 a.m. - 4 p.m. </span></p>

                                    </div>

                                    <hr style="border-top:1px; color:#999999;margin: 10px;"> </td>

                                </tr>

                              </tbody>

                            </table>

                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                              <tbody>

                                <tr>

                                  <td>

                                    <div class="mktoText" id="event4" mktoname="event4">

                                      <p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;"> Oct. 17-18 | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Flu Shot Clinics | CLT Office, 9 a.m. - 4 p.m. </span></p>

                                    </div>

                                    <hr style="border-top:1px; color:#999999;margin: 10px;"> </td>

                                </tr>

                                 <tr>

                                  <td>

                                    <div class="mktoText" id="callou1" mktoname="callout1">

                                      <p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;padding-top:25px;"> Do you have something that needs to be published in Monday Minutes? <a style="color: #003b49;" href="url">link text</a></p>

                                    </div>

                                    <hr style="border-top:1px; color:#999999;margin: 10px;"> </td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                        <tr>

                          <td height="40px" width="100%" style="height:40px;"></td>

                        </tr>

                      </tbody>

                    </table>

                    <!--  Action  -->

                    <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="background-image: url(http://offers.premierinc.com/rs/381-NBB-525/images/share.jpg);background-repeat: no-repeat;">

                      <tbody>

                        <tr>

                          <td height="40" width="100%" style="height:40px;"></td>

                        </tr>

                        <tr>

                          <td>

                            <!--  Caption  -->

                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0; text-align:center;">

                              <tbody>

                                <tr>

                                  <td>

                                    <div class="mktoText" id="share" mktoname="share">

                                      <p style="color: #ffffff; font-family: 'Roboto Slab', serif; font-size: 30px; font-weight: 600;"> Have something to share?</p>

                                    </div> </td>

                                </tr>

                              </tbody>

                            </table>

                            <!--  End Caption  --> </td>

                        </tr>

                        <tr>

                          <td height="40" width="100%" style="height:40px;"></td>

                        </tr>

                        <tr>

                          <td align="center">

                            <!--  Download Button  -->

                            <table width="200" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background: #ffc627; border-radius:2px;" class="center">

                              <tbody>

                                <tr>

                                  <td width="100%" height="15"></td>

                                </tr>

                                <tr>

                                  <td>

                                    <table width="100%" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;">

                                      <tbody>

                                        <tr>

                                          <td align="center" style="text-align:center;">

                                            <div class="mktoText" id="button3" mktoname="button3">

                                              <p> <a href="http://www.premierinc.com" style="display: block; width: 100%; color: #000000; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 600; text-decoration:none; ">Let us know!</a></p>

                                            </div> </td>

                                        </tr>

                                      </tbody>

                                    </table> </td>

                                </tr>

                                <tr>

                                  <td width="100%" height="15"></td>

                                </tr>

                              </tbody>

                            </table>

                            <!--  End Download Button  --> </td>

                        </tr>

                        <tr>

                          <td height="40" width="100%" style="height:40px;"></td>

                        </tr>

                      </tbody>

                    </table>

                    <!--  End Action  -->

                    <!-- Bottom -->

                    <div id="footer">

                      <div id="logo"></div>

                      <div class="social_icons">

                        <div id="twiterr_icon"></div>

                        <div id="linkedin_icon"></div>

                        <div id="insta_icon"></div>

                        <div id="youtube_icon"></div>

                        <div id="fb_icon"></div>

                      </div>

                      <!-- end social_icons -->

                      <p style="font-size: 12px;text-align: center;color:#ffffff;padding-top: 10px;padding-left: 20px;">Premier Inc. 13034 Ballantyne Corporate Pl, Charlotte, NC 28277 | <a href="https://www.premierinc.com/contact-premier/" style="text-decoration: none;">Contact Us</a> | <a href="https://www.premierinc.com/careers/" style="text-decoration: none;">Careers</a></p>

                    </div>

                    <!-- Bottom --> </td>

                </tr>

              </tbody>

            </table>

            </table>

            <!-- End In Container -->

          </div>  

        </body>

      </html>

       

      shot.jpg

        • Re: Need help with adding multiple modules VERY frustrasting
          Frank Breen

          I see what you are looking to do here, but email 2.0 works slightly different, you can't nest your module in with all code, it needs on it's own within the container. Your HTML included lots of bad markup too, I fixed that, see the attached. I made each section a module so you could see it working, but what you need to do now is break up everything below 'Your Checklist' into modules.

           

          Currently this is what I have for you:

           

          Container

          1. Module (Header)
          2. Module (In Container 1)
          3. Module (In Container 2)
          4. Module (Split 1)
          5. Module (Split 2)
          6. Module (Footer)

           

          But a suggested module root for your design would be:

           

          Container

          1. Module (Logo)
          2. Module (Hero)
          3. Module (Body 1)
          4. Module (Body 2)
          5. Module (Body 3)
          6. Module (Check List)
          7. Module (Article Item)
          8. Module (Event)
          9. Module (Event Item)
          10. Module (Bottom CTA)
          11. Module (Footer)

           

          Please note I left these two lines of code in the html, I kept them for reference, you should remove them once you recode

           

          <!-- class="mktoModule" mktoname="Article Module" id="article_listing_module">-->
          <!-- class="mktoModule" mktoname="Event Module" id="event_listing_module">-->

            • Re: Need help with adding multiple modules VERY frustrasting
              Wes Whalen

              Thank you so much Frank for helping me out. Your the first to attempt to help me with my mess. You mentioned an attachment. I don't see anything. Must be missing something.

              • Re: Need help with adding multiple modules VERY frustrasting
                Wes Whalen

                Thank you for the html file. Attached is what I'm getting when I place the code in Marketo. I must be missing something. I see the content sections but no modules. These would need to be modules as well to add dates/articles. I apologize but how would I break them up into more modules? Like these..

                 

                 

                <table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                                    <tbody>

                                      <tr>

                                        <td><div class="mktoText" id="listitem3" mktoname="listitem3">

                                            <p style="text-align:left; color: #003b49; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px;"> Don't Let the Flu Beat You | <span style="color: #b4c0c5;text-align:left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px;font-weight: 900;">Make an appointment to get your flu shot at one of our on-site clinics. Find out how. </span></p>

                                          </div>

                                          <hr style="border-top:1px; color:#999999;margin: 10px;"></td>

                                      </tr>

                                    </tbody>

                                  </table>

                 

                 

                 

                <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;">

                                    <tbody>

                                      <tr>

                                        <td align="left" width="54%"><div class="mktoText" id="eventtitle" mktoname="eventttitle">

                                            <p style="text-align:center; color: #676f84; font-family: 'Roboto Slab', serif; font-size: 28px; font-weight: 600; line-height:30px;">Upcoming Events</p>

                                            <br>

                                            <p style="font-size:18px;text-align:center; color: #676f84; font-family: 'Roboto Slab', serif;font-weight: 600;">Mark your calendar and save the date for these upcoming events:</p>

                                          </div></td>

                                      </tr>

                                    </tbody>

                                  </table>

                 

                After this is created I am handing it off to HR to update as needed  / adding events and such.

                 

                Screen Shot 2018-09-20 at 2.49.17 PM.png