Basiq (thread)

<link href="https://fonts.googleapis.com/css?family=Open+Sans|Montserrat:700" rel="stylesheet">

<style>
#bazic{
  width: 480px;
  padding-bottom: 110px;
  outline: 1px solid #a9b1c6;
  border: 10px solid #fff;
  background: #f1eccd;
  position: relative;
  margin: 20px auto;
}

#bazic .header{
  position: relative;
  width:400px;height:250px;
  top: 45px;
  border: 5px solid #fff;
  outline: 1px solid #a9b1c6;
}

#bazic .bg{
  position: absolute;
  top: 0px;
  width: 480px;
  height: 180px;
  background: #f2d4c6;
}

#bazic .bg2{
  position: absolute;
  bottom: 0px;
  width: 480px;
  height: 180px;
  background: #f2d4c6;
}

#bazic .textbox{
  position: relative;
  top: 70px;
  width: 322px;
  border: 45px solid #fff;
  background: #fff;
  outline: 1px solid #a9b1c6;
  text-align: justify;
  letter-spacing: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 9px;
  line-height: 13px;
  color: #000;
}

#bazic b{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 10px;
  color: #8790a8;
  font-style: bold;
  margin-right: 5px;
}

#bazic i{
  color: #dbc57e;
  font-style: italic;
}

#bazic u{
  text-decoration: none;
  border-bottom: 0.5px dashed #ed8e5e;
  color: #888;
}

#bazic .tag{
  position: absolute;
  bottom: 15px;
  right: 15px;
  padding: 10px 10px 10px 10px;
  background: #fff;
  background-size: 400px;
  outline: 1px solid #a9b1c6;
  text-align: justify;
  letter-spacing: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 8.5px;
  line-height: 13px;
  color: #000;
}

#bazic c{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 10px;
  color: #e0b3a0;
  font-style: bold;
  margin-right: 5px;
}

</style>
<center>
<div id="bazic">

    <div class="bg"></div>
    <div class="bg2"></div>

    <div class="header">
       <a href="https://shadowplayers.jcink.net/index.php?showuser=95" title="hanie ©"><img src="https://i.imgur.com/hFddXAu.png" style="width:400px;"></a>
       <div class="tag"><c>TAGS: </c> ## put some tags here </div>
    </div>

    <div class="textbox">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel est velit. Suspendisse dapibus ex sit amet dapibus vehicula. <b>In suscipit elementum pellentesque. Curabitur lacus urna, euismod et consequat sed, ultricies sit amet massa.</b> Aenean id ipsum at orci pulvinar sollicitudin vel et nisl. Phasellus lobortis leo sit amet velit sodales, eu luctus risus iaculis. Aenean aliquet purus eu turpis eleifend rutrum.
      <p>
      Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed et orci neque. Donec tristique sem vitae blandit vehicula. Maecenas lobortis, dolor eu pulvinar sodales, nisl dolor sagittis orci, accumsan congue velit tortor vel justo. Mauris a urna ultricies, aliquam nibh ac, vulputate mi. Proin in pretium odio. <i>Suspendisse vitae nisl lectus. Suspendisse congue, erat sed accumsan egestas, leo nunc egestas diam, eget eleifend neque velit at ligula</i> Aliquam id urna sed arcu vehicula laoreet. Fusce convallis elit id ullamcorper pulvinar. Suspendisse consequat arcu ac tortor tincidunt finibus. Proin vehicula ligula id nibh elementum, at aliquet justo maximus.
      <p>
      Aenean blandit vulputate egestas. Etiam mollis lectus id sem commodo, vel scelerisque nisl sodales. <u>Proin facilisis porta dui, nec tempor magna iaculis eget. Aenean lacus sapien, eleifend in eros id, elementum hendrerit nisi. Integer vulputate nec justo vitae fermentum</u>. Integer quis leo eros. Mauris vel vestibulum metus, nec eleifend est.
      <p>
      Maecenas pretium justo et ligula lobortis ullamcorper. Nulla varius nisl neque, in scelerisque ex iaculis vitae. Cras hendrerit ante dolor, at egestas urna facilisis eu. Mauris euismod, massa a ornare hendrerit, purus libero consectetur ante, non sollicitudin enim ante ac risus. Integer quis ornare ante. Duis luctus sollicitudin libero a bibendum. Quisque gravida suscipit augue, in convallis augue lobortis at.
    </div>

</div>
</center>