<section class="py-20 2xl:py-40 bg-gray-800">
<div class="container px-4 mx-auto">
<div class="max-w-5xl mx-auto">
<div class="relative pt-16 px-6 lg:px-24 pb-20 bg-gray-600 rounded-3xl overflow-hidden">
<img class="absolute top-0 left-0" src="zospace-assets/lines/blue-half-circle.svg" alt="">
<img class="hidden lg:block absolute top-0 right-0 mt-6 mr-12" src="zospace-assets/images/stars.svg" alt="">
<img class="hidden lg:block absolute top-0 right-0 w-96 h-96 -mt-14 -mr-14" src="zospace-assets/lines/circle.svg" alt="">
<div class="relative">
<span class="text-base lg:text-lg text-white font-bold">More news</span>
<h3 class="mt-6 mb-12 text-5xl lg:text-6xl text-white font-bold font-heading">Subscribe now</h3>
<div class="sm:max-w-md mb-8 sm:flex sm:items-center sm:bg-white sm:rounded-full">
<span class="hidden sm:inline-block pl-2 sm:pl-6 lg:pl-10">
<svg width="37" height="37" viewbox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="18.5" cy="18.5" r="9.5" fill="#1F40FF" fill-opacity="0.15"></circle><circle cx="18.5" cy="18.5" r="18.5" fill="#1F40FF" fill-opacity="0.06"></circle><circle cx="18.5" cy="18.5" r="2.5" fill="#282C36"></circle></svg>
</span>
<input class="w-full sm:w-auto mb-4 sm:mb-0 pl-8 sm:pl-4 py-5 rounded-full placeholder-gray-900 font-bold focus:outline-none" type="email" placeholder="Drop your Email">
<button class="w-full sm:w-auto ml-auto px-10 py-5 text-white font-bold bg-blue-500 hover:bg-blue-600 rounded-full transition duration-200">Subscribe</button>
</div>
<p class="text-gray-200">
<span>The brown fox jumps over</span>
<span class="text-white">the lazy dog.</span>
</p>
</div>
</div>
</div>
</div>
</section>Framework
All Frameworks
UI Library
All Libraries
Components
- Alert 85
- Application 122
- Banner 20
- Blog 159
- Call to action 263
- Contact 97
- Content 14
- Content 128
- Cookies 105
- E-commerce (orders) 28
- E-commerce (products) 48
- FAQ 108
- Features 324
- Footer 125
- Footers 10
- Graphs 18
- HTTP codes 99
- Headers 226
- How it works 135
- Logo clouds 184
- Modals 9
- Navbar 68
- Navigation (horizontal) 238
- Navigation (vertical) 10
- Newsletter 113
- Portfolio 126
- Pricing 118
- Projects 9
- Reviews 10
- Sign in / Sign up 174
- Stats 107
- Ta general tables 7
- Tables 52
- Team 103
- Testimonials 130
- Users 25
Newsletter Components by Shuffle
Choose from 113 variations of Newsletter UI components. Presented here are variants available in various UI libraries.
Get access to all alert UI components, code and our visual editor. Try the demo for free!
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
