|
|
| Line 24: |
Line 24: |
| | Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing | | Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing |
| | elitr, sed diam nonumy eirmod tempor... | | elitr, sed diam nonumy eirmod tempor... |
| − | </p>
| |
| − | <figure>
| |
| − | <img src='../wiki/images/9/9b/Harry.jpg'' />
| |
| − | <figcaption>
| |
| − | Take a look at this awesome illustration!
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | <p>
| |
| − | And it still keeps going!
| |
| | </p> | | </p> |
| − | </div>
| |
| − |
| |
| − | <div class='contentRow'>
| |
| − | <div class='contentCell contentSmallCell'>
| |
| − | <figure>
| |
| − | <img src='../wiki/images/9/9b/Harry.jpg' />
| |
| − | <figcaption>
| |
| − | -- Some wizzard dude.
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | <p>
| |
| − | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
| |
| − | diam nonumy eirmod tempor invidunt ut labore et dolore magna
| |
| − | aliquyam erat, sed diam voluptua. At vero eos et accusam et
| |
| − | justo duo dolores et ea rebum. Stet clita kasd gubergren,
| |
| − | </p>
| |
| − | </div>
| |
| − | <div class='contentCell'>
| |
| − | <p>
| |
| − | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
| |
| − | diam nonumy eirmod tempor invidunt ut labore et dolore magna
| |
| − | aliquyam erat, sed diam voluptua. At vero eos et accusam et
| |
| − | justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
| |
| − | takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
| |
| − | dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
| |
| − | eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
| |
| − | sed diam voluptua. At vero eos et accusam et justo duo dolores
| |
| − | et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
| |
| − | est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
| |
| − | consetetur sadipscing elitr, sed diam nonumy eirmod tempor
| |
| − | invidunt ut labore et dolore magna aliquyam erat, sed diam
| |
| − | voluptua. At vero eos et accusam et justo duo dolores et ea
| |
| − | rebum. Stet clita kasd gubergren, no sea takimata sanctus est
| |
| − | Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
| |
| − | consetetur sadipscing elitr, sed diam nonumy eirmod tempor...
| |
| − | </p>
| |
| − | <p>
| |
| − | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
| |
| − | diam nonumy eirmod tempor invidunt ut labore et dolore magna
| |
| − | aliquyam erat, sed diam voluptua. At vero eos et accusam et
| |
| − | justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
| |
| − | takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
| |
| − | dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
| |
| − | eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
| |
| − | sed diam voluptua. At vero eos et accusam et justo duo dolores
| |
| − | et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
| |
| − | est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
| |
| − | consetetur sadipscing elitr, sed diam nonumy eirmod tempor
| |
| − | invidunt ut labore et dolore magna aliquyam erat, sed diam
| |
| − | voluptua. At vero eos et accusam et justo duo dolores et ea
| |
| − | rebum. Stet clita kasd gubergren, no sea takimata sanctus est
| |
| − | Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
| |
| − | consetetur sadipscing elitr, sed diam nonumy eirmod tempor...
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class='contentRow'>
| |
| − | <div class='contentCell'>
| |
| − | <p>
| |
| − | Here is a small demonstration for a block text. Lorem ipsum
| |
| − | dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
| |
| − | eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
| |
| − | sed diam voluptua. At vero eos et accusam et justo duo dolores
| |
| − | et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
| |
| − | est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
| |
| − | consetetur sadipscing elitr, sed diam nonumy eirmod tempor
| |
| − | invidunt ut labore et dolore magna aliquyam erat, sed diam
| |
| − | voluptua. At vero eos et accusam et justo duo dolores et ea
| |
| − | rebum. Stet clita kasd gubergren, no sea takimata sanctus est
| |
| − | Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
| |
| − | consetetur sadipscing elitr, sed diam nonumy eirmod tempor
| |
| − | invidunt ut labore et dolore magna aliquyam erat, sed diam
| |
| − | voluptua. At vero eos et accusam et justo duo dolores et ea
| |
| − | rebum. Stet clita kasd gubergren, no sea takimata sanctus est
| |
| − | Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
| |
| − | consetetur sadipscing elitr, sed diam nonumy eirmod tempor...
| |
| − | </p>
| |
| − | <table>
| |
| − | <caption>Uebersicht Saeuremienenarbeit:</caption>
| |
| − | <thead>
| |
| − | <tr>
| |
| − | <td>Year</td>
| |
| − | <td>Slaves</td>
| |
| − | <td>Income</td>
| |
| − | <td>Bribes</td>
| |
| − | </tr>
| |
| − | </thead>
| |
| − | <tbody>
| |
| − | <tr>
| |
| − | <td>2009</td>
| |
| − | <td>9</td>
| |
| − | <td>$1 mio.</td>
| |
| − | <td>0</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td>2010</td>
| |
| − | <td>90</td>
| |
| − | <td>-$1 mio.</td>
| |
| − | <td>$20,000</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td>2011</td>
| |
| − | <td>100</td>
| |
| − | <td>$10 mio.</td>
| |
| − | <td>$50,000</td>
| |
| − | </tr>
| |
| − | </tbody>
| |
| − | </table>
| |
| − | <p>
| |
| − | Don't forget to refer to tables in a text. Need
| |
| − | feature btw: Auto counters!
| |
| − | </p>
| |
| − | </div>
| |
| − | <div class='contentCell contentSmallCell'>
| |
| − | <p>
| |
| − | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
| |
| − | diam nonumy eirmod tempor invidunt ut labore et dolore magna
| |
| − | aliquyam erat, sed diam voluptua. At vero eos et accusam et
| |
| − | justo duo dolores et ea rebum. Stet clita kasd gubergren,
| |
| − | </p>
| |
| − | <table>
| |
| − | <caption>Uebersicht Saeuremienenarbeit:</caption>
| |
| − | <thead>
| |
| − | <tr>
| |
| − | <td>Year</td>
| |
| − | <td>Slaves</td>
| |
| − | <td>Income</td>
| |
| − | <td>Bribes</td>
| |
| − | </tr>
| |
| − | </thead>
| |
| − | <tbody>
| |
| − | <tr>
| |
| − | <td>2009</td>
| |
| − | <td>9</td>
| |
| − | <td>$1 mio.</td>
| |
| − | <td>0</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td>2010</td>
| |
| − | <td>90</td>
| |
| − | <td>-$1 mio.</td>
| |
| − | <td>$20,000</td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td>2011</td>
| |
| − | <td>100</td>
| |
| − | <td>$10 mio.</td>
| |
| − | <td>$50,000</td>
| |
| − | </tr>
| |
| − | </tbody>
| |
| − | </table>
| |
| − | </div>
| |
| | </div> | | </div> |
| | </div> | | </div> |
| | </html> | | </html> |
