404 page

  <div style="text-align:center;font-size:3em;">
    <h3>404 PAGE!!!</h3>
    <div class="forbidden-sign"></div>
  </div>
  .forbidden-sign {
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 0.75em;
height: 0.75em;
position: relative;
border: 0.15em solid #C43536;
-webkit-border-radius: 1em;
border-radius: 1em;
font: normal 8em/normal Arial, Helvetica, sans-serif;
color: rgba(0,0,0,1);
-o-text-overflow: clip;
text-overflow: clip;
}

.forbidden-sign::after {
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 0.85em;
height: 0.15em;
position: absolute;
content: "";
top: 0.3em;
left: -0.05em;
border: none;
font: normal 100%/normal Arial, Helvetica, sans-serif;
color: rgba(0,0,0,1);
-o-text-overflow: clip;
text-overflow: clip;
background: #C43536;
text-shadow: none;
-webkit-transform: rotateZ(-45deg)   ;
transform: rotateZ(-45deg)   ;
}

Leave a Reply

Your email address will not be published. Required fields are marked *