→ Ross Wille
→ Newsletter Form

Newsletter Form

Rounded newsletter form

This bootstrap css example is contributed by Ross Wille, on 19-Jul-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is Email campaign

Tags: Newsletter

Author Ross Wille

v.5.3

Fork Fullscreen

<section class="newsletter-section py-5 bg-light">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-8 text-center">
        <h2 class="display-4 mb-4">Stay Updated</h2>
        <p class="lead mb-5">Subscribe to our newsletter for the latest news, updates, and exclusive offers.</p>
        <form class="newsletter-form">
          <div class="input-group mb-3">
            <input type="email" class="form-control form-control-lg" placeholder="Enter your email" aria-label="Enter your email" required>
            <button class="btn btn-primary btn-lg" type="submit">Subscribe</button>
          </div>
          <div class="form-check text-start">
            <input class="form-check-input" type="checkbox" id="privacyCheck" required>
            <label class="form-check-label" for="privacyCheck">
              I agree to the <a href="#" class="text-decoration-none">Privacy Policy</a>
            </label>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>

More Examples

Newsletter section

Author:
Anonymous

10 months ago

1.4k

v.4.6
Newsletter CTA Section with Bootstrap 5
Clean and elegant Newsletter form

Author:
Anonymous

8 months ago

1.4k

v.5.3
Coming Soon Landing Page

Author:
Anonymous

8 months ago

1.5k

v.5.3
Expanding Cards
Expanding Cards

Author:
Rami AlAjo

3 months ago

1.5k

v.4.6
Search section

Author:
M Rashid

1 week ago

77

v.5.3
Button pair
sign up and login buttons

Author:
Anonymous

9 months ago

432

v.5.3
Pagination

Author:
Anonymous

10 months ago

888

v.5.3
Shopping cart design using Bootstrap 5
With order summary and promo code form

Author:
Kemaya m

10 months ago

10.3k

v.5.3
bootstrap 5 confirm modal

Author:
Anonymous

5 months ago

4.1k

v.5.3
Responsive footer using HTML and Bootstrap:
HTML: Error Title: A large, bold number (e.g., 404) to indicate the error type. Error Message: A brief message explaining the error. Button: A button to navigate back to the home page. Adjust the href attribute to point to your actual home page URL. CSS: Background Gradient: Applied to the body to give a stylish look. Error Container: Centered on the page with a semi-transparent background for contrast. Button Styling: Custom colors for the button, including hover effects. How to Use: Create an error.html file and paste the above code into it. Place the error.html file in your web server’s error pages directory or configure your server to serve this file on error.

Author:
zobaidul kaziex

9 months ago

3.6k

v.4.6
Boostrap Buttons
Basic Buttons - Standard button styles with different color variations Outline Buttons - Ghost buttons with colored borders that fill on hover Button Sizes - Three different size variations for different contexts Icon Buttons - Buttons with Bootstrap Icons integration Block Buttons - Full-width buttons using Bootstrap's grid system Button Groups - Grouped buttons for related actions Loading Buttons - Interactive buttons with loading spinners

Author:
Asmath

5 months ago

1.3k

v.5.3
Elegant Bootstrap Footer
with social media icons, newsletter forms, and other important links

Author:
Mateo Rojas

5 months ago

1.7k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent