layout.md

title: nodeppt Layout 布局演示 speaker: 三水清 url: https://github.com/ksky521/nodeppt

Layout{.text-subtitle.animated.fadeInDown.delay-800}

nodeppt {.text-landing.text-shadow}

这可能是迄今为止最好的网页版演示库 {.text-intro}

:fa-github: Github{.button.ghost}

Content Position {.text-landing}

:::{.content-left} ### 1/9 left top Put content wherever you want. Have less. Do more. Create beautiful solutions.

.slide-top and .content-left

:::{.content-center} ### 2/9 center top In a village of La Mancha, the name of which I have no desire to call to mind,

.slide-top and .content-center

:::{.content-right} ### 3/9 right top there lived not long since one of those gentlemen that keep a lance in the lance-rack, an old buckler, a lean hack, and a greyhound for coursing.

.slide-top and .content-right

:::{.content-left} ### 4/9 left top An olla of rather more beef than mutton, a salad on most nights, scraps on Saturdays,

.content-left

:::{.content-center} ### 5/9 center top lentils on Fridays, and a pigeon or so extra on Sundays, made away with three-quarters of his income.

.content-center

:::{.content-right} ### 6/9 right top he rest of it went in a doublet of fine cloth and velvet breeches and shoes to match for holidays,

.content-right

:::{.content-left} ### 7/9 left bottom while on week-days he made a brave figure in his best homespun.

.slide-bottom and .content-left

:::{.content-center} ### 8/9 center bottom He had in his house a housekeeper past forty, a niece under twenty, and a lad for the field and market-place,

.slide-bottom and .content-center

:::{.content-right} ### 9/9 right bottom who used to saddle the hack as well as handle the bill-hook.

.slide-bottom and .content-right

:::div {.content-right}

"There is something only a CEO uniquely can do, which is set that tone, which can then capture the soul of the collective." ==Satya Nadella, CEO of Microsoft.== :::

:::{.content-left}

.background-(position)

:::flexblock {.specs} ::fa-wifi::

Ultra-Fast WiFi

Simple and secure file sharing.

---

::fa-battery-full::

All day battery life

Your battery worries may be over.

---

::fa-life-ring::

All day battery life

We'll fix it or if we can't, we'll replace it.

:::

What is Stendhal Syndrome?

Beauty overdose. .text-pull-right {.text-intro}

Imagine that you are in Florence. If you suddenly start to feel that you literally cannot breathe, you may be experiencing Stendhal Syndrome.

Psychiatrists have long debated whether it really exists. {.text-pull-right}

The syndrome is not only associated with viewing a beautiful place, but also good art.

The beauty of Italian art has a concentrated perfection and transcendent sensuality that is incredibly addictive.

View More Demos? {.text-serif.aligncenter}

* * * {.text-symbols}

* [:fa-tv: Background](./background.html) * [:fa-magic: Animation](./animation.html) * [:fa-cube: Component](./component.html) * [:fa-youtube: Media](./media.html) * [:fa-css3: Classes](./index.html)

U work so hard, but 干不过 write PPTs

快使用 nodeppt 轻松搞定高大上PPT
nodeppt 助力你的人生逆袭之路！ {.text-into}

:fa-cloud-download: Github{.button}