My Headerr

header(role=‘banner’) nav(role=‘navigation’) p.logo a(href='#' title=‘WebSlides’) WebSlides

ul
  li.github
    a(rel='external' href='https://github.com/bkuri' title='GitHub')
      +fa('github', 'GitHub')

  li.twitter
    a(rel='external' href='https://twitter.com/bkuri' title='Twitter')
      +fa('twitter', '@bkuri')

My work portfolio

  • list1
  • list2

2019 - Now

2017 - 2019

TEST slide 3

All from one markdown file

Use three dashes “-” to create a separate slide page.


Slide1

---

Slide2


content
├── home
│   ├── home1.md (weight: 1)
│   └── home2.md (weight: 2)
└── _index.md (initial page)

Or not.

You can combine and arrange files with the weight parameter in front matter, and categorize .md files into different folders.

Simple Class Assignment

Assign class to a block by using the following notation without quote.

<!-- : .class -->Content

You can assign class to many elements

  • Slides

    <!-- : sectionClass .divClass ..subClass --> Content

    <section class="sectionClass">
  <div class="divClass">
    <div class="subClass">
    Content
    </div>
  </div>
</section>
  • Headers and Paragraphs

    # <!-- : .hClass -->Header <!-- : .pClass -->Paragraph

    <h1 class="hClass">Header</h1>
<p class="pClass">Paragraph</p>
  • Lists

    <!-- : .listClass --> - list1 - list2

    <ul class="listClass">
  <li>list1</li>
  <li>list2</li>
</ul>