Template notes

[dohtml]
<link href="https://fonts.googleapis.com/css?family=Lato|Montseratt:800" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>
#hanie-desc{
  width: 250px;
  height: 200px;
  background: #222;
  position: relative;
  margin: 0px auto;
  overflow: hidden;
  border-left: 7px solid #eee;
  border-top: 7px solid #eee;
  outline: 1px solid #000;
}

#hanie-desc .base{
  top: 0px;
  width: 250px;
  height: 200px;
  background: #fff;
}

#hanie-desc .title{
  font-family: 'Montseratt', sans-serif;
  font-size: 18px;
  font-weight: 800;
  position: relative;
  position: absolute;
  top: 18px;
  left: 4px;
  width: 250px;
  background: transparent;
  color: #000;
  letter-spacing: 4px;
  line-height: 30px;
}

#hanie-desc t1{
  text-transform: uppercase;
  color: #000;
  border-bottom: 3px solid #000;
}

#hanie-desc .textbox{
  position: absolute;
  top: 63px;
  left: 30px;
  font-family: 'Times';
  font-size: 11px;
  font-weight: 500;
  width: 153px;
  height: 70px;
  background: #eee;
  color: #000;
  letter-spacing: 0.5px;
  text-align: justify;
  padding: 20px;
  line-height: 14px;
  border-bottom: 1.5px solid #000;
}

</style>

<center>
<div id="hanie-desc">

    <div class='base'>
        <div class="title">
           <t1>n</t1>OTES
        </div>

        <div class="textbox">

          feel free to use the template!
          don't hesitate to ask me if you got any questions
          and <i>minor changes are allowed</i>
          as long as you leave the credit as it is .<br>
        </div>

    </div>

</div>
</center>
[/dohtml]