<section class="position-fixed bottom-0 start-0 w-100 p-4">
<div class="position-relative mw-7xl mx-auto py-8 px-12 bg-black bg-opacity-75 rounded-5"><a class="position-absolute top-0 end-0 m-6" href="#"><img src="nightsable-assets/images/cookies/close-white.png" alt=""></a>
<div class="container position-relative">
<div class="row align-items-center">
<div class="col-12 col-lg-6 col-xl-8 mb-8 mb-lg-0">
<h3 class="mb-2 fs-6 fw-medium">Cookie Consent</h3>
<p class="fs-9 text-secondary-light mb-0">In order to provide you with a more personal user experience, we and our selected third parties use cookies or similar technologies for technical purposes and, with your consent, for “basic interactions & functionalities”, “experience enhancement”, “measurement” and “targeting & advertising”. Denying consent may make related features unavailable. You can freely give, deny, or withdraw your consent at any time.Use the “I accept” button to consent to the use of such technologies.</p>
</div>
<div class="col-12 col-lg-6 col-xl-4">
<div class="d-flex flex-column flex-sm-row gap-4 justify-content-lg-end"><a class="btn btn-primary fw-medium" href="#">Accept All Cookies</a><a class="btn btn-outline-light fw-medium" href="#">Settings</a></div>
</div>
</div>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
