Simple Human Verification #3 URL / File Locker Template

CSS CODE :

body {
  background: #555;
  padding: 20px;
}

h1 {
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
}

.container {
  max-width: 650px;
  background: #DDD;
  margin: 5% auto;
  box-shadow: 0 0 3px #333;
  border-radius: 5px;
}

.top-bar {
  background: #FFF;
  padding: 10px;
  box-shadow: 0 4px 2px -2px #AAA;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.bottom-bar {
  background: #FFF;
  padding: 20px;
  box-shadow: 0 -4px -2px 2px #AAA;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  text-align: center;
  font-weight: bold;
}

.center-box {
  min-height: 200px;
  padding: 20px;
  text-align: center;
  font-size: 1.2em;
}

.offer_help_text {
  display: none;
}

HTML CODE :

<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1"/>
<div class="display">
<div class="container">
   <div class="top-bar">
      <h1>HUMAN VERIFICATION PROCESS</h1>
   </div>
   <div class="center-box">
      {%anchor_text%}<br/><br/>
      {%offers%}
   </div>
   <div class="bottom-bar">
      <img src="https://i.imgur.com/ryeRrxX.gif"/><br/><br/>
      Note: It will take 2-3 minutes to complete any offer. After completion this process will unlock immediately.
   </div>
</div>
</div>