title: Custom sections Umbraco
body: <p>Not even sure I labeled this correctly, I am in the process of converting a site to Umbraco, and there are sections of the site that needs to be edited using the CMS tools in the back end, basically it is a grid with pictures and description text</p>
  
  <p>Here is a sample of the HTML</p>
  
  <pre><code>&lt;div class="hi-icon-effect-1 hi-icon-effect-1a"&gt;
         &lt;a class="hi-icon"&gt;
             &lt;img class="img-responsive " id="ImgSales" src="../../Images/sales_icon_circle_grey.png" alt=""&gt;
         &lt;/a&gt;
         &lt;p style="padding-left:5px;" id="lblSales" class=""&gt;Sales&lt;/p&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>What I would like to be able to do is go to the content section of the admin and edit the list of items and configure the image and text for each item.</p>
  
  <p><a href="http://www2.strikemedia.co.za/" rel="nofollow noreferrer">http://www2.strikemedia.co.za/</a></p>
  
  <p>If you view the above link and scroll down there will be a grid of items (services) and it is this list that I want to be able to generate.</p>
  
  <p>I am comfortable with all the technologies used in Umbraco, I just do not know the system well enough to do these kinds of modifications, can someone please assist or point me to the resources that will help me build this.</p>
  
  <p>Thanks</p>