<div class="fixed bottom-0 right-0 z-50 px-4 lg:px-10 pb-16">
<div class="relative p-14 bg-gray-500 rounded-xl">
<div class="absolute top-0 -mt-6 left-0 ml-12 w-14 h-14 bg-gray-500" style="clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);"></div>
<div class="flex flex-wrap items-center -mx-4">
<div class="w-full md:w-auto px-4 mb-4 lg:mb-0">
<h3 class="mb-2 text-2xl font-bold font-heading text-white">Cookie Policy</h3>
<p class="max-w-xs text-gray-200 leading-loose">By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation...</p>
</div>
<div class="w-full md:w-1/3 px-4 flex">
<a class="inline-flex ml-auto items-center px-8 py-4 mr-2 text-lg text-white hover:text-gray-100 font-bold" href="#">
<span>More</span>
<svg class="ml-3 w-6 h-4" width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.0851 7.66792L19.398 14.355L18.5621 13.5192L24.242 7.83927L0.590432 7.84345L0.590431 6.66485L24.242 6.66067L18.98 1.39873L19.8159 0.562843L26.0851 6.83202C26.3159 7.06286 26.3159 7.43708 26.0851 7.66792Z" fill="white"></path>
</svg>
</a>
<a class="inline-block px-12 py-4 text-lg bg-transparent text-white font-bold border border-gray-300 hover:border-gray-200 rounded-full" href="#">Accept</a>
</div>
</div>
</div>
</div>Framework
All Frameworks
UI Library
All Libraries
Components
- Alert 266
- Application 226
- Banners 98
- Benefits 16
- Blog 285
- Breadcrumbs 24
- Call to action 403
- Cards 29
- Careers 40
- Confirmation 6
- Contact 189
- Content 217
- Cookies 193
- Dashboards 13
- Download 5
- E-commerce (orders) 63
- E-commerce (products) 120
- FAQ 185
- Features 514
- Footers 264
- Forms 9
- Gallery 5
- Graphs 65
- HTTP codes 211
- Hero section 350
- How it works 224
- Instagram photos 5
- Integrations 5
- Logo clouds 344
- Modals 42
- Navbar 305
- Navigation (horizontal) 432
- Navigation (vertical) 23
- Newsletter 218
- Notifications 7
- Paginations 12
- Portfolio 184
- Pricing 221
- Product info 5
- Projects 15
- Reviews 42
- Rich text 6
- Sign in / Sign up 335
- Snackbars 10
- Stats 281
- Tables 158
- Team 206
- Testimonials 244
- Users 59
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
Cookies Components by Shuffle
Choose from 193 variations of Cookies 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!
