Newsletter

• Posted: December 11, 2015
• / By: Magda
• / In:

HTML markup

CSS

<form class="ct-newsletter__form form-group from-inline"> <label for="newsletter-input" class="ct-newsletter__label">E-mail Address</label> <input type="email" id="newsletter-input" placeholder="Enter your E-mail" required class="ct-newsletter__input form-control"> <button type="submit" class="btn btn-default ct-newsletter__button"><span class="ct-newsletter__submit">Subscribe</span><span class="ct-newsletter__wait"><i class="fa fa-spinner"></i></span> </button><span class="ct-newsletter__subscribed">Thank you for subscribing</span> </form>

1 2 3 4 5 6

<form class="ct-newsletter__form form-group from-inline">   <label for="newsletter-input" class="ct-newsletter__label">E-mail Address</label>   <input type="email" id="newsletter-input" placeholder="Enter your E-mail" required class="ct-newsletter__input form-control">   <button type="submit" class="btn btn-default ct-newsletter__button"><span class="ct-newsletter__submit">Subscribe</span><span class="ct-newsletter__wait"><i class="fa fa-spinner"></i></span>   </button><span class="ct-newsletter__subscribed">Thank you for subscribing</span> </form>

Screenshots

Newsletter