<div class="fixed bottom-0 inset-x-0 z-50 overflow-hidden bg-white">
<div class="relative container px-4 mx-auto">
<img class="absolute bottom-0 right-0 lg:left-0" src="saturn-assets/images/cookies/cookies-big.svg" alt="">
<div class="relative py-10 max-w-4xl mx-auto">
<div class="flex flex-wrap -mx-4 items-center">
<div class="w-full lg:w-2/3 px-4 mb-8 lg:mb-0">
<div class="lg:ml-auto xl:ml-0 max-w-md">
<p class="text-gray-500 mb-3">By clicking "Accept all cookies" you consent to cookies being stored on your device to improve website.</p>
<a class="inline-flex items-center text-orange-900 hover:text-gray-700 font-semibold" href="#">
<span class="mr-3">Read Our Data Policy</span>
<svg width="13" height="13" viewbox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.92 0.62C12.8185 0.375651 12.6243 0.181475 12.38 0.0799999C12.2598 0.028759 12.1307 0.00157999 12 0H2C1.73478 0 1.48043 0.105357 1.29289 0.292893C1.10536 0.48043 1 0.734784 1 1C1 1.26522 1.10536 1.51957 1.29289 1.70711C1.48043 1.89464 1.73478 2 2 2H9.59L1.29 10.29C1.19627 10.383 1.12188 10.4936 1.07111 10.6154C1.02034 10.7373 0.994202 10.868 0.994202 11C0.994202 11.132 1.02034 11.2627 1.07111 11.3846C1.12188 11.5064 1.19627 11.617 1.29 11.71C1.38296 11.8037 1.49356 11.8781 1.61542 11.9289C1.73728 11.9797 1.86799 12.0058 2 12.0058C2.13201 12.0058 2.26272 11.9797 2.38458 11.9289C2.50644 11.8781 2.61704 11.8037 2.71 11.71L11 3.41V11C11 11.2652 11.1054 11.5196 11.2929 11.7071C11.4804 11.8946 11.7348 12 12 12C12.2652 12 12.5196 11.8946 12.7071 11.7071C12.8946 11.5196 13 11.2652 13 11V1C12.9984 0.869323 12.9712 0.740222 12.92 0.62Z" fill="currentColor"></path>
</svg>
</a>
</div>
</div>
<div class="w-full lg:w-1/3 px-4">
<div class="flex items-center lg:justify-end"><a class="inline-block mr-4 py-3 px-5 text-sm font-semibold text-orange-900 border border-gray-200 rounded-md hover:border-orange-900 transition duration-200" href="#">Decline</a><a class="inline-block py-3 px-5 text-sm font-semibold text-orange-50 bg-orange-900 hover:bg-gray-900 rounded-md transition duration-200" href="#">Accept all cokies</a></div>
</div>
</div>
</div>
</div>
</div>Framework
All Frameworks
UI Library
All Libraries
Components
- About us 5
- Advanced inputs 18
- Alert 356
- Application 236
- Banners 106
- Benefits 16
- Blog 305
- Brands 3
- Breadcrumbs 31
- Call to action 445
- Cards 43
- Careers 50
- Contact 210
- Content 226
- Cookies 205
- Dashboards 13
- Download 10
- Dropdowns 4
- E-commerce (orders) 93
- E-commerce (products) 145
- Empty state 4
- FAQ 203
- Features 570
- Footers 292
- Forms 9
- Gallery 5
- Graph tiles 3
- Graphs 93
- HTTP codes 233
- Hero section 392
- How it works 237
- Instagram photos 9
- Integrations 8
- Logo clouds 353
- Modals 48
- Navbar 325
- Navigation (horizontal) 468
- Navigation (vertical) 32
- Newsletter 236
- Notifications 11
- Paginations 16
- Portfolio 184
- Pricing 245
- Product info 5
- Projects 26
- Reviews 46
- Rich text 6
- Search 3
- Services 5
- Sign in / Sign up 373
- Snackbars 10
- Stats 325
- Steps 12
- Tables 195
- Tabs 2
- Team 221
- Testimonials 272
- Toasts 6
- Users 67
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 205 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!
