## Tables

### Simple table

Grades
| HTML5 | SQL | OOP | PHP
--- | --- | --- | --- | ---
Lisa | 5 | 4 | 4 | 5
Jonathan | 3 | 5 | 4 | 4
Tim | 3 | 3 | 3 | 3
Laura | 5 | 5 | 5 | 4

### Using rowspan and colspan

Basketball Euroleague
Team | Throws | Free Throws
--- | --- | ---
3 Point | 2 Point
Real | 27 | 33 | 85
Barcelona | 24 | 35 | 89
Zalgiris | 28 | 31 | 88
Olimpiacos | 29 | 36 | 91

### Using row and column groups

NB: the col groups should be built first!

Marathon
State | Fullname | Result
--- | --- | ---
Women
Finland | Silvia Koskilainen | 3.23.12
Estonia | Sille Mägi | 3.43.45
Sweden | Pia Svenson | 3.11.33
Men
Finland | Teemu Terilainen | 2.55.23
Estonia | Priit Oja | 2.11.34
Sweden | Samuel Larson | 2.44.52
Women limit timew | 7.00.00
Men limit timew | 5.00.00

## Images

### Text on image

Climate change, do what you can!
Climate Change, Act Fast!
Top Left
Top Right

### Text Aside Picture

Rowan Sebastian Atkinson CBE (born 6 January 1955) is an English actor, comedian and writer. He played the title roles on the sitcoms Blackadder (1983–1989) and Mr. Bean (1990–1995), and the film series Johnny English (2003–2018). Atkinson first came to prominence in the BBC sketch comedy show Not the Nine O'Clock News (1979–1982), receiving the 1981 British Academy Television Award for Best Entertainment Performance, and The Secret Policeman's Ball (1979) where he performed a skit. Subsequent skits on stage have featured solo performances as well as collaborations. His other film work includes the James Bond film Never Say Never Again (1983), playing a bumbling vicar in Four Weddings and a Funeral (1994), voicing the red-billed hornbill Zazu in The Lion King (1994), and playing jewellery salesman Rufus in Love Actually (2003). He portrayed Mr. Bean in the film adaptations Bean (1997) and Mr. Bean's Holiday (2007). Atkinson also featured in the BBC sitcom The Thin Blue Line (1995–1996), and he played the titular character in ITV's Maigret (2016–2017). His work in theatre includes the role of Fagin in the 2009 West End revival of the musical Oliver!. This text is after image and it is positioned in one column, since "clear:both" will end two column layout

### Small image as link to big image

### Open image in window

### Some Bootstrap tool for images

## Objects, MAP and Area

### Objects

Fisrt will be made attempt to use most outer object element , then next inner, etc.

### MAP and AREA

Click on the computer, the phone, or the cup of coffee to go to a new page and read more about the topic: