<div>
<div class="content wysiwyg-content">
Hello,<br />
I would like to know which front-end technology i need to use to<br />
have a result like the picture attached.<br />
All is drag and dropable and working on a browser.<br />
<br />
Regards,<a href="https://filedb.experts-exchange.com/incoming/2017/01_w03/1139853/Capture.PNG" target="_blank" title="sample (646 KB)"><img alt="sample" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2017/01_w03/800_1139853/Capture.PNG" /></a>
</div>
</div>


Capture.PNG

Hello,
I would like to know which front-end technology i need to use to
have a result like the picture attached.
All is drag and dropable and working on a browser.

Regards,

What kind of framework must i use to do that ?

HTML 5

JavaServer Pages (JSP) allow the development of dynamically generated web pages. It uses the Java programming language; JSP pages are translated into servlets at runtime, with each servlet being cached and reused until the JSP is modified. JSP allows Java code to be interleaved with static web markup content, so the resulting page can be compiled and executed on the server to deliver the content.

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.