12. Web Components
Activity 12.01: Creating a Profile
Solution
The following is the solution to this activity:
- 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>
- For the content of the element with the ID attribute
pageWrapper
, we will add a custom element, which we will callfod-profile
.<div id="pageWrapper" class="full-page"> <fod-profile> </fod-profile> </div>
- At the end of the HTML document, we can...