Component for the consent of cookies, see the example and code below.
The code to generate the component is this:
<!-- cookies -->
<nav class="fixed-bottom bg-light navbar-cookies" id="navbar-cookies">
<div class="body">
<div class="description">
<p>To improve your experience on the site we use cookies to personalize content and ads.</p>
<p>Click Accept and close to consent to the use of cookies, visit <a href="#">privacy policy</a> for more information or do <a href="#" id="cookies-details">here</a> the Cookie Management.</p>
</div>
<div class="action">
<a target="_blank" rel="noopener noreferrer" class="btn btn-success btn-block animated shake" href="#" id="cookies-accept">Accept and continue</a>
</div>
</div>
<ul class="details" id="cookies-details-list">
<li>
<strong>Google Analytics</strong> <span>Required</span>
</li>
<li>
<strong>Customization</strong> <span>Required</span>
</li>
<li>
<strong>Conservation and access to information</strong>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="cookie-conservacao" checked>
<label class="custom-control-label" for="cookie-conservacao"> </label>
</div>
</li>
<li>
<strong>Selection, availability, communication of advertisements</strong>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="cookie-anuncios" checked>
<label class="custom-control-label" for="cookie-anuncios"> </label>
</div>
</li>
<li>
<strong>Selection, availability, content communication</strong>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="cookie-conteudo" checked>
<label class="custom-control-label" for="cookie-conteudo"> </label>
</div>
</li>
</ul>
</nav>
<!--/ cookies -->