Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><meta content="text/html; charset=UTF-8" http-equiv="content-type"><title>Dalekovod politika pristupa</title>


<style>
  html {
    background-color: #c3ced4;
    font-family: Arial, Tahoma,Verdana;
    font-size:16px;
  }

  .mainTable{
    width: 650px;
    height: auto;
    margin: 0 auto;
    position: relative;
    margin-top: 50px;
    border-radius: 10px;
    display: table;
    box-shadow: 0px 0px 24px rgba(0,0,0,0.7);
  }

  .mainTable td {
    padding:20px;
  }

  .tdHead {
    background: #f4f4f4;
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #cecece 100%);
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#cecece 100%);
    background: linear-gradient(to bottom,  #f4f4f4 0%,#cecece 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#cecece',GradientType=0 );
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .tdMiddle {
    background-color: #fbfbfb;
    border-top: 1px solid #afafaf;
  }

  .tdMiddle p{
    margin-left:10px;
   }

  .tdMiddle p span.l{
    font-weight:600;
    margin-left:20px
  }
  .tdMiddle p span.d{
    font-weight:300;
    padding-left:10px;
  }
  td.tdBottom {
    background-color:white;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    padding:5px 15px;
    border-top: 1px solid #cacaca;
  }
  .tdBottom img {
    display:block;
    height:70px;
  }
  .stopSign {
    width:64px;
    height:64px;
    display:block;
    float:left;
    margin-right:20px;
  }
  h1 {
    display: block;
    float: left;
    font-size: 26px;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
  }
  .goBack {
    margin-left:20px;
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    border-radius:8px;
    cursor:pointer;
    margin:10px 0 0 20px;
  }
  .goBack:hover {
    background-color: #368a3a;
  }

</style>
</head><body>

<table class="mainTable" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="tdHead">
      <img src="https://s17.postimg.org/em548jc9n/stop.png" class="stopSign">
      <h1>Pristupate blokiranom internet sadržaju</h1>
    </td>
  </tr>
  <tr>
    <td class="tdMiddle">
      <p>Pristupate internet sadržaju iz Dalekovod mreže koji se nadzire</p>
      <p><span class="l">Vaše korisničko ime:</span><span class="d">$(user.name)</span></p>
      <p><span class="l">Blokirani URL:</span><span class="d">$(url.host)</span></p>
      <p><span class="l">Kategorija URLa:</span><span class="d">$(cs-categories)</span></p>
      <p><span class="l">Kategorija blokiranja:</span><span class="d">$(exception.category)</span></p>
      <p><button class="goBack" onclick="goBack()">Povratak na prethodnu stranicu</button></p>
    </td>
  </tr>
  <tr>
    <td class="tdBottom">
      <img alt="Dalekovod" src="https://s17.postimg.org/nsnevthi3/DISK_HNZ.jpg">
    </td>
  </tr>
</table>
<script>
function goBack() {
    window.history.back();
}
</script>
</body></html>