❖ This is a code released early on the Patreon to my subscribers! So feel free to check out things over there if you want early codes or some exclusive content.

❖ Both of the codes above are the same, except one has the tabs on top and the other has them on the side. The boxes have adjusted widths accordingly.

❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ About adding more tabs/pages: You can add as many of these as you want. You just have to pair up the anchor links. The code for the tabs will start off with href="#one". The #one part is the anchor. Further in the code, where the first page starts, you'll see a similar looking link code that starts with name="one". You can change the word "one" to anything else, so long as it's not a numerical character or a symbol. Only one page per tab, too. If you have any questions, just let me know. Three tabs/pages has been added by default in both codes.

❖ If you want to turn this into a cr chart or something and need more tabs than one row/column provides, let me know! I should be able to finagle a way for you to have as many links/pages as you want without everything looking smooshed.

---

Ctrl+F & Replace:
❖ Tab - The name of each tab.
❖ Header - The header text. The one on the first page is in italics while the second and third page has the text without italics. Just copy/paste whatever you prefer.
❖ IMAGE_URL - Put the URL of your desired image here. There are four different styles of images (tall on the left, tall on the right, wide on the left, wide on the right). Each style is labelled and set in the first page for you to copy/paste at your convenience.
❖ Lorem - Placeholder text. Please add a p tag around your paragraphs like in the example.

---

#fff Page backgrounds.
#444 Image shadows.
#000 Text color.
#F4F4F2 First tab background and first page's border.
#E8E8E8 Second tab background and second page's border.
#BBBFCA Third tab background and third page's border.