The first recipe of this chapter shows how to create a main toolbar with a title. It seems useful to create a footer with some relevant information. Usually, a footer uses a small font and a different color to be different from the rest of the text in the same screen. Let's find out how to create a footer for our applications.
We'll use the iWebKit framework as it contains a specific CSS style for creating a footer with a consistent look for our applications.
As we have seen in the previous recipe, we can reuse our initial HTML file. You only need to add one line before the
</body> tag with this content:
<div id="footer">This is the footer</div>
The following screenshot shows a simple footer:
Note that ...