Skip to content
Malaysia Celebrates!Google Sites kit

Design Principles page

A Topic 6 section, a Topic 7 section and a table linking every principle to each skill.

Amalia, Ayuni and Dhaneya· 8 embed blocks

Your progress

0 of 8 pasted

Press Mark as pasted on each block after you add it to Google Sites. Your ticks stay on this device.

Block 1 · Embed code

Page hero

Paste: Very top of the Design Principles page, full width.

Box: full width, about 420px tall

Box shown at 1154 × 420 px, the full content width of Google Sites

Preview loads as you scroll

  • Change the title and the name between EDIT START and EDIT END.
  • The round button in the corner pauses all motion for anyone who needs it still.
17.3 KB, no images

Block 2 · Embed code

I can goal

Paste: Under the page hero.

Box: full width, about 200px tall

Box shown at 1154 × 200 px, the full content width of Google Sites

Preview loads as you scroll

  • Replace the [PLACEHOLDER] after "I can" with the goal for this page in pupil-friendly words.
  • Pupils choose Not yet, Getting there or I can do it, and their choice is remembered on their device.
10.5 KB, no images

Block 3 · Embed code

Topic 6 banner

Paste: Under the I can goal.

Box: full width, about 200px tall

Box shown at 1154 × 200 px, the full content width of Google Sites

Preview loads as you scroll

  • Change the label or heading between EDIT START and EDIT END if you need different words.
14.0 KB, no images

Block 4 · Embed code

Topic 6 principle cards

Paste: Under the Topic 6 banner.

Box: full width, about 520px tall

Box shown at 1154 × 520 px, the full content width of Google Sites

Preview loads as you scroll

  • Replace each [PLACEHOLDER] with a principle, what it means and where you used it.
  • Copy one whole <article> block to add another card.
8.4 KB, no images

Block 5 · Embed code

Topic 7 banner

Paste: Under the Topic 6 principle cards.

Box: full width, about 200px tall

Box shown at 1154 × 200 px, the full content width of Google Sites

Preview loads as you scroll

  • Change the label or heading between EDIT START and EDIT END if you need different words.
14.0 KB, no images

Block 6 · Embed code

Topic 7 principle cards

Paste: Under the Topic 7 banner.

Box: full width, about 520px tall

Box shown at 1154 × 520 px, the full content width of Google Sites

Preview loads as you scroll

  • Replace each [PLACEHOLDER] with a principle, what it means and where you used it.
  • Copy one whole <article> block to add another card.
8.4 KB, no images

Block 7 · Embed code

Principles by skill table

Paste: Under the Topic 7 principle cards.

Box: full width, about 780px tall

Box shown at 1154 × 780 px, the full content width of Google Sites

Preview loads as you scroll

  • Replace each [PLACEHOLDER]: one row per principle and one column per skill.
  • On phones the table scrolls sideways while the first column stays in place.
9.0 KB, no images

Block 8 · Embed code

References (APA 7)

Paste: Bottom of the Design Principles page.

Box: full width, about 420px tall

Box shown at 1154 × 420 px, the full content width of Google Sites

Preview loads as you scroll

  • Write one <p> per source between the two WRITE lines, in alphabetical order. The hanging indent is automatic.
  • Put image credits under their own "Image credits" heading.
8.5 KB, no images