[html]<div class="low">
   <div class="light">
    <div class="tab">
      <div class="tabtitle">текст</div>
      <svg height="10" width="500">
  <line x1="0" y1="0" x2="400" y2="0" style="stroke:rgb(0,0,0);stroke-width:1px" />
</svg>
текст

<div class="clear"></div>
    </div>
   
    <div class="tabcontent">
какой-то текст

</div></div></div>

<div style="width:470px; text-align:right; margin:0 auto; opacity:0.8;"><a href="ссылка" target="_blank">название</a></div><div style="clear:both;"></div>
<style>
@import url('https://fonts.googleapis.com/css?family=Lato');
  .low {
    border-top:50px solid white;
    width:500px;
    margin:0 auto;
    border-bottom:50px solid white;
    overflow:hidden;
  }

  .light {
    background:url(https://forumavatars.ru/img/avatars/000 … 715397.png) white center center;
    width:500px;
    height:400px;
  }

  .tab {
    width:390px;
    height:80px;
    background:white;
    line-height:80px;
    font-size:15px;
    font-family: 'Lato', sans-serif;
    text-transform:uppercase;
    padding-left:10px;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: 50% 50%;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(270deg);
    transform-origin: 90% 50%;
    margin-left:100px;
    transition:1s ease 0.5s;
  }

  .low:hover .tab {
    margin-left:-300px;
  }

  .tab svg {
    float:left;
    width:170px;
    padding-top:40px;
  }
  .tabtitle { float:left; }
  .clear { clear:both; }

  .tabcontent {
    background:white;
    height:400px;
    width:340px;
    padding:20px;
    margin-left:500px;
    margin-top:-100px;
    transition:1s ease 0.5s;
    font-family: 'Lato', sans-serif;
    font-size:14px;
    line-height:100%;
    text-align:justify;
    overflow:auto;
  }

  .tabcontent::-webkit-scrollbar {
    width: 2px;
  }
  .tabcontent::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  }
  .tabcontent::-webkit-scrollbar-thumb {
    background: rgb(255, 205, 76);
  }

  .tabcontent b {
    color:rgb(255, 205, 76);
  }

  .low:hover .tabcontent {
    margin-left:120px;
  }
</style>[/html]

[html]
<style>
.mainChristmas {
  background-color:#151522;
  overflow: hidden;
  text-align:center;
}
</style>
<object  class="mainChristmas" type="image/svg+xml" data="https://forumstatic.ru/files/000e/14/cc/84273.svg" width="600" height="600" >
   Your browser does not support SVG
</object>
[/html]