Desktop design

Error state

Success state

Mobile design

Newsletter sign-up form with success message

<h1 class="card-title px-3 text-center"><strong>Stay updated!</strong></h1>

<p class="card-text px-3">Join 60,000+ product managers receiving monthly updates on:</p>

<p class="card-text px-3">
            <img src="./assets/images/icon-list.svg" alt="icon-list">
            <small class="text-body-emphasis">
              Product discovery and building what matters
            </small>
          </p>

<p class="card-text px-3">
            <img src="./assets/images/icon-list.svg" alt="icon-list">
            <small class="text-body-emphasis">
              Measuring to ensure updates are a success
            </small>
          </p>

<label for="sign-up-form" class="form-label">Email address</label>

<div class="attribution mt-auto">
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
    Coded by <a href="https://portofolio-misaponce.vercel.app/">Misael Ponce</a>.
  </div>

Please log in to post a comment

Community feedback

Newsletter sign-up form HTML CSS JS BS5

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community