Project Challenge: Separate HTML Templates

In this lesson, we will render the HTML templates from separate HTML files.

We'll cover the following

Problem statement

In this challenge, we will be separating the application logic from the template logic. You are required to implement the following:

  1. Add the template logic to the empty HTML files provided.
  2. Configure the views to return these HTML files instead of strings.
  3. The HTML pages should also have a title as follows:
    • Home page: “Home - Paws Rescue Center”
    • About page: “About - Paws Rescue Center”

The title of an HTML page appears in the browser’s toolbar.

The expected outputs of this challenge are shown below.

Note: Make use of the proper HTML structure in the templates. Use tags like <html>, <head>, and <body> etc.

Home page - expected output

Get hands-on with 1400+ tech skills courses.