<div class="container">
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <!-- top -->
    <rect height="10" width="80" x="0" y="0" />
    <!-- top fold -->
    <rect height="10" width="50" x="60" y="40" />
    <!-- break 1-->
    <rect height="10" width="10" x="80" y="10" />
    <!-- break 2-->
    <rect height="10" width="10" x="90" y="20" />
    <!-- left -->
    <rect height="110" width="10" x="0" y="0" />
    <!-- left fold-->
    <rect height="50" width="10" x="60" y="0" />
    <!-- left eye -->
    <rect height="20" width="10" x="30" y="30" />
    <!-- bottom -->
    <rect height="10" width="110" x="0" y="110" />
    <!-- mouth -->
    <rect height="10" width="30" x="40" y="70" />
    <!-- mouth left-->
    <rect height="10" width="10" x="30" y="80" />
    <!-- mouth right -->
    <rect height="10" width="10" x="70" y="80" />
    <!-- right -->
    <rect height="80" width="10" x="100" y="30" />
  </svg>
  <p>This page is dead</p>
</div>
@import url('https://fonts.googleapis.com/css?family=Teko');
body {
  background-color: #ddd;
  color: #535353;
  font-family: 'Teko', sans-serif;
  font-size: 48px;
  margin: 0;
  padding: 0;
}
.container {
  margin: 50px auto 0;
  text-align: center;
}
svg {
  height: 120px;
  width: 110px;
}
rect {
  fill: #535353;
}
Rerun