List and content Editor web part

I have a SharePoint site and  I used a Content Editor Webpart for inserting Content 

As I show in the picture above, I used html section for insert my html codes and my content

the html code is : 

<div class="block">

<span class="title">
               title
        </span>

<span class="description">
<p> First paragraph </p>
<p>The second paragraph </p>
</span>

<a class="more" href="#">
+
</a>


<a class="box-item" href="#">
<img src="/SiteCollectionImages/General/i1.jpg" alt=""/>
<div class="content" style="display: none;">
<span class="title">
Title of Pic
</span>
<span class="description">
Description of pic
</span>
<span class="more">
more 

</span>
</div>
</a>

</div>

The result is shown in the below photo

Now I want user can able to insert content by a custom list instead of The html code that I have previously described

How to do it?