Component

nodeppt

这可能是迄今为止最好的网页版演示库

Github

Grid column

:::comlumn

.grid + .column

Basic Grid (auto-fill and equal height).

Why WebSlides?

There're excellent presentation tools out there. WebSlides is about good karma and sharing content. Hypertext, clean code, and beauty as narrative elements.

How easy is WebSlides?

You can create your own presentation instantly. Just a basic knowledge of HTML and CSS is required. Simply choose a demo and customize it.

.grid.vertical-align + .column

Basic Grid (auto-fill and equal height).

Why WebSlides?

There're excellent presentation tools out there. WebSlides is about good karma and sharing content. Hypertext, clean code, and beauty as narrative elements.

How easy is WebSlides?

You can create your own presentation instantly. Just a basic knowledge of HTML and CSS is required. Simply choose a demo and customize it.

.grid.sm (sidebar + main)

.column 1

Stendhal syndrome is a psychosomatic disorder that causes rapid heartbeat, dizziness, fainting, confusion and even hallucinations when an individual is exposed to an experience of great personal significance, particularly viewing art.

.column 2

The illness is named after the 19th-century French author Stendhal (pseudonym of Marie-Henri Beyle), who described his experience with the phenomenon during his 1817 visit to Florence in his book Naples and Florence:: A Journey from Milan to Reggio.

When he visited the Basilica of Santa Croce, where Niccolò Machiavelli, Michelangelo and Galileo Galilei are buried, he saw Giotto's frescoes for the first time and was overcome with emotion.

.grid.ms ( main + sidebar)

.column 1

The illness is named after the 19th-century French author Stendhal (pseudonym of Marie-Henri Beyle), who described his experience with the phenomenon during his 1817 visit to Florence in his book Naples and Florence:: A Journey from Milan to Reggio.

When he visited the Basilica of Santa Croce, where Niccolò Machiavelli, Michelangelo and Galileo Galilei are buried, he saw Giotto's frescoes for the first time and was overcome with emotion.

.column 2

Stendhal syndrome is a psychosomatic disorder that causes rapid heartbeat, dizziness, fainting, confusion and even hallucinations when an individual is exposed to an experience of great personal significance, particularly viewing art.

.grid.sms ( sidebar + main + sidebar)

.column 1

Information architecture is considered to have been founded by Richard Saul Wurman.

.column 2

Information architecture (IA) is the structural design of shared information environments; the art and science of organizing and labelling websites, intranets, online communities and software to support usability and findability; and an emerging community of practice focused on bringing principles of design and architecture to the digital landscape.

.column 3

The difficulty in establishing a common definition for "information architecture" arises partly from the term's existence in multiple fields.

Card

:::card :::card-50 :::card-60...

Unsplash

.card-50.bg-white

Unsplash is a really cool resource. It is a collection of Creative Commons Zero licensed photos that are really great.

  • Role: Frontend
  • client: Acme
  • year: 2018

Bonsai

Bonsai is a Japanese art form using trees grown in containers — .card-50.

Similar practices exist in other cultures, including the Chinese tradition of penjing from which the art originated, and the miniature living landscapes of Vietnamese hòn non bộ.

* * *

Similar practices exist in other cultures, including the Chinese tradition of penjing from which the art originated, and the miniature living landscapes of Vietnamese hòn non

Bonsai

Bonsai is a Japanese art form using trees grown in containers — .card-60.

Similar practices exist in other cultures, including the Chinese tradition of penjing from which the art originated, and the miniature living landscapes of Vietnamese hòn non bộ.

* * *

Similar practices exist in other cultures, including the Chinese tradition of penjing from which the art originated, and the miniature living landscapes of Vietnamese hòn non

Bonsai

Bonsai is a Japanese art form using trees grown in containers — .card-30.

Similar practices exist in other cultures, including the Chinese tradition of penjing from which the art originated, and the miniature living landscapes of Vietnamese hòn non bộ.

* * *

Similar practices exist in other cultures, including the Chinese tradition of penjing from which the art originated, and the miniature living landscapes of Vietnamese hòn non

Bonsai

Bonsai is a Japanese art form using trees grown in containers — .fullscreen > .card-50.

Similar practices exist in other cultures, including the Chinese tradition of penjing from which the art originated, and the miniature living landscapes of Vietnamese hòn non bộ.

Quote Card

“WebSlides helped us build a culture of innovation and excellence.” Leonardo da Vinci

Flexible blocks

:::flexblock = Flexible blocks with auto-fill and equal height.

flexblock

  • Purpose

    Businesses that people love5

  • Purpose

    Businesses that people love6

  • Purpose

    Businesses that people love7

  • Purpose

    Businesses that people love8

flexblock

{.blink.border}

flexblock clients

{.clients}

flexblock clients

{.clients.border}

ul.flexblock.features

  • 100 % customizable

    Well documented

  • $48

    EXTRA VIRGIN OLIVE OIL

    The Spanish caviar.

  • Ultra-fast Wifi

    Simple file sharing.

ul.flexblock.features.blink

flexblock .Metrics

  • Founded 1972

  • 24M Subscribers

  • Founded 64%

  • Revenue:: $16M

  • Covers, cards, quotes...

  • Use multiples of 8.

  • Font Awesome Kit.

  • Bank:: $32M

shadowbox

:::shadowbox

  • We're web people.

    There're excellent presentation tools out there. WebSlides is about telling the story, and sharing it in a beautiful way. Hypertext and clean code as narrative elements.

  • Work better, faster.

    Designers, marketers, and journalists can now focus on the content. Simply choose a demo and customize it in minutes.

steps

:::steps

  • Interfaces

    When you're really passionate about your job, you can change the world.

  • Interfaces

    1. Architecture
    2. Design
    3. Development

  • Interfaces

    1. Architecture
    2. Design
    3. Development

  • Interfaces

    1. Architecture
    2. Design
    3. Development

gallery

:::gallery

gallery overlay

:::gallery-overlay

CTA

:::cta 不要问我为啥取这个名字。。

Watch TV shows anytime, anywhere

.frame.bg-red

$40

Watch TV shows anytime, anywhere

.frame.bg-red

View More Demos?

* * *

U work so hard, but 干不过 write PPTs

快使用 nodeppt 轻松搞定高大上PPT
nodeppt 助力你的人生逆袭之路！

Github