In the following, you'll see a bird view layout of a typical BEE Portal webpage.  It is not meant for you to copy (as most ingredients are omitted).  There are detailed codes in the following sections for you to copy, reuse or follow.  They will be marked "COPY ME" (for copy and paste as is), "REUSE ME" (for copy and modify) or "FOLLOW ME" (for ideas illustration only) respectively.

Here is a high level layout of a typical BEE Portal webpage:

COPY ME (except for the ... parts) {code}