layout: true <div class="logo">Eesti Maaülikool</div> --- class: middle, title-slide # Sample presentation ## Just to show how it looks #### Author's name #### Date --- class: middle center clean # First topic ### With a subtitle --- ## Markdown elements In [publishing](https://www.wikiwand.com/en/Publishing) and [graphic design](https://www.wikiwand.com/en/Graphic_design), **lorem ipsum** (derived from Latin *dolorem ipsum*, translated as "pain itself") is a [filler text](https://www.wikiwand.com/en/Filler_text) commonly used to demonstrate the graphic elements of a document or visual presentation. [^1] A common form of *lorem ipsum* reads: > Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Inline styles support **strong**, *Emphasis*, `code`, <u>underline</u>, ~~strikethrough~~, :haha:, $\LaTeX$, X^2^, H~2~O, ==highlight==, [Link](typora.io), and image: --- ## Slide with two columns .pull-left[ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. ] .pull-right[  ] --- class: middle clean ### First section ### Another topic # Next up ### Last topic --- ## Image  --- ## Headings This is what they look like. # Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 ##### Heading 5 ###### Heading 6 --- ## Footnotes This is just smaller text at the bottom of slide. .footnote[ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu quam id mauris egestas lacinia vitae non ex. Vivamus lobortis erat at arcu tempus pharetra. Mauris a pellentesque odio. Quisque aliquet gravida arcu aliquam tempus. Aliquam at massa libero. Vestibulum dignissim nunc eu vehicula vestibulum. Aliquam ante purus, ultricies ut tristique id, sollicitudin vel est. Nullam sodales faucibus dui, sed viverra turpis faucibus sit amet. Phasellus eget tellus lectus. ] --- ## Table | Left-Aligned | Center Aligned | Right Aligned | | :------------ | :-------------: | ------------: | | col 3 is | some wordy text | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 | --- ## Lists 1. ordered list item 1 2. ordered list item 2 - sub-unordered list item 1 - sub-unordered list item 2 + [x] something is DONE + [ ] something is TODO - sub-unordered list item 3 3. ordered list item 3 --- class: center middle inverse # Remember this! This is an example of a centered inverse color slide. --- ## Code blocks are also rendered ```html <!DOCTYPE html> <html> <body> <h1>The *= Operator</h1> <p id="demo"></p> <script> var x = 10; x *= 5; document.getElementById("demo").innerHTML = x; </script> </body> </html> ``` --- class: center middle clean # Thank you for your attention!