12. Web Components

Activity 12.01: Creating a Profile

Solution

The following is the solution to this activity:

1. We will start with the template that we used to create the Films on Demand page, which we created in Activity 1.01, Video Store Page Template, Chapter 1, Introduction to HTML and CSS. Copy and paste the code into a new file called Activity 12.01.html. We can set the title of the document as Profile:

            <title>Films on Demand - Profile</title>

2. For the content of the element with the ID attribute pageWrapper, we will add a custom element, which we will call fod-profile.

        <div id="pageWrapper" class="full-page">
            <fod-profile>
            </fod-profile>
        </div>

3. At the end of the HTML document, we can...