<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 245
- Application 161
- Applications 5
- Banner 45
- Blog 209
- Call to action 318
- Careers 20
- Contact 130
- Contacts 5
- Content 172
- Cookies 153
- E-commerce (orders) 56
- E-commerce (products) 93
- FAQ 136
- Features 402
- Footers 186
- Graphs 46
- HTTP codes 153
- Headers 276
- How it works 171
- Logo clouds 246
- Modals 15
- Navbar 140
- Navigation (horizontal) 302
- Navigation (vertical) 14
- Navigations 4
- Newsletter 163
- Portfolio 147
- Pricing 160
- Projects 9
- Reviews 20
- Rich text 3
- Sign in / Sign up 236
- Stats 219
- Tables 5
- Tables 132
- Team 147
- Testimonials 179
- Users 59
Component #1
Newsletter Components by Shuffle
Choose from 163 variations of Newsletter UI components. Presented here are variants available in various UI libraries.
Get access to all UI components, code, and our visual editor. Try the demo for free!
Component #2
Component #3
Component #4
Component #5
