testPbRP
This page identifies all the options for display for your page. It uses a 75/25 split and the example page here uses a 50/50 split
1. Text styles
Paragraph
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
preformatted
2. Box styles
box 1
box 2
box 3
box 4
block quote
3. Alignment of text
This is left aligned
This is centre aligned
This is right aligned
4. Style of text
This is bold
This italic
This is strike-through
This is subscriptAnd this is normal text following it
This is superscriptAnd this is normal text following it
This is underline
5. Bullets & lists
- This is a bullet list
- This is the second entry
- This is a numbered list
- This is the second entry
6. Indents
This is idented
This is indented twice
This is indented three times
7. Tables
A 4x4 table with striped style and a header row
Age | Weight | Gender | Shoe Size |
---|---|---|---|
22 | 67 | M | 11 |
23 | 78 | M | 10 |
21 | 59 | F | 8 |
A 5x3 table, striped, with a border, condensed and hoverable
Cheese | Wine | Crackers | Flower | Pet |
---|---|---|---|---|
Brie | Chablis | Jacobs | Tulip | Budgie |
Cheddar | Shiraz | Poppy seed | Crocus | Dog |
A 3x7 table with 3 sortable columns
Age |
Weight |
Height |
---|---|---|
22 | 72 | 185 |
23 | 80 | 178 |
21 | 65 | 160 |
19 | 65 | 167 |
12 | 55 | 155 |
25 | 75 | 170 |
8. Images
An image set at 400 pixels wide, default alignment - text follows afterwards
An image 500 pixels wide with a 50pixel margin on the right so that the text can fit alongside it
A large image shown as a 300 pixel wide thumbnail - click to see full size
Image with text overlay bottom right
An image slideshow (must be jpg files) - set at 400x400 pixels, autostart with pan and zoom
9. Video
Code from youtube - click on the share option below a video, select embed and then copy the code. This is the default size (16:9 ratio) you can have it smaller or larger but should keep the ratio the same. I tend to use 800x450 (a bit larger than this). The code for this looks like this
<iframe width="560" height="315" src="https://www.youtube.com/embed/o97k2hwqPtA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
10. Audio
This needs to be in .mp3 format
11. Social media buttons
12. Divider
Image below included to show pixel width of right hand column using 75% / 25% split. This is 250 pixels width and height