< h2 >Name of the Problem Set – i.e. School Party< /h2 >

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

1. The Title of the page needs to be the Chapter Number: Name
2. The name of the problem set is an < h2 >School Party< /h2 > – this occurs 1x/page
3. Each of the screen number and name are styled as: < h3 >Screen Number — Name < /h3 >
4. Very important for the menus to work is the naming convention for the “Permalink URL Slug” found in the Slug box to the right (or possibly at the bottom of the page) or in the Pages tab > Permalink:
   

   ch#-sc#-whatever

   where ch#- is required and needs to be the parent chapter number.  This is very important as our menus are NOT automatic and the prefix will force that section open.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

For Screens with multiple steps, if there’s an About, please use this as a divider:

< h3 >Screen 1 – Part A< / h3 >

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The pinned nav is an approximate location. It’s best to assign the anchor tag to a row (not the H3 as previously suggested) so as to pin appropriate.

Use class=”morethanfour” if there are more than four tabs.