Plan color scroll

Page-1

Mov.........,

......

<div class="row row2 rowtut" style="border: 0px; box-sizing: border-box; color: #25283d; font: inherit; margin: 0px -15px 0px 5px; padding: 0px; vertical-align: baseline;">
<div class="col-sm-4 col-index" style="border: 0px; box-sizing: border-box; float: left; font: inherit; margin: 0px; min-height: 1px; padding: 0px 15px; position: relative; vertical-align: baseline; width: 351.214px;">
<div class="offer offer-radius offer-default" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 1px solid rgb(143, 57, 133); box-sizing: border-box; font: inherit; margin: 6px 0px !important; overflow: hidden; padding: 0px; vertical-align: baseline;">
<div class="shape" style="border-color: rgba(255, 255, 255, 0) rgb(143, 57, 133) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-image: initial; border-style: solid; border-width: 0px 70px 40px 0px; box-sizing: border-box; float: right; font: inherit; height: 0px; margin: 0px; padding: 0px; transform: rotate(360deg); vertical-align: baseline; width: 0px;">
<div class="shape-text" style="border: 0px; box-sizing: border-box; color: white; font-family: inherit; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; position: relative; right: -40px; top: 2px; transform: rotate(30deg); vertical-align: baseline; white-space: nowrap;">
Page-1</div>
</div>
<div class="offer-content" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 2px 2px; vertical-align: baseline;">
Mov.....<span style="font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;">....,</span></div>
</div>
</div>
</div>