2 Replies Latest reply on Dec 31, 2015 4:53 AM by Alok Ramsisaria

    landing page :: adding html blocks : div elements spanning multiple html widgets



      I have a landing page which the template is finished and I want to edit the LP to add some widgets to grab content from the token and a form.


      I want to add a CTA at the bottom of the screen that will stretch 100% across the screen but when I add the class to create the blue container, it only stretches to the size of the container (say 60-80% of the screen).


      When I add the HTML widget, I added a couple of divs that would be closed in a later HTML widget. For whatever reason, Marketo is not closing the divs as expected.



      HTML 1

      FORM 1

      HTML 2


      HTML 1:


      <div class="body-copy">

        <div class="body-section">

          <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12" id="extra-pad">



          <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">

              <div class="form-container">


      HTML 2:




      </div><!--body copy-->


      <div class="clearfix"></div>


      <div class="row">

        <div class="container">

          <div class="bg-blue">






      This does not work.


      I am using bootstrap as well, viewing the approved page yields a broken layout. The code shows that the form container was closed without adding the form.


      <div class="form-container">



      any guidance is appreciated. I also looked at the link below but wasn't helpful




      Adding Custom HTML to a Free-form Landing Page - Marketo Docs - Product Docs