Each parent <section> in the #webslides element is an individual slide.
+
Code is neat, scalable, and well documented. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides, by Jenn Schiffer :)
Jobs unveiled the iPhone to the public on January 9, 2007, at the Macworld 2007 convention at the Moscone Center in San Francisco. Apple sold 6.1 million first generation iPhone units over five quarters.
+
Image size recommended: 800x600px / 600x450px.
+
+
+
+
+
+
+
img.alignright
+
img.alignright.size-50
+
Jobs unveiled the iPhone to the public on January 9, 2007, at the Macworld 2007 convention at the Moscone Center in San Francisco. Apple sold 6.1 million first generation iPhone units over five quarters.
+
Image size recommended: 800x600px / 600x450px.
+
+
+
+
+
+
+
img.aligncenter.size-40
+
+
+
+
+
+
+
1/9 left top
+
Put content wherever you want. Have less. Do more. Create beautiful solutions.
+
.slide-top and .content-left
+
+
+
+
+
+
+
+
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
+
+
+
+
+
+
+
+
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
+
+
+
+
+
+
+
+
4/9 left center
+
An olla of rather more beef than mutton, a salad on most nights, scraps on Saturdays,
+
.content-left
+
+
+
+
+
+
+
+
5/9 center
+
lentils on Fridays, and a pigeon or so extra on Sundays, made away with three-quarters of his income.
+
.content-center
+
+
+
+
+
+
+
+
6/9 right center
+
he rest of it went in a doublet of fine cloth and velvet breeches and shoes to match for holidays,
+
.content-right
+
+
+
+
+
+
+
+
7/9 left bottom
+
while on week-days he made a brave figure in his best homespun.
+
.slide-bottom and .content-left
+
+
+
+
+
+
+
+
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
+
+
+
+
+
+
+
+
9/9 right bottom
+
who used to saddle the hack as well as handle the bill-hook.
+
.slide-bottom and .content-right
+
+
+
+
+
+
+
+
.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
+
Beauty is a characteristic of an animal, idea, object, person or place that provides a perceptual experience of pleasure or satisfaction. Beauty is studied as part of aesthetics, culture, social psychology and sociology.
+
An "ideal beauty" is an entity which is admired, or possesses features widely attributed to beauty in a particular culture, for perfection.
+
+
+
.column 2
+
The experience of "beauty" often involves an interpretation of some entity as being in balance and harmony with nature, which may lead to feelings of attraction and emotional well-being.
+
+
+
+
+
+
+
+
+
.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.
+ In Greek thought, inspiration meant that the poet or artist would go into ecstasy or furor poeticus, the divine frenzy or poetic madness. The Muses are the inspirational goddesses of literature, science, and the arts in Greek mythology.
+
WebSlides is incredibly easy and versatile. The easiest way to make HTML presentations.
+
+
+
+
+
+
.text-cols (2 columns)
+
+
Why WebSlides? There are excellent presentation tools out there. WebSlides is about sharing content, essential features, and clean markup. Each parent <section> in the #webslides element is an individual slide.
+
WebSlides help you build a culture of innovation and excellence. When you're really passionate about your job, you can change the world. How to manage a design-driven organization? Leadership through usefulness, openness, empathy, and good taste.
+
+
+
+
+
+ Call us at 555.345.6789
+
+
+
+
+
+ @username
+
+
+
+
+
+ Send us an email
+
+
+
+
+
+
+
+
+
+
+
+ A Phone by Google
+
+
Pixel's camera lets you take brilliant photos in low light, bright light or any light.
Each parent <section> in the #webslides element is an individual slide.
+
Code looks superb. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Just focus on your ideas. Based on SimpleSlides, by Jenn Schiffer :)
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome.
+
+
+
.column 2
+
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome. Just focus on your content. Have less. Do more.
+
+
+
.column 3
+
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome.
+
+
+
+
+
+
+
+
+
.grid.vertical-align > .column
+
+
+
+
.column 1
+
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome.
+
+
+
.column 2
+
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome. Just focus on your content. Have less. Do more. Create beautiful solutions. Our children's world will be better.
+
+
+
.column 3
+
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome.
+
+
+
+
+
+
+
+
+
.grid.sm (sidebar + main)
+
+
+
+
.column 1
+
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome.
+
+
+
.column 2
+
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome. Just focus on your content. Have less. Do more. Create beautiful solutions. Our children's world will be better.
+
+
+
+
+
+
+
+
+
.grid.ms (main + sidebar)
+
+
+
+
.column 1
+
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome.
+
+
+
.column 2
+
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome. Just focus on your content. Have less. Do more. Create beautiful solutions. Our children's world will be better.
+
+
+
+
+
+
+
+
+
.grid.sms (sidebar + main + sidebar)
+
+
+
+
.column 1
+
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome.
+
+
+
.column 2
+
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome. Just focus on your content. Have less. Do more. Create beautiful solutions. Our children's world will be better.
+
+
+
.column 3
+
Incredibly versatile! Auto-fill and equal height. Flexbox is awesome. Just focus on your content. Have less. Do more. Create beautiful solutions. Our children's world will be better.
+
+
+
+
+
+
+
+
Simple CSS Alignments
+
Put content wherever you want.
+
+
+
+
+
1/9 left top
+
Put content wherever you want. Have less. Do more. Create beautiful solutions.
+
.slide-top and .content-left
+
+
+
+
+
+
+
+
2/9 center top
+
Your story needs to be clear. A great lasting story is about everyone or it will not last.
+
.slide-top and .content-center
+
+
+
+
+
+
+
+
3/9 right top
+
Your story needs to be short. Select words carefully, each one must convey a meaning.
+
.slide-top and .content-right
+
+
+
+
+
+
+
+
4/9 left center
+
Your slides should be clear and well structured. What's the point of the story? Why is that relevant?
+
.content-left
+
+
+
+
+
+
+
+
5/9 center
+
Stories are all around us. They are what move us, make us feel alive, and inspire us.
+
.content-center
+
+
+
+
+
+
+
+
6/9 right center
+
Your presentation should have the same elements as a good book. Action, failure, and success.
+
.content-right
+
+
+
+
+
+
+
+
7/9 left bottom
+
How to tell strategic stories? What Promised Land is the company conveying through its words and images.
+
.slide-bottom and .content-left
+
+
+
+
+
+
+
+
8/9 center bottom
+
What's the Promised Land? What change do you want to bring to the world? The Promised Land is the North Star.
+
.slide-bottom and .content-center
+
+
+
+
+
+
+
+
9/9 right bottom
+
Your origin story helps people decide whether or not to trust you. How was your life before the life-changing event?
+
.slide-bottom and .content-right
+
+
+
+
+
+
+
+
img.size-50
+
img.alignright.size-50
+
Jobs unveiled the iPhone to the public on January 9, 2007, at the Macworld 2007 convention at the Moscone Center in San Francisco. Apple sold 6.1 million first generation iPhone units over five quarters.
+
Image size recommended: 800x600px / 600x450px.
+
+
+
+
+
+
+
img.size-50
+
img.alignleft.size-50
+
Jobs unveiled the iPhone to the public on January 9, 2007, at the Macworld 2007 convention at the Moscone Center in San Francisco. Apple sold 6.1 million first generation iPhone units over five quarters.
+
Image size recommended: 800x600px / 600x450px.
+
+
+
+
+
+
+
img.size-30
+
img.alignleft.size-30
+
Jobs unveiled the iPhone to the public on January 9, 2007, at the Macworld 2007 convention at the Moscone Center in San Francisco.
+
Image size recommended: 800x600px / 600x450px.
+
+
+
+
+
+
Corporate Backgrounds
+
+
+
.bg-primary
+ #44d
+
+
+
.bg-secondary
+ #67d
+
+
+
.bg-light
+ #edf2f7
+
+
+
body
+ #f7f9fb
+
+
+
+
General Colors
+
+
+
.bg-black
+ #111
+
+
+
.bg-black-blue
+ #123
+
+
+
.bg-white
+ #fff
+
+
+
+
+
+
+
+
+
+
.bg-red
+ #c23
+
+
+
.bg-green
+ #077
+
+
+
.bg-blue
+ #346
+
+
+
.bg-purple
+ #62b
+
+
+
+
Transparent Backgrounds
+
+
+
.bg-trans-dark
+ rgba(0,0,0 , 0.5)
+
+
+
.bg-trans-light
+ rgba(255,255,255 , 0.2)
+
+
+
+
+
+
+
+
Gradients
+
+
Horizontal .bg-gradient-h
+
Radial .bg-gradient-r
+
Vertical .bg-gradient-v
+
+
+
+
+
+
+
Vertical Gradient
+
.bg-gradient-v
+
+
+
+
+
+
Radial Gradient
+
.bg-gradient-r
+
+
+
+
+
One more background :)
+
.bg-apple
+
+
+
+
+
Contents
+
ul.flexblock = Flexible blocks with auto-fill and equal height.
The history of the music industry is also the story of the development of technology.
+
+
+
+
+
+
+
4,623,781
+
downloads in first 24 hours
+
+
+
+
+
+
+
$56 Billion
+
Revenue in Q3 2017
+
+
+
+
+
+
+
+
+
+
+
1,000,000
+
We're working to protect up to a million acres of sustainable forest.
+
+
+
+
+
+
+
+
WebSlides help you build a culture of innovation.
+
+
+
+
All content is for demo purposes only, to show an example of a live site. The easiest way to make HTML presentations. Inspire and engage.
+
+
+
+
Founded
+ 2040
+
+
+ 120+
+ Prebuilt Slides
+
+
+
+
+
+ 24M Downloads
+
+
+
+
+
+ Revenue: $16M
+
+
+
+
+
+
+
+
Abouts
+
+
+
+
+
+
+
+
WebSlides was made to inspire people.
+
+
+
There are great presentation tools out there. This is about good karma: hypertext, clean code, and beauty as narrative elements. Three essential features.
+
+
+
+
+
+ →
+ Keyboard navigation
+
+ and swipe gestures.
+
+
+
+
+
+
+ Go to a specific slide
+
+ URL: #slide=number
+
+
+
+
+
+
+ Slide counter
+
+ Current/Total number.
+
+
+
+
+
+
+
+
+
+
WebSlides help you build a culture of excellence.
+
+
+
+
All content is for demo purposes only, to show an example of a live site. All images are the copyright of their respective owners.
A phone should be absolutely simple, beautiful, and magical to use. 3D Touch, 12MP photos, and 4K video.
+
+
Benefit 1
+
The easiest way to make HTML presentations. Incredibly versatile. 120+ slides.
+
+
+
+
Benefit 2
+
The art of storytelling. Inspire teams, fascinate customers, and gain attention from investors.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ iPhone 7
+
+
3D Touch, 12MP photos, and 4K video. Centering vertically using grid.vertical-align
+
Every iPhone they have made was built on the same belief. That a phone should be more than a collection of features. That, above all, a phone should be absolutely simple, beautiful, and magical to use.
The first phone with the Google Assistant built in. Centering vertically using grid.vertical-align.
+
It has the highest rated smartphone camera. Ever. A battery that lasts all day. Unlimited storage for all your photos and videos. And it’s the first phone with the Google Assistant built in.
+ Florence was a centre of medieval European trade and finance and one of the wealthiest cities of the time. It is considered the birthplace of the Renaissance, and has been called "the Athens of the Middle Ages".
+
+ Stendhal syndrome is a disorder that causes rapid heartbeat and dizziness when an individual is exposed to an experience of great personal significance, particularly viewing art.
+
+
+ The illness is named after the 19th-century French author Stendhal, who described his experience with the phenomenon during his 1817 visit to Florence.
+
There're excellent presentation tools out there. WebSlides is about telling and sharing stories. Hypertext, clean code, and beauty as narrative elements.
WebSlides is an open source framework for building HTML presentations, landings, and portfolios.
+
.bg-apple
+
+
+
+
+
+
+
HTML presentations can be easy
+
+
+
+
+
+
Features
+
+
+
+
+ →
+ Simple Navigation
+
+ with arrow keys and swipe.
+
+
+
+
+
+
+ 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 was made to inspire people.
+
+
+
+
WebSlides is an wonderful way to showcase your company. All content is for demo purposes only. Images are property of their respective owners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
WebSlides help you build a culture of excellence.
+
+
+
+
The art of storytelling. Hypertext, clean code, and beauty as narrative elements. Just essential features and lovely CSS. All content is for demo purposes only.
+
+
+
+
Founded
+ 1976
+
+
+
+
+
+ 524M Subscribers
+
+
+
+
+
+ Revenue: $16M
+
+
+ Monthly Growth
+ 64%
+
+
+
+
+
+
+
+
+
+
Founded
+ 1976
+
+
+
+
+
+ 524M Subscribers
+
+
+
+
+
+ Revenue: $16M
+
+
+ Monthly Growth
+ 64%
+
+
+
+
+
+ 6 Offices
+
+
+
+
+
+ 14K Employees
+
+
+
+ $4M
+
+ EBITDA
+
+
+
+
+
+ Bank: $76B
+
+
+
+
+
+
+
+
+
3,456,789
+
iPhone 7 in first 24 hours
+
+
+
+
+
+
+
$48 Billion
+
Revenue in Q4 2024
+
+
+
+
+
+
+
+
+
+
+
+
1,000,000
+
We're working to protect up to a million acres of sustainable forest.
+
+
+
+
+
+
+
+
+
+
+
+ iPhone 7
+
+
3D Touch, 12MP photos, and 4K video.
+
Every iPhone they have made was built on the same belief. That a phone should be more than a collection of features. That, above all, a phone should be absolutely simple, beautiful, and magical to use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ iPhone 7
+
+
We worked closely with the very talented people at Acme and created a new website. Content demo.
Apple Pay is so easy. Pay with your debit cards and credit cards with just a touch.
+
+
Secure
+
Your card is never stored. Apple Pay uses a device-specific number and unique transaction code.
+
+
+
+
Universal
+
Apple Pay works with most major credit and debit cards from nearly all banks.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Incredibly fast
+ Just hold your iPhone near the reader.
+
+
+
+
+
+
Works with all major banks
+ Apple Pay is accepted in restaurants, hotels...
+
+
+
+
+
+
The safer way to pay
+ Your card number is never stored.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Pay
+
+
Use your iPhone to pay securely and easily at over a million store locations and within apps — with a single touch. See where you can use Apple Pay:
+
+
+
+
+
+
+
+
+
+
+
I'm an optimist in the sense that I believe humans are noble and honorable, and some of them are really smart. I have a very optimistic view of individuals.
+
+
+ Steve Jobs.
+
+
+
+
+
+
+
+
+
+
+
+
“We see that privacy is a fundamental human right that people have. We are going to do everything that we can to help maintain that trust.”
+
Tim Cook, CEO of Apple.
+
+
+
+
+
+
+
+
+
+
Header .alignright
+
+
+
+
Simple CSS Alignments
+
Put content wherever you want.
+
+
+
+
+
+
+
1/9 left top
+
Put content wherever you want. Have less. Do more. Create beautiful solutions.
+
.slide-top and .content-left
+
+
+
+
+
+
+
+
2/9 center top
+
Apple I was designed and hand-built by Steve Wozniak. Steve Jobs had the idea of selling the computer.
+
.slide-top and .content-center
+
+
+
+
+
+
+
+
3/9 right top
+
The Apple II is one of the first highly successful computers.
+
.slide-top and .content-right
+
+
+
+
+
+
+
+
4/9 left center
+
The Apple III is a business-oriented personal computer that was intended as the successor to the Apple II series.
+
.content-left
+
+
+
+
+
+
+
+
5/9 center
+
Apple Lisa was one of the first personal computers to offer a graphical user interface.
+
.content-center
+
+
+
+
+
+
+
+
6/9 right center
+
The Macintosh was the company's first mass-market personal computer featuring a GUI and mouse.
+
.content-right
+
+
+
+
+
+
+
+
7/9 left bottom
+
The iBook was a line of laptop computers designed and marketed by Apple Inc. from 1999 to 2006.
+
.slide-bottom and .content-left
+
+
+
+
+
+
+
+
8/9 center bottom
+
Apple introduced the first generation iPod on October 23, 2001, with the slogan "1,000 songs in your pocket".
+
.slide-bottom and .content-center
+
+
+
+
+
+
+
+
9/9 right bottom
+
The original iPhone was introduced by Steve Jobs on January 9, 2007. Jobs introduced the iPhone as a combination of three devices.
Each parent <section> in the #webslides element is an individual slide.
+
Code looks neat, pure. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides, by Jenn Schiffer. Tutorials: Components · Classes.
WebSlides is an open source tool for telling stories.
+ Make it simple, but significant.
+
+
+
+
+
+
+
How to Tell Your Story?
+
* * *
+
Stories have the power to change the world. WebSlides helps you write better content, faster. Your slides are there to support your story. Choose words wisely, create meaning with them, keep it simple.
+
+
+
+
+
+
Why WebSlides? Good karma and productivity.
+
+
+
+
+
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.
+
+
+
+
+
+
+
+
+
Why WebSlides?
+
There are amazing presentation tools out there.
+
Everyone loves a good story. WebSlides is about good karma. This is about telling the story, and sharing it in a beautiful way. How? Making HTML presentations easy. Hypertext, clean code, and beauty as narrative elements.
Cari makes connections based on your relationships, uses humor, and is eager to learn more about your world and how to make your life easier to manage.
WebSlides is about telling the story, and sharing it in a beautiful way.
+
+
+
+
+
+
+
+
New in London
+
Hotel Daenerys
+
The Daenerys has facilities such as a 24-hour front desk, an elevator with access to all rooms, and a terrace with a garden where guests can enjoy breakfast during the summer.
When you're really passionate about your job, you can change the world.
+
+
+
+
+
+
+
02. Purpose
+
Why does this business exist? How are you different? Why matters?
+
+
+
+
+
+
+
03. Principles
+
Leadership through usefulness, openness, empathy, and good taste.
+
+
+
+
+
+
+
04. Process
+
+
Useful
+
Easy
+
Fast
+
Beautiful
+
+
+
+
+
+
+
+
+
+
+
+
+ FAQs
+
WebSlides is an open source solution by @jlantunez. If you have additional questions, get in touch!
+
+
+
+
Why WebSlides?
+
There are excellent presentation tools out there. WebSlides is about good karma and sharing content. Hypertext, clean code, and beauty as narrative elements.
You can create your own presentation instantly. Just a basic knowledge of HTML and CSS is required. Simply choose a demo and customize it.
+
+
+
+
+
+
+
+
+
+
Why WebSlides?
+
.text-cols (2 columns).
+
+
Everyone loves a good story. WebSlides is about sharing and good karma. This is about telling the story, and sharing it in a beautiful way. How? Making HTML presentations easy. Hypertext, clean code, and beauty as narrative elements.
+
WebSlides help you build a culture of innovation and excellence. How to manage a design-driven organization? Leadership through usefulness, openness, empathy, and good taste. When you're really passionate about your job, you can change the world.
When you're really passionate about your job, you can change the world.
+
+
+
+
+
+
Design Better
+
The most popular elements commonly used for creating landings and portfolios.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ iPhone 7
+
+
3D Touch, 12MP photos, and 4K video. Centering vertically using grid.vertical-align
+
Every iPhone they have made was built on the same belief. That a phone should be more than a collection of features. That, above all, a phone should be absolutely simple, beautiful, and magical to use.
+ The palatial city consist of six palaces and two tower-palaces, of which only the Palaces of Comares and of the Lions have been preserved.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
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ộ.
+
* * *
+
+
+
+
+
+
+
Metrics & Data
+
+
+
+
+
+
+
WebSlides help you build a culture of innovation.
+
+
+
+
.flexblock.metrics All content is for demo purposes only, to show an example of a live site. All images are the copyright of their respective owners.
+
+
+
+
Founded
+ 1986
+
+
+ 120+
+ Prebuilt Slides
+
+
+
+
+
+ 32M Downloads
+
+
+
+
+
+ Revenue: $72M
+
+
+
+
+
+
+
+
Metrics
+
+
+
Founded
+ 1972
+
+
+
+
+
+ 24M Subscribers
+
+
+
+
+
+ Revenue: $16M
+
+
+ Monthly Growth
+ 64%
+
+
+
+
+
+ 8 Offices
+
+
+
+
+
+ 48 Employees
+
+
+
+
+
+ EBITDA: $2,4M
+
+
+
+
+
+ Bank: $32M
+
+
+
+
+
+
+
+
+
2,356,478
+
downloads in first 72 hours
+
+
+
+
+
+
+
+
+
+
+
1,000,000
+
We're working to protect up to a million acres of sustainable forest.
Check out all the places where you can check out. If you already accept credit and debit cards, simply contact your payment provider to start accepting Apple Pay:
+
Each parent <section> in the #webslides element is an individual slide.
+
Code looks superb. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides, by Jenn Schiffer. Tutorials: Components · Classes.
+ Travis is the most popular travel app in the world. It collects reviews from travellers about hotels, restaurants and attractions. We partnered with various divisions to create a campaign for Travis Pro.
+
Each parent <section> in the #webslides element is an individual slide.
+
Code is clean, scalable, and well documented. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides, by Jenn Schiffer :)
There are excellent presentation tools out there. WebSlides is an open source solution for telling stories. Hypertext and beauty as narrative elements.
+
+
+
+
+
+ →
+ Keyboard navigation
+
+ with arrow keys.
+
+
+
+
+
+
+ Go to a specific slide
+
+ URL: #slide=number
+
+
+
+
+
+
+ Slide counter
+
+ Current/Total number.
+
+
+
+
+
+
+
+
+
+
+
+
100% customizable
+ Well documented.
+
+
+
+
+
+ 40+
+ Beautiful Components
+
+ Covers, cards, quotes...
+
+
+
+
+
+
+ Flexible blocks
+
+ with auto-fill and equal height.
+
+
+
+
+
+
+ Vertical rhythm
+
+ Use multiples of 8.
+
+
+
+
+
+
+ Fade transition
+
+ to all slides.
+
+
+
+
+
+ 500+
+ SVG Icons
+
+ Font Awesome Kit.
+
+
+
+
+
+
+
+
+
+
+
Support
+
Making a beautiful HTML presentation has never been so rewarding.
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.
+
+
+
+
+
+
+
+
+
+
+
+
+
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.
People share content that makes them feel inspired. WebSlides is a very effective way to engage young audiences, customers, and teams. Best, @jlantunez.
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+