.. page:: titlePage

.. class:: centredtitle

Task 3: Add a navbar component

.. page:: standardPage

Before we start
---------------

.. code-block::
    :include: code/task-3-before.txt

.. page:: standardPage

.. code-block:: html
    :include: code/navbar-1.txt

.. page:: imagePage

.. image:: images/navbar-1.png
    :width: 22cm

.. page:: standardPage

.. code-block:: html
    :include: code/navbar-2.txt
    :hl_lines: 3 4

.. page:: imagePage

.. image:: images/navbar-2.png
    :width: 22cm

.. page:: standardPage

.. code-block:: html
    :include: code/navbar-3.txt
    :hl_lines: 11 12 13 14 15 16 17 18

.. page:: imagePage

.. image:: images/navbar-3.png
    :width: 22cm