<table>
<thead>
<tr>
<th>Name</th>
<th>Phone Number</th>
<th>Gender</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Phone Number</th>
<th>Gender</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>John Smith</td>
<td>555 - 3246591</td>
<td>Male</td>
</tr>
<tr>
<td>Lucy Carter</td>
<td>555 - 6327445</td>
<td>Female</td>
</tr>
<tr>
<td>Simon Fletcher</td>
<td>555 - 2335213</td>
<td>Male</td>
</tr>
<tr>
<td>Jeremy Edwards</td>
<td>555 - 4297642</td>
<td>Male</td>
</tr>
<tr>
<td>Sarah Jones</td>
<td>555 - 6678903</td>
<td>Female</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>Name</th>
<th>Phone Number</th>
<th>Gender</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Phone Number</th>
<th>Gender</th>
</tr>
</tfoot>
<tbody>
{% for person in people %}
<tr>
<td>{{ person.name }}</td>
<td>{{ person.telephone }}</td>
<td>{{ person.gender }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{
"people": [
{
"name": "John Smith",
"telephone": "555 - 3246591",
"gender": "Male",
"email": "john@exampleemail.com",
"avatar": "http://i.pravatar.cc/300"
},
{
"name": "Lucy Carter",
"telephone": "555 - 6327445",
"gender": "Female",
"email": "lucy@exampleemail.com",
"avatar": "http://i.pravatar.cc/300"
},
{
"name": "Simon Fletcher",
"telephone": "555 - 2335213",
"gender": "Male",
"email": "simon@exampleemail.com",
"avatar": "http://i.pravatar.cc/300"
},
{
"name": "Jeremy Edwards",
"telephone": "555 - 4297642",
"gender": "Male",
"email": "jeremy@exampleemail.com",
"avatar": "http://i.pravatar.cc/300"
},
{
"name": "Sarah Jones",
"telephone": "555 - 6678903",
"gender": "Female",
"email": "sarah@exampleemail.com",
"avatar": "http://i.pravatar.cc/300"
}
],
"siteName": "siteName",
"siteUrl": "/"
}
There are no notes for this item.