I am looking for a way to display the information below on a web page. I am after a good looking way. Currently I present this information on one horizontal section of a single web page. I have considered using tabs, but still the individual 'table' that would be inside the tab still would look ugly to me. It is possible to adjust the column widths and heights, but the number of rows in each table is not under my control. It is also possible to remove the "duties" sub-table, and have it shown in a different place or as a chart, however, with all of these tiny changes, the looks would still be bad!
Also, using a tab widget would leave a lot of White spaces on the both sides.
One more thing I thought of is switch the rows and the columns of each table, so that each of the 3 tables would only have 2 wide rows. I don't think this would look good and also, if I had to add more entries in a table, there would be a problem.
Any suggestion/reference or example could help. Thanks.
Note: The data is fake.