<section class="relative overflow-hidden">
<img class="absolute bottom-0 md:top-0 right-0 h-96 md:h-auto" src="uinel-assets/elements/ecommerce-banners/line-circle.svg" alt="">
<div class="md:absolute top-0 left-0 md:w-1/3 lg:w-2/5 h-full">
<img class="h-32 md:h-full w-full md:w-auto" src="uinel-assets/images/ecommerce-banners/frame-color.png" alt="">
<img class="md:absolute bottom-0 left-0 md:ml-12 lg:ml-32 h-40 md:h-5/6 w-full md:w-auto object-cover object-left" src="uinel-assets/images/ecommerce-banners/phone-placeholder.png" alt="">
</div>
<div class="relative container px-4 mx-auto">
<div class="w-full md:w-1/2 lg:w-2/5 ml-auto py-24 md:py-40">
<h1 class="mb-10 text-9xl md:text-10xl xl:text-12xl leading-tight font-heading font-medium">New generation.</h1>
<p class="mb-14 md:mb-32 text-darkBlueGray-400">Or something has gone wrong.</p>
<a class="inline-block py-4 px-10 text-xl leading-8 text-white font-heading font-medium tracking-tighter text-center bg-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 hover:bg-blue-600 rounded-xl" href="#">Shop now</a>
</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
Banner Components by Shuffle
Choose from 45 variations of Banner 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
Component #6
Component #7
Component #8
Component #9
Component #10
