<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 paragraphs

</div>

---

## Three paragraphs

</div>

---

## One paragraph with nested lists

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

</div>

---

## One paragraph with resized image on top

</div>

---

## One paragraph with resized image on bottom

</div>

---

## One paragraph with resized image on top and bottom

</div>

---

## One paragraph with two images side by side

</div>

---

## Two columns

</div>

</div>

---

## Two columns with image on the left

</div>

</div>

---

## Two columns with resized image on the right

</div>

</div>

---

## Resized image on the right and larger column

</div>

</div>

---

## Inline code

</div>

---

## Inline code with long text

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

</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>

---

## Short source code with line numbers

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

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

</div>

---

## Short source code with line numbers and highlighted lines

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

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

</div>

---

## Source medium code

Some pretty code:
```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!");
}
```

</div>

---

## Source medium code with line numbers

Some pretty code:
```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!");
}
```

</div>

---

## Long source code

Some pretty code:
```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 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!");
}
```

</div>

---

## Long source code with line numbers and highlighted lines

Some pretty code:
```java [1|22]
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 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!");
}
```

</div>

---

## Source medium code with output

Some pretty code:
```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!");
}
```

<pre class="code-output"><code>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!"
</code></pre>

</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>

---

## Table with no header

</div>

---

## Table with images

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

</div>

---

## Text with footnote

</div>

<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.

</div>

---

## Text with footnotes

</div>

<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>

---

## Text inline math

</div>

---

## Text with math block

$$
    E = mc^2
$$

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.

</div>

---

## Itemize with effect

- Item 1 
- Item 2 
- Item 3

</div>

---

## Itemize with effect

You can specify a custom order of appearance.

- Item 1 
- Item 2 
- Item 3

</div>

---

## Two images with effects

</div>

---

<h2 data-id="title">Two slides with animations (first part)</h2>

</div>

---

<h2 data-id="title">Two slides with animations (second part)</h2>

</div>

---

## Website

Anything that allows you to embed a website, you can use too:

You can scroll, zoom in/out, ... .

</div>

---

## Mermaid Graphs

You can use [Mermaid](https://mermaid.js.org/intro/) graphs:

```mermaid
%%{
  init: {
    "flowchart": {
    },
  }
}%%

graph TD
    A[Enter Chart Definition] --> B(Preview)
    B --> C{decide}
    C --> D[Keep]
    C --> E[Edit Definition]
    E --> B
    D --> F[Save Image and Code]
    F --> B
```

This is done by the [Reveal.js Mermaid](https://github.com/zjffun/reveal.js-mermaid-plugin) plugin.

</div>

---

## NOTE, HINT, WARNING

<div class="alert alert-note"><b>RECALL</b>: <code>mysum += i</code> is the same as <code>mysum = mysum + i</code></div>

<div class="alert alert-hint"><b>HINT</b>: <code>mysum += i</code> is the same as <code>mysum = mysum + i</code></div>

<div class="alert alert-warning"><b>WARNING</b>: <code>mysum += i</code> is the same as <code>mysum = mysum + i</code></div>

</div>