Updating the home page to use the base template

The new home page will extend the base template; it will include a background with an image and it will include custom CSS. Let’s create the new home page.

Creating the new index template

In /home/templates/home/index.html, replace the entire template code with the following:

{% extends 'base.html' %}
{% block content %}
<header class="masthead bg-index text-white text-center
           py-4">
  <div class="container d-flex align-items-center flex-
  column pt-2">
    <h2>Movies Store</h2>
    <p>Your Ticket to Unlimited Entertainment!</p>
  </div>
</header>
<div class="p-3">
  <div class="container">
    <div class="row mt-3">
   ...