EuroCMS Cookiebox

by Imri Paloja

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<div class="container">
  <table>
    <caption>EuroCMS - CookieBox</caption>
    <tr>
      <th>Type</th>
      <th>Info</th>
      <th>Enable</th>
    </tr>
    <tr>
      <td>Required</td>
      <td>This cookie is required</td>
      <td><input type="checkbox"></td>
    </tr>
    <tr>
      <td>Analytics</td>
      <td>seeing who is browsing us</td>
      <td><input type="checkbox"></td>
    </tr>
    <tr>
      <td>Ads</td>
      <td>Our Ads cookie?</td>
      <td><input type="checkbox"></td>
    </tr>
    <tr>
      <td>Socials</td>
      <td>Our Socials Cookie</td>
      <td><input type="checkbox"></td>
    </tr>
  </table>

  <p class="footer">EuroBytes B.V. (C) 2022</p>

</div>

CSS

html,
body {
  color: #454545;
}

.container {
  margin-top: 25px;
  border: 1px solid #CCCCCC;
  background: #F9F9F9;
  padding: 5px 25px 5px 25px;
  box-shadow: 1px 1px 1px #454545;
}

table caption {
  font-size: 20px;
  border-bottom: 1px solid #CCCCCC;
}


table {
  width: 100%;
}


p.footer {
  padding: 15px 2px 2px 2px;
  text-align: center;
  font-size: 20px;
}