<!-----BEGGINING OF NEWSLETTER SECTION----->

<section
  data-test="page-section"
  
  data-section-theme="bright"
  class='page-section
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--medium
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    bright'
  
  data-section-id="634b81b367e9e6003c7d487b"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
                "imageOverlayOpacity": 0.15,
                "backgroundWidth": "background-width--full-bleed",
                "sectionHeight": "section-height--medium",
                "horizontalAlignment": "horizontal-alignment--center",
                "verticalAlignment": "vertical-alignment--middle",
                "contentWidth": "content-width--wide",
                "customContentWidth": 50,
                "sectionTheme": "bright",
                "sectionAnimation": "none",
                "backgroundMode": "image"
              }"
  data-current-context="{
                "video": {
                  "playbackSpeed": 0.5,
                  "filter": 1,
                  "filterStrength": 0,
                  "zoom": 0,
                  "videoSourceProvider": "none"
                },
                "backgroundImageId": null,
                "backgroundMediaEffect": {
                  "type": "none"
                },
                "typeName": "page"
              }"
  data-animation="none"
  data-fluid-engine-section
   
  
  
>
  <div class="section-border">
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class="content-wrapper"
    style='
      
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>.fe-634b81b370699039f1d2122c {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(8,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
}

@media (min-width: 768px) {
  .background-width--inset .fe-634b81b370699039f1d2122c {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-634b81b370699039f1d2122c {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(17,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-634b81b3a71627b4034e20e9 {
    grid-area: 1/2/9/10;
    z-index: 1;
  }

  .fe-block-634b81b3a71627b4034e20e9 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-634b81b3a71627b4034e20e9 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-634b81b3a71627b4034e20e9 {
      grid-area: 1/8/15/20;
      z-index: 1;
    }

    .fe-block-634b81b3a71627b4034e20e9 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-634b81b3a71627b4034e20e9 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

</style><div class="fluid-engine fe-634b81b370699039f1d2122c"><div class="fe-block fe-block-634b81b3a71627b4034e20e9"><div class="sqs-block newsletter-block sqs-block-newsletter" data-block-type="51" id="block-634b81b3a71627b4034e20e9"><div class="sqs-block-content">



<div class="newsletter-form-wrapper
   newsletter-form-show-name
  newsletter-form-wrapper--layoutStack
  newsletter-form-wrapper--alignCenter
  
  "
  >
  <form
     class="newsletter-form"
     data-form-id="616df67ec790f22a0bccd38a"
     
     autocomplete="on"
     method="POST"
     novalidate
     onsubmit="return (function (form) {
    Y.use('squarespace-form-submit', 'node', function usingFormSubmit(Y) {
      (new Y.Squarespace.FormSubmit(form)).submit({
        formId: '616df67ec790f22a0bccd38a',
        collectionId: '616df67ec790f22a0bccd38c',
        objectName: '634b81b3a71627b4034e20e9'
      });
    });
    return false;
  })(this);">
    <header class="newsletter-form-header">
      <h2 class="newsletter-form-header-title">Preach to my Inbox!</h2>
      <div class="newsletter-form-header-description"><p class="" style="white-space:pre-wrap;">Sign up to receive periodic devotionals and updates.</p></div>
    </header>
    <div class="newsletter-form-body">
      <div class="newsletter-form-fields-wrapper form-fields" style="vertical-align: middle;">
        
          
            
          
            
              <fieldset id="name-yui_3_17_2_1_1552579698432_3882" class="newsletter-form-name-fieldset form-item fields name required" style="vertical-align: bottom;">
                <div class="newsletter-form-field-wrapper field first-name">
                  <label class="newsletter-form-field-label title">First Name</label>
                  <input class="newsletter-form-field-element field-element field-control" name="fname" x-autocompletetype="given-name" type="text" spellcheck="false" placeholder="First Name" maxlength="30" data-title="First" />
                </div>
                <div class="newsletter-form-field-wrapper field last-name">
                  <label class="newsletter-form-field-label title">Last Name</label>
                  <input class="newsletter-form-field-element field-element field-control" name="lname" x-autocompletetype="surname" type="text" spellcheck="false" placeholder="Last Name" maxlength="30" data-title="Last" />
                </div>
              </fieldset>
            
          
        
        
          
            <div id="email-yui_3_17_2_1_1552579698432_3881" class="newsletter-form-field-wrapper form-item field email required" style="vertical-align: bottom;">
              <label class="newsletter-form-field-label title" for="email-yui_3_17_2_1_1552579698432_3881-field">Email Address</label>
              <input id="email-yui_3_17_2_1_1552579698432_3881-field" class="newsletter-form-field-element field-element" name="email" x-autocompletetype="email" autocomplete="email" type="email" spellcheck="false" placeholder="Email Address" />
            </div>
          
        
          
        
      </div>
      <div data-animation-role="button" class="newsletter-form-button-wrapper submit-wrapper" style="vertical-align: middle;">
        <button
          class="
            newsletter-form-button
            sqs-system-button
            sqs-editable-button-layout
            sqs-editable-button-style
            sqs-editable-button-shape
            sqs-button-element--primary
          "
          type="submit"
          value="Sign Up"
        >
          <span class="newsletter-form-spinner sqs-spin light large"></span>
          <span class="newsletter-form-button-label">Sign Up</span>
          <span class="newsletter-form-button-icon"></span>
        </button>
      </div>
      
        <div class="model"></div>
        
      
    </div>
    <div class="newsletter-form-footnote"></div>
    <div class="hidden form-submission-text"><p class="" style="white-space:pre-wrap;">Thank you for your support of Preaching for God’s Glory! You should receive an email to confirm your desire to receive email updates. Check your spam folder for this email and be sure to confirm that you want to receive these emails.<br><br>Blessings in Christ, <br><br>Adam Markley</p></div>
    <div class="hidden form-submission-html" data-submission-html=""></div>
  </form>
</div>
</div></div></div></div></div>
    </div>
  </div>
  
</section>
<!STOP HERE>

Code for Newsletter

(from “/newsletter” page)