Creating a master layout template that avoids repeatition of design page
create a new file members/templates/master.html
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}{% endblock %}</title>
</head>
<body>
{% block content %}
{% endblock %}
</body>
</html>
update members/templates/members.html
{% extends 'master.html' %}
{% block title %}
All Members
{% endblock %}
{% block content %}
<h1>All Members</h1>
<ul>
{% for member in members %}
<li><a href="details/{{ member.id }}">{{ member.firstname }} {{ member.lastname }}</a></li>
{% endfor %}
</ul>
{% endblock %}
update members/templates/details.html
{% extends 'master.html' %}
{% block title %}
Member Details
{% endblock %}
{% block content %}
<h1>Member Details</h1>
<h2>First Name: {{ member.firstname }} Last Name: {{ member.lastname }}</h2>
<p>Phone: {{ member.phone }}</p>
<p>Member Since: {{ member.member_since }}</p>
<p> Back to <a href="/members/">All Members</a></p>
</body>
</html>
{% endblock %}