What do you have in mind for the style and theme of the web page?
Checkout my existing site, you will get an idea for the content that needs to be included in the design elements.
The home page will have a big heading 'ESSENTIAL TDD'. The next grid will have a headline with a paragraph. The right side of this section will have 'Install Ruby' Mac Windows below it. The third section will have a headline 'We provide private training' with a paragraph below. There will be a button that says 'START ESSENTIAL TDD'. There will be a button for 'Get in Contact with Ruby Plus'.
The last section will have 'TRY THESE OTHER RUBY RESOURCES' with three links below. Below these links there will be an image for promoting an online course. The right side of this section will have 'COPYRIGHT AND LICENSE' as the header. The copyright notice will be below that. After the Copyright notice, there will be a big 'Ruby Plus' in an attractive color and font.
There will be 'ESSENTIAL TDD' and Table of Contents with buttons to click for going forward and backward. There will be a bookmark image with a text next to it 'Bookmark this lab'. Below this there will be 'Ruby Plus' in big text. The main content will have 'Lab 1', below that lab -name. GOALS header with space for writing the goal. It will be followed by step number, step label. Below this there will be description of the step. Then there will be 'Execute:' label with some code below that. This will repeat for many steps. I want step images for number 1 through 20.
Use the blue colors and light background shown in the attachment for colors and background.