ws.lladosgame.com Open in urlscan Pro
2a12:d280:100:56::  Public Scan

Form analysis
0 forms found in the DOM

Text Content

WebSlides

 * WebSlides
 * @WebSlides
   


CREATE BEAUTIFUL STORIES

WebSlides makes HTML presentations easy.
Just the essentials and using lovely CSS.

WebSlides


WHY WEBSLIDES?

Presentations, landings, portfolios, and longforms.


 * AN OPPORTUNITY TO ENGAGE.
   
   WebSlides is about good karma. This is about telling the story, and sharing
   it in a beautiful way. HTML and CSS 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.


WEBSLIDES IS REALLY EASY

Each parent <section> in the #webslides element is an individual slide.

Code is clean and scalable. It uses intuitive markup with popular naming
conventions. There's no need to overuse classes or nesting. Making an HTML
presentation has never been so fast.

<article id="webslides">
  <!-- Slide 1 -->
  <section>
    <h1>Design for trust</h1>
  </section>
  <!-- Slide 2 -->
  <section class="bg-primary">
    <div class="wrap">
      <h2>.wrap = container (width: 90%)</h2>
    </div>
  </section>
</article>



FEATURES


 * → SIMPLE NAVIGATION
   
   with arrow keys, presenter...


 * PERMALINKS
   
   Go to a specific slide.


 * SLIDE COUNTER
   
   Current/Total number.


 * 40+ BEAUTIFUL COMPONENTS
   
   Covers, cards, quotes...


 * VERTICAL RHYTHM
   
   Use multiples of 8.


 * 500+ SVG ICONS
   
   Font Awesome Kit.


WEBSLIDES DEMOS

Contribute on Github. View all ›


 * WHY WEBSLIDES?


 * LANDINGS


 * PORTFOLIOS


 * APPLE KEYNOTE

GUIDES

If you need help, here's just three tutorials. Just a basic knowledge of HTML is
required:

 * WebSlides Components.
 * WebSlides Classes.
 * WebSlides Media: images, videos...



BUILT TO EXPAND

The best way to inspire with your content is to connect on a personal level:

 * Background images: Unsplash.
 * CSS animations: Animate.css.
 * Longforms: Animate on scroll.


READY TO START?

Create your own presentation instantly.
120+ premium slides ready to use.

Free Download Pay what you want.


THANKS.

People share content that makes them feel inspired. WebSlides is a very
effective way to engage young audiences, customers, and teams.

Best,
@jlantunez, @belelros, and @luissacristan.

↓↑1 / 8


CREATE BEAUTIFUL STORIES

WebSlides makes HTML presentations easy.
Just the essentials and using lovely CSS.

WebSlides



1


WHY WEBSLIDES?

Presentations, landings, portfolios, and longforms.


 * AN OPPORTUNITY TO ENGAGE.
   
   WebSlides is about good karma. This is about telling the story, and sharing
   it in a beautiful way. HTML and CSS 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.



2


WEBSLIDES IS REALLY EASY

Each parent <section> in the #webslides element is an individual slide.

Code is clean and scalable. It uses intuitive markup with popular naming
conventions. There's no need to overuse classes or nesting. Making an HTML
presentation has never been so fast.

<article id="webslides">
  <!-- Slide 1 -->
  <section>
    <h1>Design for trust</h1>
  </section>
  <!-- Slide 2 -->
  <section class="bg-primary">
    <div class="wrap">
      <h2>.wrap = container (width: 90%)</h2>
    </div>
  </section>
</article>




3


FEATURES


 * → SIMPLE NAVIGATION
   
   with arrow keys, presenter...


 * PERMALINKS
   
   Go to a specific slide.


 * SLIDE COUNTER
   
   Current/Total number.


 * 40+ BEAUTIFUL COMPONENTS
   
   Covers, cards, quotes...


 * VERTICAL RHYTHM
   
   Use multiples of 8.


 * 500+ SVG ICONS
   
   Font Awesome Kit.



4


WEBSLIDES DEMOS

Contribute on Github. View all ›


 * WHY WEBSLIDES?


 * LANDINGS


 * PORTFOLIOS


 * APPLE KEYNOTE



5

GUIDES

If you need help, here's just three tutorials. Just a basic knowledge of HTML is
required:

 * WebSlides Components.
 * WebSlides Classes.
 * WebSlides Media: images, videos...



BUILT TO EXPAND

The best way to inspire with your content is to connect on a personal level:

 * Background images: Unsplash.
 * CSS animations: Animate.css.
 * Longforms: Animate on scroll.



6


READY TO START?

Create your own presentation instantly.
120+ premium slides ready to use.

Free Download Pay what you want.



7


THANKS.

People share content that makes them feel inspired. WebSlides is a very
effective way to engage young audiences, customers, and teams.

Best,
@jlantunez, @belelros, and @luissacristan.



8