SHORT CODE

Download - Demo

<style>.buttonx {
    display: inline-flex;
    cursor: pointer;
    background: #2d82ea;
    color: #fff!important;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 5px;
    margin: 0px 5px;
    box-shadow: 0 1px 6px rgba(32,33,36,.28);
    text-transform: uppercase;
}</style>
<br />
<center>
<a class="buttonx" href="https://niemstyle-02.blogspot.com/" target="_blank"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Live Preview </span></span></a>
<a class="buttonx" href="https://www.123l.pro/ExJvNiZq" target="_blank"><b><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Download </span></span></b>&nbsp;<span style="font-size: x-small;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">(Get link)</span></span></span></a></center>
<br />

Live Preview Download  (Get link)

Ghi chú

GHI CHÚ

Hãy nhập nội dung ghi chú vào đây Hãy nhập nội dung ghi chú vào đây Hãy nhập nội dung ghi chú vào đây Hãy nhập nội dung ghi chú vào đây

<div class="content-table">
<div class="text-description">
<h2>
GHI CHÚ</h2>
</div>
<div class="text-post">
Hãy nhập nội dung ghi chú vào đây
Hãy nhập nội dung ghi chú vào đây
Hãy nhập nội dung ghi chú vào đây
Hãy nhập nội dung ghi chú vào đây</div>
</div>
<style>
.content-table {
    margin: 0;
    display: flex;
    -webkit-box-shadow: 0 4px 13px -6px rgba(110,110,110,0);
    -moz-box-shadow: 0 4px 13px -6px rgba(185,185,185,0.45);
    box-shadow: 0 4px 13px -6px rgba(185,185,185,0.45);
}
.content-table .text-description {
    background: -moz-linear-gradient(top,rgba(37,141,200,1) 44%,rgba(115,182,220,1) 64%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,rgba(37,141,200,1) 44%,rgba(115,182,220,1) 64%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(37,141,200,1) 44%,rgba(115,182,220,1) 64%,rgba(255,255,255,0) 100%);
}
.content-table .text-description, .content-table .text-features, .content-table .text-updates {
    padding: 5px;
    margin: 0 auto;
    white-space: nowrap;
    text-align: center;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-rl;
    transform: scale(-1,-1);
}
.content-table .text-description h2, .content-table .text-features h2, .content-table .text-updates h2 {
    padding: 0;
    margin: 0;
    letter-spacing: 2px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}
.content-table .text-post {
    padding: 10px;
    margin: 0;
    background: #fff;
    width: 100%;
}
</style>