How to display html in drupal or wordpress or other cms of such structure?

Question

CMS

Hello, how to create such html structure
www.jqueryscript.net/chart-graph/Simple-jQuery-Min...
?

<div class="mindmap">

  <ol class="children children_leftbranch">
    <li class="children__item">
      <div class="node">
        <div class="node__text">Цвета</div>
        <input type="text" class="node__input">
      </div>
    </li>
    <li class="children__item">
      <div class="node">
        <div class="node__text">node</div>
        <input type="text" class="node__input">
      </div>
      <ol class="children">
        <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>
        </li>
        <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>
        </li>
      </ol>
    </li>
    <li class="children__item">
      <div class="node">
        <div class="node__text">node</div>
        <input type="text" class="node__input">
      </div>
    </li>
  </ol>

  <div class="node node_root">
    <div class="node__text">node</div>
    <input type="text" class="node__input">
  </div>

  <ol class="children children_rightbranch">
    <li class="children__item">
      <div class="node">
        <div class="node__text">node</div>
        <input type="text" class="node__input">
      </div>
      <ol class="children">
        <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>
        </li>
        <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>

              <ol class="children">
        <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>

            <ol class="children">



        <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>
        </li>



        </ol>





        </li>
        <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>
        </li>
        <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>
        </li>
                <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>
        </li>



      </ol>







        </li>
        <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>
        </li>
      </ol>
    </li>
    <li class="children__item">
      <div class="node">
        <div class="node__text">node</div>
        <input type="text" class="node__input">
      </div>
      <ol class="children">
        <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>
        </li>
        <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>
        </li>
      </ol>
    </li>
    <li class="children__item">
      <div class="node">
        <div class="node__text">node</div>
        <input type="text" class="node__input">
      </div>
      <ol class="children">
  
        
        <li class="children__item">
          <div class="node">
            <div class="node__text">node</div>
            <input type="text" class="node__input">
          </div>
        </li>
      </ol>
    </li>
  </ol>
</div>

Answer 1

1. in drupal using the views module;
2. just insert the html code into the block/template;
3. write (order) a module for this task.