Parkour began as a way of getting from one point to another as quickly as the body allows, using only what is already there. A wall becomes a step. A railing becomes something to swing a leg over instead of walking around.
The same idea works on a web page. A heading is a ledge, a paragraph is a rooftop, and the gap between two cards is an alley to jump.
Underlined heading
The heading above only draws a line under itself. The platform should be that line, with the words as a second, shorter one.
Short heading
Short headings matter here because the block is much wider than the words in it. The figure should stand on the words, and step off where they end.
A quote block with a border on one side and a background of its own.
- A list item with a few words
- Another one, a little longer than the first
- Short
- And a fourth to finish the list
| Move | When |
|---|---|
| Vault | Low obstacle at a run |
| Wall hop | Tall side, holding toward it |
| Roll | Landing from a long fall |
| Ledge grab | A top that is just out of reach |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Another heading further down
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem.
Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
One more
Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra.
Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti.
Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus.