<div id="title">Esempio titolo prima riga</div>

<div id="title-2">Seconda riga</div>

<div id="subtitle">Esempio sottotitolo prima riga</div>

<div id="subtitle-2">seconda riga</div>

<div id="date">25 ottobre 2025</div>

---

## Esempio di divisoria

Esempio di sottotitolo

---

## Esempio di divisoria

Esempio di sottotitolo

---

Agenda Titolo

1. **Titolo lorem ipsum dolor**
2. Titolo lorem ipsum dolor
3. Titolo lorem ipsum dolor
4. Titolo lorem ipsum dolor

---

## One paragraph

Luiss University has currently **19 double degree programs** with prestigious universities from every corner of the world,
as well as several structured partnerships and international networks, such as the **QTEM** - Quantitative Techniques for Economics and Management.

</div>

---

## Two columns

This slide demonstrates the `col`, `top-col` and `no-column` tags.

</div>

</div>

This sentence is not part of the columns

</div>

---

## Fragments list

You can reveal bullet points progressively using `fragment` tags.

- Item 1

- Item 2: this is shown with item 1

</div>

- Item 3

</div>

- Item 4

</div>

This sentend is shown at the beginning of the slide!

</div>

---

## Fragments with custom order

You can also control fragment order using `fragment-index-N` tags.

- Item 1 (index 3)

</div>

- Item 2 (index 1)

</div>

- Item 3 (index 2)

</div>

---

## Alerts (NOTE, HINT, WARNING, RECALL)

The following cells use alert tags to render styled callouts:

<div class="alert alert-recall"><code>mysum += i</code> is the same as <code>mysum = mysum + i2</code>.</div>

<div class="alert alert-hint">Use <code>mysum += i</code> to make your code shorter.</div>

<div class="alert alert-warning">Be careful: changing the operator changes the meaning of the expression.</div>

</div>

---

## Text with footnote

</div>

</div>

---

## Inline math and block math

$$
    E = mc^2
$$

</div>

---

## Two paragraphs

</div>

---

## One paragraph with image

</div>

---

## Short source code

Some pretty code:

```java
public void test() {
    String words = "Hello world!";
    int[] numbers = {0, 1, 42, 1337};

System.out.println(words);
}
```

</div>

---

## Table

| Column 1 | Column 2 | Column 3 |
| :------: | :------: | :------: |
| Row 1    | Row 1    | Row 1    |
| Row 2    | Row 2    | Row 2    |
| Row 3    | Row 3    | Row 3    |

</div>

---

## Three paragraphs

</div>

---

## One paragraph with nested lists

1. A
    - one
    - two
    - three
        - one
        - two
        - three
2. B
3. C

</div>

---

## Image on top

</div>

---

## Image on bottom

</div>

---

## Two images (top and bottom)

</div>

---

## Two images side by side

This slide corresponds to the template with two images side by side:

</div>

</div>

</div>

---

## Two columns (text)

This corresponds to the "Two columns" slide in the markdown template.

</div>

</div>

---

## Two columns with image on the left

</div>

</div>

---

## Two columns with resized image on the right

</div>

</div>

---

## Inline code examples

Variables `iso`, `iso_size` and `destination` belong to function `copy_iso_to_usb()`.

</div>

---

## Short code with line numbers

```java []
public void test() {
    String words = "Hello world!";
    int[] numbers = {0, 1, 42, 1337};

System.out.println(words);
}
```

</div>

---

## Short code with highlighted lines

```java [1, 3]
public void test() {
    String words = "Hello world!";
    int[] numbers = {0, 1, 42, 1337};

System.out.println(words);
}
```

</div>

---

## Long source code variants

```java
public void test() {
    String words = "Hello world!";
    int[] numbers = {0, 1, 42, 1337};

System.out.println(words);

// Print each number in the array
    for (int n : numbers) {
        System.out.println(n);
    }

System.out.println("Well this is a very long line of code, I wonder how it will wrap? Do you know? I am very curious ... . Well, let's find out, shall we!");
}

public void test2() {
    String words = "Hello world!";
    int[] numbers = {0, 1, 42, 1337};

System.out.println(words);

// Print each number in the array
    for (int n : numbers) {
        System.out.println(n);
    }

System.out.println("Well this is a very long line of code, I wonder how it will wrap? Do you know? I am very curious ... . Well, let's find out, shall we!");
}
```

</div>

---

## Code with output

```java
public void test() {
    String words = "Hello world!";
    int[] numbers = {0, 1, 42, 1337};

System.out.println(words);

// Print each number in the array
    for (int n : numbers) {
        System.out.println(n);
    }

System.out.println("Well this is a very long line of code, I wonder how it will wrap? Do you know? I am very curious ... . Well, let's find out, shall we!");
}
```

Output example:

```text
0
1
42
1337
"Well this is a very long line of code, I wonder how it will wrap? Do you know? I am very curious ... . Well, let's find out, shall we!"
```

</div>

---

## Table without header

</div>

---

## Table with images

| Column 1 | Column 2 | Column 3 |
| :------: | :------: | :------: |
| <img src="./img/image.png" style="height: 300px;" /> | <img src="./img/image.png" style="height: 300px;" /> | <img src="./img/image.png" style="height: 300px;" /> |
| A | B | C |

</div>

---

## Text with footnotes

<sup>1</sup> Quantitative Techniques for Economics and Management. Quantitative Techniques for Economics and Management. Quantitative Techniques for Economics and Management. Quantitative Techniques for Economics and Management.
<sup>2</sup> Quantitative Techniques for Economics and Management. Quantitative Techniques for Economics and Management.
<sup>3</sup> Quantitative Techniques for Economics and Management. Quantitative Techniques for Economics and Management.

</div>

---

## Math examples

Inline math: $\\sum_{i=1}^{n} i^2$.

Block math:

$$
    E = mc^2
$$

</div>

---

## Images with fragment effects

</div>

</div>

---

## Website embed

Anything that allows you to embed a website can be used, for example Google Maps:

</div>

---

<h2 data-id="title">Auto-animate example (slide 1)</h2>

</div>

---

<h2 data-id="title">Auto-animate example (slide 2)</h2>

</div>