# 0.1. HTML Elements

This page shows how the HTML Elements relate to each other. Bold and Italic can be used to show emphasis, and this is how a link looks like. Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

## 0.1.1. Structure: Subsection

This is a subsection. Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

### 0.1.1.1. Inside subsections

Donec dapibus lectus non, id pretium nulla pretium. Nunc id tellus a purus fringilla ornare. Aenean quis aliquam lacus, ac fermentum dui. Donec nec lorem pellentesque, pharetra ante aliquet, aliquet massa. Pellentesque aliquet, quam ac placerat pharetra, lorem quam aliquam felis, at rhoncus leo neque a nibh. Donec sit amet urna id sapien euismod commodo. Praesent commodo varius suscipit. Fusce tempor enim a tempus cursus. Fusce porta viverra arcu. Vestibulum sagittis lectus eget feugiat aliquam. Nunc pharetra odio sit amet felis placerat, et interdum eros rhoncus. Nulla pretium accumsan ante sit amet viverra.

### 0.1.1.1.1. Deeper inside subsections

Maecenas volutpat fringilla magna, id dignissim ipsum tristique molestie. Integer rutrum nunc rhoncus, neque vitae, vehicula nibh. Proin scelerisque consectetur ultricies. Nullam quis consectetur felis. Cras auctor et augue id tempus. Phasellus et quam dui. Nulla viverra non ante a accumsan. Proin in leo vel purus dictum placerat. Vivamus accumsan purus eu fermentum tempor.

## 0.1.2. Images

Images can be used in three sizes: small, medium and large. All images has reference, text and authorship. Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

Image 1. Large image, Henri Cartier-Bresson 2015

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

Image 2. - Medium image, Henri Cartier-Bresson 2015

Image 3. Small image, Henri Cartier-Bresson 2015

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

## 0.1.3. Notes

This is a note. Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex.

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

## 0.1.4. Quotes

> Eventually everything connects - people, ideas, objects... the quality of the connections is the key to quality per se. Charles Eames, designer, 1998

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

## 0.1.5. Tables

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

#### Table 1. Large

Header 1 | Header 2 | Header 3 | Header 4 | Header 5
--- | --- | --- | --- | ---
Row:1 Cell:1 | Row:1 Cell:2 | Row:1 Cell:3 | Row:1 Cell:4 | Row:1 Cell:5
Row:2 Cell:1 | Row:2 Cell:2 | Row:2 Cell:3 | Row:2 Cell:4 | Row:2 Cell:5
Row:3 Cell:1 | Row:3 Cell:2 | Row:3 Cell:3 | Row:3 Cell:4 | Row:3 Cell:5
Row:4 Cell:1 | Row:4 Cell:2 | Row:4 Cell:3 | Row:4 Cell:4 | Row:4 Cell:5
Row:5 Cell:1 | Row:5 Cell:2 | Row:5 Cell:3 | Row:5 Cell:4 | Row:5 Cell:5
Row:6 Cell:1 | Row:6 Cell:2 | Row:6 Cell:3 | Row:6 Cell:4 | Row:6 Cell:5

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

#### Table 2. Medium

Header 1 | Header 2 | Header 3 | Header 4 | Header 5
--- | --- | --- | --- | ---
Row:1 Cell:1 | Row:1 Cell:2 | Row:1 Cell:3 | Row:1 Cell:4 | Row:1 Cell:5
Row:2 Cell:1 | Row:2 Cell:2 | Row:2 Cell:3 | Row:2 Cell:4 | Row:2 Cell:5
Row:3 Cell:1 | Row:3 Cell:2 | Row:3 Cell:3 | Row:3 Cell:4 | Row:3 Cell:5
Row:4 Cell:1 | Row:4 Cell:2 | Row:4 Cell:3 | Row:4 Cell:4 | Row:4 Cell:5
Row:5 Cell:1 | Row:5 Cell:2 | Row:5 Cell:3 | Row:5 Cell:4 | Row:5 Cell:5
Row:6 Cell:1 | Row:6 Cell:2 | Row:6 Cell:3 | Row:6 Cell:4 | Row:6 Cell:5

#### Table 3. Small

Header 1 | Header 2
--- | ---
Row:1 Cell:1 | Row:1 Cell:2
Row:2 Cell:1 | Row:2 Cell:2
Row:3 Cell:1 | Row:3 Cell:2
Row:4 Cell:1 | Row:4 Cell:2

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

## 0.1.6. Equations

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

#### Equation 1.

x=−b±b 2−4 a c−−−−−−−√2 a.x=−b±b 2−4 a c 2 a.

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

## 0.1.7. Boxes

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

### Box 1. This is a box

Image 4 - Smal, Aenean quis aliquam lacus.

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

> Eventually everything connects - people, ideas, objects... the quality of the connections is the key to quality per se. Charles Eames, designer, 1998

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

#### Table 4. Large

Header 1 | Header 2 | Header 3 | Header 4 | Header 5
--- | --- | --- | --- | ---
Row:1 Cell:1 | Row:1 Cell:2 | Row:1 Cell:3 | Row:1 Cell:4 | Row:1 Cell:5
Row:2 Cell:1 | Row:2 Cell:2 | Row:2 Cell:3 | Row:2 Cell:4 | Row:2 Cell:5
Row:3 Cell:1 | Row:3 Cell:2 | Row:3 Cell:3 | Row:3 Cell:4 | Row:3 Cell:5
Row:4 Cell:1 | Row:4 Cell:2 | Row:4 Cell:3 | Row:4 Cell:4 | Row:4 Cell:5
Row:5 Cell:1 | Row:5 Cell:2 | Row:5 Cell:3 | Row:5 Cell:4 | Row:5 Cell:5
Row:6 Cell:1 | Row:6 Cell:2 | Row:6 Cell:3 | Row:6 Cell:4 | Row:6 Cell:5

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.

Consectetur adipiscing elit. Sed at aliquet metus, vel scelerisque ex. In hac habitasse platea dictumst. Fusce sit amet enim et ante euismod ultricies eu vitae justo. Maecenas aliquam erat sit amet tellus tincidunt, eget tempus mauris molestie. In tristique suscipit posuere. Etiam sem libero, placerat quis dolor a, placerat sagittis purus. Praesent hendrerit pretium tortor, a eleifend leo dictum sit amet. Sed ultrices porttitor risus, ut sodales lectus rhoncus in. Suspendisse id hendrerit erat, id scelerisque odio. Mauris in ante dui. Donec ac consectetur lorem, eu commodo tellus. Vivamus eleifend purus in commodo posuere. Sed imperdiet ante vel convallis hendrerit. In ultrices metus quis turpis congue luctus. Curabitur laoreet tellus felis, a molestie ligula malesuada ut.