Skip to content

Instantly share code, notes, and snippets.

@stephanhuez

stephanhuez/mailchimp-newsletter-bootstrap.html

Forked from tompec/mailchimp-newsletter-bootstrap.html
Created April 14, 2019 19:20
Show Gist options
  • Save stephanhuez/0d1facf39dbcae4b9cc567d0bde093d3 to your computer and use it in GitHub Desktop.
Save stephanhuez/0d1facf39dbcae4b9cc567d0bde093d3 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @tompec tompec renamed this gist Oct 7, 2017. 1 changed file with 0 additions and 0 deletions.
    0 mailchimp-newsletter.html → mailchimp-newsletter-bootstrap.html
    View file
    File renamed without changes.
  2. @tompec tompec revised this gist Oct 7, 2017. 1 changed file with 8 additions and 11 deletions.
    19 changes: 8 additions & 11 deletions mailchimp-newsletter.html
    View file
    Original file line number Diff line number Diff line change
    @@ -9,11 +9,6 @@
    div.mce_inline_error {
    color: red;
    }

    div.mce_inline_error,
    #mce-responses {
    margin-top: 5px;
    }
    </style>
    </head>
    <body>
    @@ -28,12 +23,14 @@
    </div>

    <div class="mc-field-group">
    <label for="mce-EMAIL" class="sr-only">Email Address</label>
    <div class="input-group">
    <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" placeholder="Your email">
    <span class="input-group-btn">
    <button class="btn btn-default" type="submit">Subscribe</button>
    </span>
    <div class="form-group">
    <label for="mce-EMAIL" class="sr-only">Email Address</label>
    <div class="input-group">
    <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" placeholder="Your email">
    <span class="input-group-btn">
    <button class="btn btn-default" type="submit">Subscribe</button>
    </span>
    </div>
    </div>
    </div>

  3. @tompec tompec created this gist Oct 7, 2017.
    53 changes: 53 additions & 0 deletions mailchimp-newsletter.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,53 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>Mailchimp newsletter</title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <style>
    div.mce_inline_error {
    color: red;
    }

    div.mce_inline_error,
    #mce-responses {
    margin-top: 5px;
    }
    </style>
    </head>
    <body>
    <div class="container">
    <div class="row">
    <div class="col-sm-6 col-sm-offset-3">

    <form action="YOUR_MAILCHIMP_URL" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

    <div style="position: absolute; left: -5000px;" aria-hidden="true">
    <input type="text" name="b_f7fcffd059cde2df667ed71e0_b59497a580" tabindex="-1" value="">
    </div>

    <div class="mc-field-group">
    <label for="mce-EMAIL" class="sr-only">Email Address</label>
    <div class="input-group">
    <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" placeholder="Your email">
    <span class="input-group-btn">
    <button class="btn btn-default" type="submit">Subscribe</button>
    </span>
    </div>
    </div>

    <div id="mce-responses">
    <div class="response text-warning" id="mce-error-response" style="display:none"></div>
    <div class="response text-success" id="mce-success-response" style="display:none"></div>
    </div>

    </form>

    </div>
    </div>
    </div>

    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
    </body>
    </html>