# Question 1 self-check — 52 marks total
The paper supplies no per-section marks; these are requirements, not a marking allocation.

- [ ] Header contains GadgetPro business name and navigation.
- [ ] Mobile menu opens and links reach the correct section IDs.
- [ ] About has three columns at an appropriate larger breakpoint: image, description, contact.
- [ ] Products contains at least four Bootstrap cards.
- [ ] Every card has a loaded image, useful alt text, title, and short description.
- [ ] Footer includes address, phone, email, and social links.
- [ ] Bootstrap typography is visible (for example fw-bold or lead).
- [ ] Images resize within their columns (img-fluid).
- [ ] At least two spacing utility classes are used (for example py-4 and mb-3).
- [ ] Page works at 390px, 820px, and 1200px viewport widths with no horizontal overflow.
- [ ] Container > Row > Column > Component nesting is correct.

## Recall before copying
Draw H → A → P → F. Under About draw three boxes. Under Products draw four cards. Write the grid recipe and one complete card from memory; then open the worked answer.

## Question 2 self-check — 48 marks total
Five or more labelled Bootstrap inputs; Calculate button; empty and numeric validation; correct total and average; average formatted to two decimals; a Bootstrap modal showing both values; a success message; working close controls.