How to create a simple HTML Widget like this

Vidya Lakshmi
Tera Contributor

Hello Team,

How to create the simple widget like below,

The HTML Code is as below,

<div class ="c_full-d widget headlind_news">
<div class ="headlind_news--wrapper">
<header class = "headlind_news--titlex">
<a style="padding-top:5px" href="?">
<img src="icon_announcement.png" width="45px" height = "45px" role = "presentation">
</a>
</header>
<ul class="headlind_news--list"> </ul>
<marquee direction="left" scrollamount ="3">
"Thanks for creating a Marquee"
</marquee>
</div>
</div>

Can someone help me with the CSS script on how to define the class?

Or any help on creating the HTML Script for creating the below Widget inside which a text has to be scrolling from left to right?

find_real_file.png