20 lines
		
	
	
		
			982 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			20 lines
		
	
	
		
			982 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
<section class="py-5">
 | 
						|
  <div class="container px-5 mb-5">
 | 
						|
    <aside class="bg-primary bg-gradient rounded-3 p-4 p-sm-5">
 | 
						|
      <div class="d-flex align-items-center justify-content-between flex-column flex-xl-row text-center text-xl-start">
 | 
						|
        <div class="mb-4 mb-xl-0">
 | 
						|
          <div class="fs-3 fw-bold text-white">New products, delivered to you.</div>
 | 
						|
          <div class="text-white-50">Sign up for our newsletter for the latest updates.</div>
 | 
						|
        </div>
 | 
						|
        <div class="ms-xl-4">
 | 
						|
          <div class="input-group mb-2">
 | 
						|
            <input class="form-control" type="text" placeholder="Email address..." aria-label="Email address..." aria-describedby="button-newsletter" />
 | 
						|
            <button class="btn btn-outline-light" id="button-newsletter" type="button">Sign up</button>
 | 
						|
          </div>
 | 
						|
          <div class="small text-white-50">We care about privacy, and will never share your data.</div>
 | 
						|
        </div>
 | 
						|
      </div>
 | 
						|
    </aside>
 | 
						|
  </div>
 | 
						|
</section>
 |