elemes/examples/content/dasar/test_slides.md

58 lines
2.4 KiB
Markdown

# Test Slide Feature
Selamat datang di materi uji coba fitur slide.
---slide-start---
# Slide 1: Pengenalan
Ini adalah konten slide pertama.
---
# Slide 2: Keuntungan
- Mudah digunakan
- Berbasis Markdown
- Interaktif
```embed
<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;">
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
src="https://www.canva.com/design/DAGxLO8cerw/GoZd4ObhxuXX2Don8fbBEg/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
</iframe>
</div>
<a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAGxLO8cerw&#x2F;GoZd4ObhxuXX2Don8fbBEg&#x2F;view?utm_content=DAGxLO8cerw&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Berfikir Komputasional </a> by ANGGORO DWI NUR ROHMAN
```
---
# Slide 3: Selesai
Terima kasih telah mencoba!
---slide-end---
Setelah slide di atas, ini adalah konten materi biasa.
## canva embed
```embed
<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;">
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
src="https://www.canva.com/design/DAGxLO8cerw/GoZd4ObhxuXX2Don8fbBEg/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
</iframe>
</div>
<a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAGxLO8cerw&#x2F;GoZd4ObhxuXX2Don8fbBEg&#x2F;view?utm_content=DAGxLO8cerw&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Berfikir Komputasional </a> by ANGGORO DWI NUR ROHMAN
```
## Youtube Embed
```embed
<iframe width="560" height="315" src="https://www.youtube.com/embed/QiLhQjYCP2Q?si=CwNjoALVUjeTJoSu" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
```
```c
#include <stdio.h>
int main() {
printf("Uji coba slide\n");
return 0;
}
```