<div class="custom-page">
    <h3><em>1. Home pages configuration</em></h3>
    <table class="data-table responsive">
        <thead>
        <tr>
                <th>#</th>
                <th>Page Name</th>                  
                <th>Page HTML (Content tab)</th>
                <th>Page XML (Design tab)</th>
                <th>Layout</th>
        </tr>
        </thead>
        <tbody>
            <tr>
                <td>1.</td>
                <td>Home Page</td>                      
                <td>sources\demo\pages\home_page.phtml</td>
                <td>sources\demo\pages\home_page.xml</td>
                <td>1 column</td>                        
            </tr>
            <tr>
                <td>2.</td>
                <td>About  Us</td>                      
                <td>sources\demo\pages\about_us.phtml</td>
                <td>sources\demo\pages\about_us.xml</td>
                <td>1 column</td>                 
            </tr>
            <tr>
                <td>3.</td>
                <td>Customer Service</td>                       
                <td>sources\demo\pages\customer_service.phtml</td>
                <td>NA</td>
                <td>1 column</td>
            </tr>
            <tr>
                <td>4.</td>
                <td>Privacy Policy</td>                     
                <td>sources\demo\pages\privacy_policy.phtml</td>
                <td>NA</td>
                <td>1 column</td>
            </tr>
            <tr>
                <td>5.</td>
                <td>Shipping & Delivery</td>                     
                <td>sources\demo\pages\shipping-delivery.phtml</td>
                <td>NA</td>
                <td>1 column</td>
            </tr>
            <tr>
                <td>6.</td>
                <td>FAQ</td>                     
                <td>sources\demo\pages\faq.phtml</td>
                <td>NA</td>
                <td>1 column</td>   
            </tr>
            <tr>
                <td>7.</td>
                <td>Support</td>                     
                <td>sources\demo\pages\support.phtml</td>
                <td>NA</td>
                <td>1 column</td>  
            </tr>
            <tr>
                <td>8.</td>
                <td>Guarantee</td>                     
                <td>sources\demo\pages\guarantee.phtml</td>
                <td>NA</td>
                <td>1 column</td>
            </tr>
            <tr>
                <td>9.</td>
                <td>Secure payment</td>                     
                <td>sources\demo\pages\secure-payment.phtml</td>
                <td>NA</td>
                <td>1 column</td>
            </tr>
            <tr>
                <td>10.</td>
                <td>Terms & Conditions</td>                     
                <td>sources\demo\pages\terms-conditions.phtml</td>
                <td>NA</td>
                <td>1 column</td>
            </tr>
        </tbody>
    </table>
     
     
     
    <h3><em>2. Static blocks configuration</em></h3>
     
    <table class="data-table responsive">
        <thead>
            <tr>
                <th>#</th>
                <th>Block Name</th>
                <th>Block Title</th>
                <th>Identifier</th>
                <th>Content</th>            
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1.</td>
                <td>Footer column content 2</td>
                <td>Footer column content 2</td>
                <td>footer_col_2</td>
                <td>sources\demo\blocks\footer_col_2.phtml</td>
            </tr>
            <tr>
                <td>2.</td>
                <td>Footer column content 3</td>
                <td>Footer column content 3</td>
                <td>footer_col_3</td>
                <td>sources\demo\blocks\footer_col_3.phtml</td>
            </tr>
            <tr>
                <td>3.</td>
                <td>Footer column content 4</td>
                <td>Footer column content 4</td>
                <td>footer_col_4</td>
                <td>sources\demo\blocks\footer_col_4.phtml</td>
            </tr>
            <tr>
                <td>4.</td>
                <td>Footer column 1 title</td>
                <td>Footer column 1 title</td>
                <td>footer_col_1_title</td>
                <td>sources\demo\blocks\footer_col_1_title.phtml</td>
            </tr>
            <tr>
                <td>5.</td>
                <td>Footer column content 1</td>
                <td>Footer column content 1</td>
                <td>footer_col_1</td>
                <td>sources\demo\blocks\footer_col_1.phtml</td>
            </tr>
            <tr>
                <td>6.</td>
                <td>Banner Box</td>
                <td>Banner Box</td>
                <td>banner_box</td>
                <td>sources\demo\blocks\banner_box.phtml</td>
            </tr>
        </tbody>
    </table>
     
     
    <h3><em>3. Widgets configuration</em></h3>
     
    <table class="data-table responsive">
        <thead>
            <tr>
                <th>#</th>
                <th>Widget Name</th>
                <th>Widget Type</th>
                <th>Block Reference</th>
                <th>Template / (Static Blocks)</th>
                <th>Sort Order</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>2.</td>
                <td>Banner Box</td>
                <td>CMS Block</td>
                <td>Main Content</td>
                <td>Banner Box Block</td>
                <td>1</td>
            </tr>
            <tr>
                <td>3.</td>
                <td>Slider</td>
                <td>FilmSlider</td>
                <td>After Page Header</td>
                <td>FilmSlider Block</td>
                <td>1</td>
            </tr>
            <tr>
                <td>4.</td>
                <td>Featured Products</td>
                <td>CMS Block</td>
                <td>Main Content</td>
                <td>Featured products Block</td>
                <td>2</td>
            </tr>
            <tr>
                <td>5.</td>
                <td>Latest News</td>
                <td>Blog Latest Posts</td>
                <td>Before Page Footer</td>
                <td>Blog Latest Posts</td>
                <td>1</td>
            </tr>
        </tbody>
    </table>
</div>
<script>
var headertext = [];
var headers = document.querySelectorAll("table.data-table thead");
var tablebody = document.querySelectorAll("table.data-table tbody");

for (var i = 0; i < headers.length; i++) {
    headertext[i]=[];
    for (var j = 0, headrow; headrow = headers[i].rows[0].cells[j]; j++) {
      var current = headrow;
      headertext[i].push(current.textContent);
      }
} 

for (var h = 0, tbody; tbody = tablebody[h]; h++) {
    for (var i = 0, row; row = tbody.rows[i]; i++) {
      for (var j = 0, col; col = row.cells[j]; j++) {
        col.setAttribute("data-th", headertext[h][j]);
      } 
    }
}
</script>