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.
-
-
-
-
-
-
-
-
-
-
-
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.
-
- 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 are many reasons to visit Seville. Its Old Town contains three UNESCO World Heritage Sites: the Alcázar palace complex, the Cathedral and the General Archive of the Indies.
-
There're excellent presentation tools out there. WebSlides is about telling and sharing stories. Hypertext, clean code, and beauty as narrative elements.
The stories you tell, whether in text form, by way of video or through audio, are only as good as the information you gather.
-
Interviewing is the cornerstone of journalism. Interviews usually take place face to face and in person, although modern communications technologies such as the Internet have enabled conversations to happen in which parties are separated geographically, such as with videoconferencing software, and of course telephone interviews can happen without visual contact.
-
-
-
David:
-
-
Hi, this is a WebSlides Demo, where we interview the people who make us happy. I’m your host, David González. This week I interviewed lawyer Sheryl Hadid. Hi Sheryl!
-
-
Sheryl:
-
-
Hi David!
-
-
David:
-
-
Are interviews copyrighted? When does an interview become copyrightable?
-
-
Sheryl:
-
-
The answer is it depends. Copyright of speech given during an interview relies heavily on the "fixation" element of copyright law. When a work is fixed in a copy or recording, the work is created. This gives the work its copyright. Therefore, when an interview is physically recorded it becomes copyrighted.
-
-
David:
-
-
How could the person being interviewed own the copyright to an interview?
-
-
Sheryl:
-
-
This may be a surprise but there are moments when the person being interviewed could in fact have copyright ownership in their words. For example, if the person being interviewed receives a list of questions from the interviewer and records their calculated responses, they could have copyright ownership in their answers because they not the interviewer actually wrote down or otherwise recorded their response.
-
-
-
-
People want to be smart. So, if you ask smart questions and show an interest in a particular subject they love sharing their insight..text-quote.
-
-
-
-
However, courts are hesitant to apply this concept broadly to spoken interviews because of the impact it could have on the First Amendment and the heavy caseload it would bring to an already overloaded court system. See Falwell v. Penthouse Intern., Ltd. This also opens the door for other legal arguments such as fair use. Furthermore, there are times when contractual releases could affect the copyright and alter default copyright rules.
-
-
-
-
-
-
-
-
-
-
David:
-
-
What are some methods to record an interview and what should the person being interviewed do?
-
-
Sheryl:
-
-
Most often when problems with interview ownership arise it’s because persons being interviewed are unhappy with the way an interviewer uses their responses during interviews to mislead readers or viewers of a broadcast. This causes interviewees to claim their copyright was infringed because they claim to own the copyright to their speech during the interview.
-
-
David:
-
-
When do problems with interview ownership arise, and who usually owns the copyright?
-
-
Sheryl:
-
-
The most successful way to fix an interview is for interviewers to audio record or hand write the responses of the person being interviewed. If the interview is recorded by hand, it is helpful if the writing is legible and clearly communicates the conversation because it may help solve questions about fixation. Short hand that only describes excerpts from the interview typically are not enough to constitute fixation and copyright ownership. So please remember, if there is no fixation of the interview then no copyright exists in that interview.
-
-
-
Further, if you are being interviewed please be aware that you do not possess ownership over your responses in most situations. It is always best to briefly think about your answer before you respond to avoid the misuse of your words by others. And if you truly don’t feel comfortable being interviewed by a particular media source, remember you always have the power to say no to doing the interview.
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.
-
-
-
-
-
-
-
-
-
-
-
-
David:
-
-
Is a web address (a domain name) subject to copyright law?
-
-
Sheryl:
-
-
No, for a variety of reasons web addresses (also known as a domain names or URLs) aren't protected by copyright. Even though copyright doesn’t protect domain names, that doesn’t mean domain names are entirely unprotected. Trademark law protects web addresses. And for a variety of reasons, companies are often more apt to go after individual instances of trademark infringement than individual copyright infringers.
-
-
David:
-
-
Are there easier alternatives than copyright?
-
-
Sheryl:
-
-
Some persons and organizations hope to make the rules about using and reusing work more user-friendly. These groups may make their work freely available under Creative Commons licenses or expressly abandon them into the public domain.
-
-
-
But just because an author employs either of these copyright alternatives, that doesn’t mean that they are completely free of legal issues. For example, imagine you’re an advertising designer for Virgin Mobile, and you need a photo of a pretty teenage girl for your latest ad. You find a photo on Flickr that is free to use under a Creative Commons Attribution license. You use the photo in your ad campaign and plaster the photo on bus stops across Australia. This is exactly what happened, and since the photographer was adequately credited and copyright issues were non-existent everybody lived happily ever after, right?
-
-
-
If you have any questions about alternatives to the standard copyright scheme or how these alternatives are being utilized by thousands of artists every day, feel free to contact New Media Rights.
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 a 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:
-
- WebSlides want to help tell stories that are meaningful. All content is for demo purposes only.
-
-
People share content that makes them feel inspired. WebSlides is free and open source. We built it because we need a platform for beautiful storytelling. Longform journalism has grown in popularity over the past several years, with blogs and media organizations including Medium, The Huffington Post, and The New York Times creating or expanding longform coverage and new companies such as The Atavist, Longreads.com and Longform.org being founded to capitalize on the new interest.
-
-
.wrap.longform = 72rem (720px).
- Why? Reading efficiency is highest at 90-95 characters per line.
-
-
-
Longform journalism is a branch of journalism dedicated to longer articles with larger amounts of content. Typically this will be between 1,000 and 20,000 words.
-
Storytelling is the social and cultural activity of sharing stories, often with improvisation, theatrics, or embellishment. Stories or narratives have been shared in every culture as a means of entertainment, education, cultural preservation and instilling moral values.
-
Crucial elements of stories and storytelling include plot, characters and narrative point of view. The term 'storytelling' is used in a narrow sense to refer specifically to oral storytelling and also in a looser sense to refer to techniques used in other media to unfold or disclose the narrative of a story.
-
Storytelling predates writing, with the earliest forms of storytelling usually oral combined with gestures and expressions. In addition to being part of religious rituals, some archaeologists believe rock art may have served as a form of storytelling for many ancient cultures.
-
Alignments
-
This is an image of a Nao (robot), aligned to the right. It also has a small caption.
-
-
-
-
figure.alignright
-
-
-
For the floated image to look good, the surrounding text will need to be of a certain length. That's why I'm writing this filler text.
-
Nao (pronounced now) is an autonomous, programmable humanoid robot developed by Aldebaran Robotics, a French robotics company headquartered in Paris. The robot's development began with the launch of Project Nao in 2004. On 15 August 2007, Nao replaced Sony's robot dog Aibo as the robot used in the RoboCup Standard Platform League (SPL), an international robot soccer competition. The Nao was used in RoboCup 2008 and 2009, and the NaoV3R was chosen as the platform for the SPL at RoboCup 2010.
-
-
-
-
-
.text-pull-left
-
-
-
This is an image of a skate, aligned to the left. It also has a small caption. For the floated image to look good, the surrounding text will need to be of a certain length. That's why I'm writing this filler text
-
Typically one character is printed per keypress. The machine prints characters by making ink impressions of type elements similar to the sorts used in movable type letterpress printing.
-
-
The story was then told using a combination of oral narrative, music, rock art and dance, which bring understanding and meaning of human existence through remembrance and enactment of stories. People have used the carved trunks of living trees and ephemeral media (such as sand and leaves) to record stories in pictures or with writing. Complex forms of tattooing may also represent stories, with information about genealogy, affiliation and social status.
-
-
"The art of narrative is, by definition, an aesthetic enterprise, and there are a number of artistic elements that typically interact in well-developed stories." — .text-pull-right.
-
-
With the advent of writing and the use of stable, portable media, stories were recorded, transcribed and shared over wide regions of the world. Stories have been carved, scratched, painted, printed or inked onto wood or bamboo, ivory and other bones, pottery, clay tablets, stone, palm-leaf books, skins (parchment), bark cloth, paper, silk, canvas and other textiles, recorded on film and stored electronically in digital form. Oral stories continue to be created, improvisationally by impromptu storytellers, as well as committed to memory and passed from generation to generation, despite the increasing popularity of written and televised media in much of the world.
-
-
Center aligned
-
-
-
-
figure.aligncenter
-
-
-
This is a center aligned image. It also has a small caption. The sky (or celestial dome) is everything that lies above the surface of the Earth, including the atmosphere and outer space. The intensity of the sky varies greatly over the day, and the primary cause of that intensity differs as well.
-
-
-
-
-
figure.text-pull
-
-
-
When the sun is well above the horizon, direct scattering of sunlight (Rayleigh scattering) is the overwhelmingly dominant source of light. However, in twilight, the period of time between sunset and night and between night and sunrise, the situation is more complicated.
-
-
-
-
-
Building a platform for storytelling
-
.text-cols (2 columns).
-
-
The art of narrative is, by definition, an aesthetic enterprise, and there are a number of artistic elements that typically interact in well-developed stories.
-
Human knowledge is based on stories and the human brain consists of cognitive machinery necessary to understand, remember and tell stories.
-
Humans are storytelling organisms that both individually and socially, lead storied lives. Stories mirror human thought as humans think in narrative structures and most often remember facts in story form.
-
Facts can be understood as smaller versions of a larger story, thus storytelling can supplement analytical thinking. Because storytelling requires auditory and visual senses from listeners, one can learn to organize their mental representation of a story, recognize structure of language and express his or her thoughts.
-
Stories with karma
-
For many multi-media communication complex institutions, communicating by using storytelling techniques can be a more compelling and effective route of delivering information than that of using only dry facts. Uses include:
-
-
-
-
-
-
-
Heading one
-
Heading two
-
Heading three
-
Heading four
-
Heading five
-
Heading six
-
-
Ordered List
-
-
Medium = Beautiful articles.
-
Typeform = Beautiful forms.
-
WebSlides = Beautiful presentations and longforms.
-
-
Unordered List
-
-
List Item 1
-
List Item 2
-
List Item 3
-
-
Mixed List
-
-
- List Item 1
-
-
List Item 1
-
- List Item 2
-
-
List Item 1
-
- List Item 2
-
-
List Item 1
-
List Item 2
-
List Item 3
-
-
-
List Item 3
-
-
-
List Item 3
-
-
-
List Item 2
-
List Item 3
-
-
-
Table Styles
-
-
-
-
Table Header 1
-
Table Header 2
-
Table Header 3
-
-
-
Division 1
-
Division 2
-
Division 3
-
-
-
Division 1
-
Division 2
-
Division 3
-
-
-
Division 1
-
Division 2
-
Division 3
-
-
-
-
-
Blockquote
-
The blockquote tag can be used to display a quote from a person or from another site. It can be as long or as short as you like, and it is displayed like this:
-
-
"Women, like men, should try to do the impossible. And when they fail, their failure should be a challenge to others."
-
Amelia Earhart.
-
-
Modern storytelling has a broad purview. In addition to its traditional forms (fairytales, folktales, mythology, legends, fables etc.), it has extended itself to representing history, personal narrative, political commentary and evolving cultural norms. Contemporary storytelling is also widely used to address educational objectives.
-
-
"Without freedom of thought, there can be no such thing as wisdom - and no such thing as public liberty without freedom of speech." .text-pull
-
Benjamin Franklin.
-
-
Storytelling is increasingly used in advertising today in order to build customer loyalty. According to Giles Lury, this marketing trend echoes the deeply rooted need of all humans to be entertained. Stories are illustrative, easily memorable and allow any firm to create stronger emotional bonds with the customers.
-
A Nielsen study shows consumers want a more personal connection in the way they gather information. Our brains are far more engaged by storytelling than by cold, hard facts. When reading straight data, only the language parts of our brains work to decode the meaning. But when we read a story, not only do the language parts of our brains light up, but any other part of the brain that we would use if we were actually experiencing what we're reading about becomes activated as well. This means it's far easier for us to remember stories than hard facts.
-
-
Leadership is not bullying and leadership is not aggression. Leadership is the expectation that you can use your voice for good. That you can make the world a better place.
-
Sheryl Sandberg.
-
-
Storytelling is a means for sharing and interpreting experiences. Peter L. Berger says human life is narratively rooted, humans construct their lives and shape their world into homes in terms of these groundings and memories. Stories are universal in that they can bridge cultural, linguistic and age-related divides. Storytelling can be adaptive for all ages, leaving out the notion of age segregation.
-
-
Storytelling can be used as a method to teach ethics, values and cultural norms and differences. Learning is most effective when it takes place in social environments that provide authentic social cues about how knowledge is to be applied. Stories function as a tool to pass on knowledge in a social context. So, every story has 3 parts. First, The setup (The Hero's world before the adventure starts). Second, The Confrontation (The hero's world turned upside down). Third, The Resolution (Hero conquer's villain, but it's not enough for Hero to survive. The Hero or World must be transformed). Any story can be framed in such format.
-
-
Stories that stay with you
-
Subscribe to our newsletter. All content is for demo purposes only.
- There are many reasons to visit Seville. Its Old Town contains three UNESCO World Heritage Sites: the Alcazar palace complex, the Cathedral and the General Archive of the Indies.
-
Patty McCord created Netflix's culture. She wrote the document called "Netflix Culture: Freedom & Responsibility." (2009). So far, it's been shared over 16 million times on Slideshare and has been called "the most important document ever to come out of the Valley" by Sheryl Sandberg.
-
-
-
-
-
-
-
-
-
We seek excellence
-
-
-
We value candor, transparency, and courage. We embrace context and avoid control, seeking insight and understanding to make sound decisions.
-
-
-
-
-
-
-
-
-
-
-
Diversity & Inclusiveness
-
-
-
-
-
-
-
7 Aspects of our Culture
-
-
-
Values are what we Value
-
High Performance
-
Freedom & Responsibility
-
Context, not Control
-
Highly Alined, Loosely Coupled
-
Pay Top of Market
-
Promotions & Development
-
-
-
-
-
-
-
-
1/7 Values are what we value
-
Make your values mean something.
-
-
Many companies have nice sounding value statements displayed in the lobby. Enron, whose leaders went to jail, and which went bankrupt from fraud had these values displayed in their lobby: integrity, communication, respect, and excellence.
-
-
-
-
-
-
-
9 Behaviors
-
At Netflix, we particularly value the following nine behaviors and skills. We hire and promote people who demonstrate these nine.
-
-
-
Judgment
-
Communication
-
Impact
-
Curiosity
-
Innovation
-
Courage
-
Passion
-
Honesty
-
Selflessness
-
-
-
-
-
-
-
-
7 Aspects of our Culture
-
-
-
Values are what we Value
-
High Performance
-
Freedom & Responsibility
-
Context, not Control
-
Highly Alined, Loosely Coupled
-
Pay Top of Market
-
Promotions & Development
-
-
-
-
-
-
-
-
2/7 High Performance
-
-
-
-
-
- We're a team
-
- not a family.
-
-
-
-
-
-
- We're a pro sports team
-
- not a kid's recreational team.
-
-
-
-
-
-
- We have stars
-
- in every position.
-
-
-
-
-
-
-
-
-
-
Why are we so manic on high performance?
-
In procedural work, the best are 2x better than the average.
-
-
In creative work, the best are 10x better than the average, so huge premium on creating effective teams of the best.
-
-
-
-
-
-
-
Content that people love
-
-
-
-
-
-
-
-
-
-
-
-
3/7 Freedom & Responsibility
-
Most companies have complex policies around what you can expense, how you travel, what gifts you can accept, etc.
-
-
Netflix's Policy: "Act in Netflix's best interest" (5 words long).
-
-
-
-
-
-
"Act in Netflix's best interest" generally means...
-
-
- Expense only what you would otherwise not spend.
-
-
- Travel as you would if it were your own money.
-
-
- What gifts you can accept?
- Disclose non-trivial vendor gifts.
-
-
- Take from Netflix only when it is inefficient to not take (calls...)
-
-
-
-
-
-
-
-
Summary of Freedom & Responsibility
-
-
-
As we grow, minimize rules.
-
Inhibit chaos with ever more high performance people.
-
Flexibility is more important than efficiency in the long term.
-
-
-
-
-
-
-
-
-
- This is a homage.
-
-
Patty McCord wrote "Netflix Culture: Freedom & Responsibility". Go to Slideshare to read the whole document.
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.
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
-