13 #newsletter Newsletter

The style for the newsletter module

Source: scss/components/newsletter/_newsletter.scss, line 1
Example
Newsletter
Markup
<section class="module module--petrol">
  <div class="module__content">
    <div class="module__kicker">Newsletter</div>
    <div class="newsletter">
      <div class="newsletter__deck">
        Ich will den mimacom Newsletter. Quo qui restem quisin. Und wenn lorem, dann ipsum.
      </div>
      <form class="newsletter__form " action="https://mimacom.createsend.com/t/i/s/tjmo/" method="post">
        <div class="row">
          <div class="col-md-4 col-sm-12">
            <input placeholder="E-Mail-Address" class="newsletter__input" id="fieldEmail" name="cm-tjmo-tjmo" type="email"
                   required/>
          </div>
          <div class="col-md-4 col-sm-12">
            <input placeholder="Name" class="newsletter__input" id="fieldName" name="cm-name" type="text"/>
          </div>
          <div class="col-md-4 col-sm-12">
            <select name="newsletter-language" required class="newsletter__input newsletter_input--select">
              <option value="">Please select a newsletter</option>
              <option value="cm-ol-tjmp">Newsletter XYZ</option>
              <option value="cm-ol-tjmn">Newsletter XYZ</option>
              <option value="cm-ol-tjmo">Newsletter XYZ</option>
              <option value="cm-ol-udblk">Newsletter XYZ</option>
              <option value="cm-ol-htblk">Newsletter XYZ</option>
              <option value="cm-ol-tjgdu">Newsletter XYZ</option>
              <option value="cm-ol-tjhiit">Newsletter XYZ</option>
              <option value="cm-ol-htbo">Newsletter XYZ</option>
            </select>
          </div>
        </div>
        <div class="row">
          <div class="col-md-9 col-sm-12">
            <div class="newsletter__input--checkbox">
              <label>
                <input class="" type="checkbox" required> Please accept the
              </label>
              <a class="" href="#!">terms of
                use</a>
            </div>
          </div>
          <div class="col-md-3 col-sm-12">
            <button type="submit" class="link link--white newsletter__submit">Submit</button>
          </div>
        </div>
        <div style="display: none;">
          <input class="hidden-checkbox" id="listtjmp" name="cm-ol-tjmp" type="checkbox"/>
          <input class="hidden-checkbox" id="listtjmn" name="cm-ol-tjmn" type="checkbox"/>
          <input class="hidden-checkbox" id="listudblk" name="cm-ol-udblk" type="checkbox"/>
          <input class="hidden-checkbox" id="listhtblk" name="cm-ol-htblk" type="checkbox"/>
          <input class="hidden-checkbox" id="listtjgdu" name="cm-ol-tjgdu" type="checkbox"/>
          <input class="hidden-checkbox" id="listhtbo" name="cm-ol-htbo" type="checkbox"/>
          <input class="hidden-checkbox" id="listtjhiit" name="cm-ol-tjhiit" type="checkbox"/>
          <input class="hidden-checkbox" id="listtjmo" name="cm-ol-tjmo" type="checkbox"/>
        </div>
      </form>
    </div>
  </div>
</section>
Source: scss/components/newsletter/_newsletter.scss, line 11