PageSourceSearch

https://speakerdeck.com/

html speakerdeck.com collected 2026-10-01 06:03:37 UTC 54,141 bytes, 918 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8">
5    <title>Speaker Deck | Easily Share Your Presentations Online</title>
6    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
7  <link rel="preload" href="https://d1eu30co0ohy4w.cloudfront.net/assets/heroine-80c6d04b20597de201bddb28a3146c41175bf210ad75fac8eb1f9d93951d56aa.svg" as="image">
8<link rel="preconnect" href="https://fonts.googleapis.com/">
9<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
10<link rel="stylesheet" href="https://d1eu30co0ohy4w.cloudfront.net/assets/application-c61755133d22070fdd82e1eb2658fb988f464b617d439aaf09f9e1248920d1b7.css" />
11<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:700&display=swap">
12<script src="https://d1eu30co0ohy4w.cloudfront.net/assets/js/application-4d4ae5a31577ef75af03.js"></script>
12
13
14<link rel="icon" type="image/png" href="https://d1eu30co0ohy4w.cloudfront.net/assets/favicon-bdd5839d46040a50edf189174e6f7aacc8abb3aaecd56a4711cf00d820883f47.png" />
15<link rel="apple-touch-icon" type="image/png" href="https://d1eu30co0ohy4w.cloudfront.net/assets/favicon-bdd5839d46040a50edf189174e6f7aacc8abb3aaecd56a4711cf00d820883f47.png" />
16<link rel="manifest" href="/manifest.json">
17<link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
18<meta name="csrf-param" content="authenticity_token" />
19<meta name="csrf-token" content="yCz6b9Eu1EohflW6kPFOpwljBKtFP6Brxh9vqhGJzmI23U8lJQz1yY6nUSfC7GWWv3unZUTb6D_ytD5-5S8_wg" />
20<script>
vendor: 323 bytes, line 20
20(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
20GTM-TSP938CX
vendor: 3 bytes, line 20
20');
20function gtag(){dataLayer.push(arguments);}</script>
20
21
22      <meta property="og:url" content="https://speakerdeck.com/" />
23  <meta property="og:site_name" content="Speaker Deck" />
24  <meta property="og:title" content="Share Presentations without the Mess" />
25  <meta property="og:description" name="description" content="Speaker Deck is the best way to share presentations online. Simply upload your slides as a PDF, and we’ll turn them into a beautiful online experience. View them on SpeakerDeck.com, or share them on any website with an embed code." />
26  <meta property="og:type" content="website" />
27  <meta property="og:author" content="https://www.facebook.com/SpeakerDeck" />
28  <meta property="og:image" content="https://d1eu30co0ohy4w.cloudfront.net/assets/speaker-deck-og-image-e5cb37b9a277dd3f1b3cfe930515037e02f08de5a834a606e9bfbef5d84e64a2.png" />
29  <meta property="og:image:width" content="1200" />
30  <meta property="og:image:height" content="630" />
31
32    
33    <style>
34    @media only screen and (min-width: 0px) and (min-height: 0px) { .ads-container > div { min-width:300px; min-height:250px; } }
35    @media only screen and (min-width: 640px) and (min-height: 0px) { .ads-container > div { min-width:570px; min-height:90px; } }
36    </style>
37    
37<script type="text/javascript">
38      (function(){
39        var bsa_optimize=document.createElement('script');
40        bsa_optimize.type='text/javascript';
41        bsa_optimize.async=true;
42        bsa_optimize.src='https://cdn4.buysellads.net/pub/speakerdeck.js?'+(new Date()-new Date()%600000);
43        (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa_optimize);
44      })();
45    </script>
45
46  </head>
47  <body class="sd-app">
48    
49    <header class="sd-menu sd-header">
50  <div class="container sd-header-container">
51    <div class="sd-header-top">
52    <a class="sd-brand-logo" href="/">
53      <img alt="Speaker Deck" width="32" height="20" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" />
54      <span class="d-none d-xl-inline">Speaker Deck</span>
55</a>    <div class="sd-header-mobile-action">
56      <a class="btn btn-primary" href="/signup">Sign up for free</a>
57    </div>
58    <button class="sd-header-search-toggle" type="button" aria-label="Search" aria-expanded="false" aria-controls="header-mobile-search"><svg class="icon icon-search "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-search"></use></svg></button>
59    <button class="sd-header-toggle" type="button" aria-label="Menu" aria-controls="header-navigation" aria-expanded="false">
60      <svg class="icon icon-list "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-list"></use></svg> <span class="sd-header-menu-label">Menu</span>
61    </button>
62    </div>
63    <div id="header-mobile-search" class="sd-header-mobile-search">
64        <form action="https://www.google.com/cse" id="header-mobile-q-form" class="row">
65    <input type="hidden" name="cx" value="010150859881542981030:hqhxyxpwtc4">
66    <input type="hidden" name="ie" value="UTF-8">
67    <label for="header-mobile-q" class="visually-hidden">Search</label>
68    <div class="col"><input type="text" name="q" id="header-mobile-q" value="" placeholder="Search..." class="form-control search-input w-auto"></div>
69    <div class="col p-0"><input type="submit" name="sa" value="Search" class="btn btn-outline-primary d-inline-block d-md-none d-lg-inline-block"></div>
70  </form>
71
72      <button class="sd-header-search-close" type="button" aria-label="Close search"><svg class="icon icon-x "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-x"></use></svg></button>
73    </div>
74    <nav id="header-navigation" class="sd-header-navigation" aria-label="Primary navigation">
75      <details class="sd-header-dropdown sd-header-desktop-only">
76  <summary>Features</summary>
77  <div class="sd-header-panel">            <a href="/features">All features</a>
78              <a href="/features/privacy-controls">Private URLs</a>
79              <a href="/features/password-protection">Password Protection</a>
80              <a href="/features/custom-urls">Custom URLS</a>
81              <a href="/features/scheduled-publishing">Scheduled publishing</a>
82              <a href="/features/remove-branding">Remove Branding</a>
83              <a href="/features/restrict-embedding">Restrict embedding</a>
84              <a href="/features/collections">Deck Collections</a>
85              <a href="/features/slide-notes">Notes</a>
86</div>
87</details>
88<section class="sd-header-mobile-group">
89  <h2 class="sd-header-group-heading">Features</h2>
90  <div class="sd-header-group-links">            <a href="/features">All features</a>
91              <a href="/features/privacy-controls">Private URLs</a>
92              <a href="/features/password-protection">Password Protection</a>
93              <a href="/features/custom-urls">Custom URLS</a>
94              <a href="/features/scheduled-publishing">Scheduled publishing</a>
95              <a href="/features/remove-branding">Remove Branding</a>
96              <a href="/features/restrict-embedding">Restrict embedding</a>
97              <a href="/features/collections">Deck Collections</a>
98              <a href="/features/slide-notes">Notes</a>
99</div>
100</section>
101
102
103      <details class="sd-header-dropdown sd-header-desktop-only">
104  <summary>Explore</summary>
105  <div class="sd-header-panel">          <a href="/p/featured">Featured decks</a>
106          <a href="/s/featured">Featured speakers</a>
107            <a href="/c/programming">Programming</a>
108            <a href="/c/technology">Technology</a>
109            <a href="/c/storyboards">Storyboards</a>
110</div>
111</details>
112<section class="sd-header-mobile-group">
113  <h2 class="sd-header-group-heading">Explore</h2>
114  <div class="sd-header-group-links">          <a href="/p/featured">Featured decks</a>
115          <a href="/s/featured">Featured speakers</a>
116            <a href="/c/programming">Programming</a>
117            <a href="/c/technology">Technology</a>
118            <a href="/c/storyboards">Storyboards</a>
119</div>
120</section>
121
122
123        <a class="sd-header-link" href="/pro?utm_campaign=speakerdeck_pro&amp;utm_medium=web&amp;utm_source=nav_unauthenticated">Pricing</a>
124      <div class="sd-header-desktop-search">  <form action="https://www.google.com/cse" id="header-desktop-q-form" class="row">
125    <input type="hidden" name="cx" value="010150859881542981030:hqhxyxpwtc4">
126    <input type="hidden" name="ie" value="UTF-8">
127    <label for="header-desktop-q" class="visually-hidden">Search</label>
128    <div class="col"><input type="text" name="q" id="header-desktop-q" value="" placeholder="Search..." class="form-control search-input w-auto"></div>
129    <div class="col p-0"><input type="submit" name="sa" value="Search" class="btn btn-outline-primary d-inline-block d-md-none d-lg-inline-block"></div>
130  </form>
131</div>
132        <a class="sd-header-link" href="/signin">Sign in</a>
133      <a class="btn btn-primary sd-header-desktop-action" href="/signup">Sign up for free</a>
134      
135    </nav>
136  </div>
137</header>
138
139      <div class="sd-categories">
140  <div class="container sd-categories-container td-none">
141    <div class="sd-categories-scroller">
142      <div class="sd-categories-item ">
143        <a class="sd-categories-link" href="/p/featured">Featured</a>
144      </div>
145        <div class="sd-categories-item ">
146          <a class="sd-categories-link" href="/c/business">Business</a>
147        </div>
148        <div class="sd-categories-item ">
149          <a class="sd-categories-link" href="/c/design">Design</a>
150        </div>
151        <div class="sd-categories-item ">
152          <a class="sd-categories-link" href="/c/education">Education</a>
153        </div>
154        <div class="sd-categories-item ">
155          <a class="sd-categories-link" href="/c/how-to-diy">How-to &amp; DIY</a>
156        </div>
157        <div class="sd-categories-item ">
158          <a class="sd-categories-link" href="/c/marketing-and-seo">Marketing &amp; SEO</a>
159        </div>
160        <div class="sd-categories-item ">
161          <a class="sd-categories-link" href="/c/programming">Programming</a>
162        </div>
163        <div class="sd-categories-item ">
164          <a class="sd-categories-link" href="/c/research">Research</a>
165        </div>
166        <div class="sd-categories-item ">
167          <a class="sd-categories-link" href="/c/science">Science</a>
168        </div>
169        <div class="sd-categories-item ">
170          <a class="sd-categories-link" href="/c/storyboards">Storyboards</a>
171        </div>
172        <div class="sd-categories-item ">
173          <a class="sd-categories-link" href="/c/technology">Technology</a>
174        </div>
175    </div>
176  </div>
177</div>
178
179
180    
181    <div class="sd-main">
182      
183
184  <section class="py-5">
185  <div class="container">
186    <div class="row align-items-center g-5">
187      <div class="col-lg-6 d-none d-lg-block">
188        <div class="hero-slide border">
189          <div class="hero-slide-inner d-flex flex-column justify-content-center p-4 text-white">
190            <span class="small fw-semibold text-uppercase opacity-75 mb-3" style="letter-spacing:0.05em;">Conference Talk</span>
191            <p class="mb-2">The Impact of AI in SEO</p>
192            <p class="opacity-75 small mb-0">Strategies, tools, and real-world case studies from 2026</p>
193          </div>
194          <div class="d-flex align-items-center gap-2 px-3 py-2 bg-light border-top small text-secondary">
195            <img width="64" height="64" class="avatar avatar-sm" loading="eager" alt="Avatar for Kris" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NSwicHVyIjoiYmxvYl9pZCJ9fQ==--e0a28a83e5f407135065b2eb806d5244393a1299/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzY0LDY0XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--526ef8fef1d0baa8f010cff2933d401199e3a1ed/21.12.23--Kristopher%20Preimer-019%20-web%20copy.jpg">
196            <span class="text-body fw-medium">Kris Priemer</span> &middot; 42 slides &middot; 3.2k views
197          </div>
198        </div>
199      </div>
200      <div class="col-lg-6">
201        <h1 class="mb-3">Share <span class="text-teal text-rotate" id="text-slot">Presentations</span><br> Beautifully, Anywhere</h1>
202        <p class="lead text-secondary mb-4">Publish, embed, and share your work with clean design and reliable hosting.</p>
203        <div class="d-flex gap-2 flex-wrap">
204          <a href="/signup" class="btn btn-success px-4">Get started for free</a>
205          <a href="/features" class="btn btn-outline-secondary px-4">Explore all features</a>
206        </div>
207      </div>
208    </div>
209  </div>
210</section>
211
212<!-- ===== WHO USES ===== -->
213<section class="py-5 bg-light border-top border-bottom text-center">
214  <div class="container" style="max-width:960px;">
215    <h2 class="h4 mb-1">Trusted by People Who Share Ideas for a Living</h2>
216    <p>Speaker Deck is built for anyone who needs to share presentations publicly or privately.</p>
217    <div class="row justify-content-center mt-4 g-4 text-balance">
218      <div class="col-6 col-md my-0 text-center d-flex flex-column align-items-center">
219        <div class="col-6 my-0 d-flex flex-column text-center justify-content-center align-items-center mb-2 avatar avatar-lg bg-teal-light">
220          <svg class="icon icon-palette-fill icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-palette-fill"></use></svg>
221        </div>
222        <p class="fw-bold mb-2">Designers &amp; creatives</p>
223        <p class="small">
223Share visual work, pitch decks, and portfolios</p>
224      </div>
225      <div class="col-6 col-md my-0 text-center d-flex flex-column align-items-center">
226        <div class="col-6 my-0 d-flex flex-column text-center justify-content-center align-items-center mb-2 avatar avatar-lg bg-teal-light">
227          <svg class="icon icon-code-slash icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-code-slash"></use></svg>
228        </div>
229        <p class="fw-bold mb-2">Developers &amp; technical speakers</p>
230        <p class="small">Publish conference talks, meetup slides, and tutorials</p>
231      </div>
232      <div class="col-6 col-md my-0 text-center d-flex flex-column align-items-center">
233        <div class="col-6 my-0 d-flex flex-column text-center justify-content-center align-items-center mb-2 avatar avatar-lg bg-teal-light">
234          <svg class="icon icon-mortarboard-fill icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-mortarboard-fill"></use></svg>
235        </div>
236        <p class="fw-bold mb-2">Educators &amp; students</p>
237        <p class="small">Share lectures, course materials, and research</p>
238      </div>
239      <div class="col-6 col-md my-0 text-center d-flex flex-column align-items-center">
240        <div class="col-6 my-0 d-flex flex-column text-center justify-content-center align-items-center mb-2 avatar avatar-lg bg-teal-light">
241          <svg class="icon icon-rocket-takeoff-fill icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-rocket-takeoff-fill"></use></svg>
242        </div>
243        <p class="fw-bold mb-2">Founders &amp; startup teams</p>
244        <p class="small">Share pitch decks, investor updates, and product info</p>
245      </div>
246      <div class="col-6 col-md my-0 text-center d-flex flex-column align-items-center">
247        <div class="col-6 my-0 d-flex flex-column text-center justify-content-center align-items-center mb-2 avatar avatar-lg bg-teal-light">
248          <svg class="icon icon-megaphone-fill icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-megaphone-fill"></use></svg>
249        </div>
250        <p class="fw-bold mb-2">Marketers &amp; consultants</p>
251        <p class="small">Publish thought leadership and client presentations</p>
252      </div>
253    </div>
254  </div>
255</section>
256
257<!-- ===== FEATURES ===== -->
258<section class="py-5">
259  <div class="container" style="max-width:1100px;">
260    <div class="text-center mb-5" style="max-width:600px;margin:0 auto;">
261      <span class="small fw-semibold text-teal text-uppercase">PRO Features</span>
262      <h2 class="mt-2">Everything you need to share with confidence</h2>
263      <p>From privacy controls to beautiful embeds, we've got you covered.</p>
264    </div>
265    <div class="row g-3">
266      <div class="col-md-4">
267        <div class="feature-card border rounded p-4 h-100">
268          <div class="d-flex align-items-center justify-content-center rounded bg-teal-light mb-3" style="width:44px;height:44px;">
269            <svg class="icon icon-lock icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-lock"></use></svg>
270          </div>
271          <p class="fw-bold mb-2">Password Protection</p>
272          <p class="small mb-0">Keep your decks private. Share with only the people who need access using secure passwords.</p>
273        </div>
274      </div>
275      <div class="col-md-4">
276        <div class="feature-card border rounded p-4 h-100">
277          <div class="d-flex align-items-center justify-content-center rounded bg-teal-light mb-3" style="width:44px;height:44px;">
278            <svg class="icon icon-arrow-up-circle icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-arrow-up-circle"></use></svg>
279          </div>
280          <p class="fw-bold mb-2">Priority Processing</p>
281          <p class="small mb-0">Pro members get lightning-fast uploads. Your presentations are ready to share in seconds.</p>
282        </div>
283      </div>
284      <div class="col-md-4">
285        <div class="feature-card border rounded p-4 h-100">
286          <div class="d-flex align-items-center justify-content-center rounded bg-teal-light mb-3" style="width:44px;height:44px;">
287            <svg class="icon icon-clock icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-clock"></use></svg>
288          </div>
289          <p class="fw-bold mb-2">Scheduled Publishing</p>
290          <p class="small mb-0">Set it and forget it. Schedule your decks to go live at the perfect moment.</p>
291        </div>
292      </div>
293      <div class="col-md-4">
294        <div class="feature-card border rounded p-4 h-100">
295          <div class="d-flex align-items-center justify-content-center rounded bg-teal-light mb-3" style="width:44px;height:44px;">
296            <svg class="icon icon-chat-left icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-chat-left"></use></svg>
297          </div>
298          <p class="fw-bold mb-2">Slide Notes</p>
299          <p class="small mb-0">Add context to each slide. Perfect for sharing additional insights with your audience.</p>
300        </div>
301      </div>
302      <div class="col-md-4">
303        <div class="feature-card border rounded p-4 h-100">
304          <div class="d-flex align-items-center justify-content-center rounded bg-teal-light mb-3" style="width:44px;height:44px;">
305            <svg class="icon icon-link-45deg icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-link-45deg"></use></svg>
306          </div>
307          <p class="fw-bold mb-2">Custom URLs</p>
308          <p class="small mb-0">Create memorable, branded links. Update your deck without changing the URL.</p>
309        </div>
310      </div>
311      <div class="col-md-4">
312        <div class="feature-card border rounded p-4 h-100">
313          <div class="d-flex align-items-center justify-content-center rounded bg-teal-light mb-3" style="width:44px;height:44px;">
314            <svg class="icon icon-bag icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-bag"></use></svg>
315          </div>
316          <p class="fw-bold mb-2">Ad-Free Experience</p>
317          <p class="small mb-0">Your content, your spotlight. No distractions, no third-party branding.</p>
318        </div>
319      </div>
320    </div>
321    <div class="text-center mt-4">
322      <a href="/features" class="btn btn-success px-4">Explore All Features</a>
323    </div>
324  </div>
325</section>
326
327<!-- ===== SHOWCASE ===== -->
328<section class="py-5 bg-light">
329  <div class="container">
330    <div class="row align-items-center g-5">
331      <div class="col-lg-5">
332        <h2 class="mb-3">Total control over your presentations</h2>
333        <p>You decide where it lives, how it looks, and who gets access.</p>
334        <ul class="list-unstyled mb-4">
335          <li class="d-flex align-items-center gap-2 py-1">
336            <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Disable downloads to protect your IP
337          </li>
338          <li class="d-flex align-items-center gap-2 py-1">
339            <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Restrict embedding to specific domains
340          </li>
341          <li class="d-flex align-items-center gap-2 py-1">
342            <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Create private and unlisted URLs
343          </li>
344          <li class="d-flex align-items-center gap-2 py-1">
345            <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Remove Speaker Deck branding
346          </li>
347        </ul>
348        <a class="btn btn-success px-4" href="/pro?utm_campaign=speakerdeck_pro&amp;utm_medium=web&amp;utm_source=home_explore_pro_features">
349          Explore Pro Features
350</a>      </div>
351      <div class="col-lg-7">
352        <div class="position-relative">
353          <!-- Main card -->
354          <div class="bg-white border rounded p-3 shadow-sm">
355            <div class="d-flex align-items-center justify-content-between mb-2">
356              <span class="badge bg-teal-light text-teal d-flex align-items-center gap-1 small">
357                <svg class="icon icon-lock icon-dark icon-sm"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-lock"></use></svg> Private
358              </span>
359              <span class="text-muted small">24 slides</span>
360            </div>
361            <div class="rounded d-flex align-items-center justify-content-center text-white mb-2" style="aspect-ratio:16/10;background:linear-gradient(135deg,#374151,#4b5563);">
362              <span class="h3 mb-0 text-light">Q3 Strategy Deck</span>
363            </div>
364            <div class="d-flex justify-content-between small text-muted">
365              <span>Updated 2 hours ago</span>
366              <span>1,247 views</span>
367            </div>
368          </div>
369          <!-- Floating: downloads disabled -->
370          <div class="position-absolute bg-white border rounded p-2 d-none d-md-flex align-items-center gap-2 showcase-floating" style="top:-14px;right:-14px;">
371            <div class="d-flex align-items-center justify-content-center rounded bg-teal-light" style="width:34px;height:34px;">
372              <svg class="icon icon-check2 icon-dark icon-md"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg>
373            </div>
374            <div>
375              <div class="fw-semibold" style="font-size:0.75rem;">Downloads disabled</div>
376              <div class="text-muted" style="font-size:0.6875rem;">Your content is protected</div>
377            </div>
378          </div>
379          <!-- Floating: embedded on -->
380          <div class="position-absolute bg-white border rounded p-2 d-none d-md-block showcase-floating" style="bottom:28px;left:-20px;">
381            <div class="text-muted" style="font-size:0.6875rem;">Embedded on</div>
382            <div class="fw-semibold" style="font-size:0.75rem;">yourcompany.com</div>
383          </div>
384        </div>
385      </div>
386    </div>
387  </div>
388</section>
389
390<!-- ===== COMMUNITY ===== -->
391<section class="py-5 bg-dark text-white">
392  <div class="container">
393    <div class="text-center">
394      <h2 class="mb-2">Explore presentations from the community</h2>
395      <p class="text-white-50 mb-4">Discover presentations from designers, developers, educators, and speakers around the world.</p>
396    </div>
397    <div class="row home-community">
398          <div class="col-12 col-md-4 col-lg-3 mb-5">
399    <div class="card deck-preview" data-id="f04cb0ddff6e4d7e84ef89147285aa2e" data-slide-count="161" data-cover-image="https://files.speakerdeck.com/presentations/f04cb0ddff6e4d7e84ef89147285aa2e/preview_slide_0.jpg?20018418">
400      <a class="deck-preview-link" href="/reverentgeek/leadership-guide-workshop-devternity-2021" title="Leadership Guide Workshop - DevTernity 2021">
401        <div class="deck-preview-image">
402          <div class="content"></div>
403          <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/f04cb0ddff6e4d7e84ef89147285aa2e/preview_slide_0.jpg?20018418');"></div>
404          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/f04cb0ddff6e4d7e84ef89147285aa2e/preview_slide_0.jpg?20018418');"></div>
405          <div class="deck-preview-slide deck-preview-scrub-slide"></div>
406          <div class="deck-preview-background deck-preview-scrub-background"></div>
407          <div class="deck-preview-scrubber"></div>
408        </div>
409
410        <div class="deck-title px-3 pt-3 text-truncate">
411          Leadership Guide Workshop - DevTernity 2021
412        </div>
413      </a>
414      <div class="deck-preview-meta d-flex px-2">
415          <div class="text-truncate py-3 pe-2 me-auto py-3">
416            <a href="/reverentgeek" aria-label="David Neal profile">
417              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for David Neal" src="https://secure.gravatar.com/avatar/3ab1249be442027903e1180025340b3f?s=24" />
418              reverentgeek
419            </a>
420          </div>
421          <div class="px-1 py-3">
422          </div>
423          <div class="px-2 py-3">
424              <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-star"></use></svg> 1
425          </div>
426          <div class="px-1 py-3">
427            <span title="374 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 370</span>
428          </div>
429      </div>
430    </div>
431  </div>
432
433          <div class="col-12 col-md-4 col-lg-3 mb-5">
434    <div class="card deck-preview" data-id="1881b82158a64fc8b76989ebb7366ae7" data-slide-count="110" data-cover-image="https://files.speakerdeck.com/presentations/1881b82158a64fc8b76989ebb7366ae7/preview_slide_0.jpg?30881557">
435      <a class="deck-preview-link" href="/cassininazir/the-limits-of-empathy-uxlibs8" title="The Limits of Empathy - UXLibs8">
436        <div class="deck-preview-image">
437          <div class="content"></div>
438          <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/1881b82158a64fc8b76989ebb7366ae7/preview_slide_0.jpg?30881557');"></div>
439          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/1881b82158a64fc8b76989ebb7366ae7/preview_slide_0.jpg?30881557');"></div>
440          <div class="deck-preview-slide deck-preview-scrub-slide"></div>
441          <div class="deck-preview-background deck-preview-scrub-background"></div>
442          <div class="deck-preview-scrubber"></div>
443        </div>
444
445        <div class="deck-title px-3 pt-3 text-truncate">
446          The Limits of Empathy - UXLibs8
447        </div>
448      </a>
449      <div class="deck-preview-meta d-flex px-2">
450          <div class="text-truncate py-3 pe-2 me-auto py-3">
451            <a href="/cassininazir" aria-label="Cassini Nazir profile">
452              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for Cassini Nazir" src="https://secure.gravatar.com/avatar/4631d364d59bd9d045acf046a0ce1cfe?s=24" />
453              cassininazir
454            </a>
455          </div>
456          <div class="px-1 py-3">
457          </div>
458          <div class="px-2 py-3">
459              <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-star"></use></svg> 1
460          </div>
461          <div class="px-1 py-3">
462            <span title="691 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 690</span>
463          </div>
464      </div>
465    </div>
466  </div>
467
468          <div class="col-12 col-md-4 col-lg-3 mb-5">
469    <div class="card deck-preview" data-id="c71d6e154d464d1ba5efb80b4f5416b2" data-slide-count="54" data-cover-image="https://files.speakerdeck.com/presentations/c71d6e154d464d1ba5efb80b4f5416b2/preview_slide_0.jpg?14138599">
470      <a class="deck-preview-link" href="/samanthasiow/rebuilding-a-faster-lazier-slack" title="Rebuilding a faster, lazier Slack">
471        <div class="deck-preview-image">
472          <div class="content"></div>
473          <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/c71d6e154d464d1ba5efb80b4f5416b2/preview_slide_0.jpg?14138599');"></div>
474          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/c71d6e154d464d1ba5efb80b4f5416b2/preview_slide_0.jpg?14138599');"></div>
475          <div class="deck-preview-slide deck-preview-scrub-slide"></div>
476          <div class="deck-preview-background deck-preview-scrub-background"></div>
477          <div class="deck-preview-scrubber"></div>
478        </div>
479
480        <div class="deck-title px-3 pt-3 text-truncate">
481          Rebuilding a faster, lazier Slack
482        </div>
483      </a>
484      <div class="deck-preview-meta d-flex px-2">
485          <div class="text-truncate py-3 pe-2 me-auto py-3">
486            <a href="/samanthasiow" aria-label="samanthasiow profile">
487              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for samanthasiow" src="https://secure.gravatar.com/avatar/c0b42577cfc2b321be3474618107e933?s=24" />
488              samanthasiow
489            </a>
490          </div>
491          <div class="px-1 py-3">
492          </div>
493          <div class="px-2 py-3">
494              <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-star"></use></svg> 85
495          </div>
496          <div class="px-1 py-3">
497            <span title="9,658 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 9.7k</span>
498          </div>
499      </div>
500    </div>
501  </div>
502
503          <div class="col-12 col-md-4 col-lg-3 mb-5">
504    <div class="card deck-preview" data-id="ec2a21ffb4184ba99d98b566b485dd70" data-slide-count="58" data-cover-image="https://files.speakerdeck.com/presentations/ec2a21ffb4184ba99d98b566b485dd70/preview_slide_0.jpg?15365342">
505      <a class="deck-preview-link" href="/rmw/refactoring-trust-on-your-teams-goto-chicago-2020" title="Refactoring Trust on Your Teams (GOTO; Chicago 2020)">
506        <div class="deck-preview-image">
507          <div class="content"></div>
508          <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/ec2a21ffb4184ba99d98b566b485dd70/preview_slide_0.jpg?15365342');"></div>
509          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/ec2a21ffb4184ba99d98b566b485dd70/preview_slide_0.jpg?15365342');"></div>
510          <div class="deck-preview-slide deck-preview-scrub-slide"></div>
511          <div class="deck-preview-background deck-preview-scrub-background"></div>
512          <div class="deck-preview-scrubber"></div>
513        </div>
514
515        <div class="deck-title px-3 pt-3 text-truncate">
516          Refactoring Trust on Your Teams (GOTO; Chicago 2020)
517        </div>
518      </a>
519      <div class="deck-preview-meta d-flex px-2">
520          <div class="text-truncate py-3 pe-2 me-auto py-3">
521            <a href="/rmw" aria-label="Rebecca Miller-Webster profile">
522              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for Rebecca Miller-Webster" src="https://secure.gravatar.com/avatar/a9a491b0fcbe0fbce3d64063a37add99?s=24" />
523              rmw
524            </a>
525          </div>
526          <div class="px-1 py-3">
527          </div>
528          <div class="px-2 py-3">
529              <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-star"></use></svg> 35
530          </div>
531          <div class="px-1 py-3">
532            <span title="3,807 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 3.8k</span>
533          </div>
534      </div>
535    </div>
536  </div>
537
538          <div class="col-12 col-md-4 col-lg-3 mb-5">
539    <div class="card deck-preview" data-id="e3f7bdb17bba4b63bed9ed368da014ff" data-slide-count="191" data-cover-image="https://files.speakerdeck.com/presentations/e3f7bdb17bba4b63bed9ed368da014ff/preview_slide_0.jpg?9845605">
540      <a class="deck-preview-link" href="/michaelherold/whats-in-a-price-how-to-price-your-products-and-services" title="What&#39;s in a price? How to price your products and services">
541        <div class="deck-preview-image">
542          <div class="content"></div>
543          <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/e3f7bdb17bba4b63bed9ed368da014ff/preview_slide_0.jpg?9845605');"></div>
544          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/e3f7bdb17bba4b63bed9ed368da014ff/preview_slide_0.jpg?9845605');"></div>
545          <div class="deck-preview-slide deck-preview-scrub-slide"></div>
546          <div class="deck-preview-background deck-preview-scrub-background"></div>
547          <div class="deck-preview-scrubber"></div>
548        </div>
549
550        <div class="deck-title px-3 pt-3 text-truncate">
551          What&#39;s in a price? How to price your products and services
552        </div>
553      </a>
554      <div class="deck-preview-meta d-flex px-2">
555          <div class="text-truncate py-3 pe-2 me-auto py-3">
556            <a href="/michaelherold" aria-label="Michael Herold profile">
557              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for Michael Herold" src="https://secure.gravatar.com/avatar/dad095ea7038f89f760419ce475d5d14?s=24" />
558              michaelherold
559            </a>
560          </div>
561          <div class="px-1 py-3">
562          </div>
563          <div class="px-2 py-3">
564              <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-star"></use></svg> 247
565          </div>
566          <div class="px-1 py-3">
567            <span title="13,022 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 13k</span>
568          </div>
569      </div>
570    </div>
571  </div>
572
573          <div class="col-12 col-md-4 col-lg-3 mb-5">
574    <div class="card deck-preview" data-id="23196bda93134fd39a46549087f9965f" data-slide-count="24" data-cover-image="https://files.speakerdeck.com/presentations/23196bda93134fd39a46549087f9965f/preview_slide_0.jpg?36337074">
575      <a class="deck-preview-link" href="/skoyamalab/neural-spatial-audio-processing-for-sound-field-analysis-and-control" title="Neural Spatial Audio Processing for Sound Field Analysis and Control">
576        <div class="deck-preview-image">
577          <div class="content"></div>
578          <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/23196bda93134fd39a46549087f9965f/preview_slide_0.jpg?36337074');"></div>
579          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/23196bda93134fd39a46549087f9965f/preview_slide_0.jpg?36337074');"></div>
580          <div class="deck-preview-slide deck-preview-scrub-slide"></div>
581          <div class="deck-preview-background deck-preview-scrub-background"></div>
582          <div class="deck-preview-scrubber"></div>
583        </div>
584
585        <div class="deck-title px-3 pt-3 text-truncate">
586          Neural Spatial Audio Processing for Sound Field Analysis and Control
587        </div>
588      </a>
589      <div class="deck-preview-meta d-flex px-2">
590          <div class="text-truncate py-3 pe-2 me-auto py-3">
591            <a href="/skoyamalab" aria-label="NII S. Koyama&#39;s Lab profile">
592              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for NII S. Koyama&#39;s Lab" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzA4MTMsInB1ciI6ImJsb2JfaWQifX0=--07f7e99b88c0324a2e249e6e99ce447129c4b8be/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzI0LDI0XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--924ecf2834d46e1be7416cc0ef8ce19d4bbdebbf/logo.png" />
593              skoyamalab
594            </a>
595          </div>
596          <div class="px-1 py-3">
597          </div>
598          <div class="px-2 py-3">
599              <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-star"></use></svg> 0
600          </div>
601          <div class="px-1 py-3">
602            <span title="529 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 530</span>
603          </div>
604      </div>
605    </div>
606  </div>
607
608          <div class="col-12 col-md-4 col-lg-3 mb-5">
609    <div class="card deck-preview" data-id="29d5a7e013c5454aafcb89b636654144" data-slide-count="66" data-cover-image="https://files.speakerdeck.com/presentations/29d5a7e013c5454aafcb89b636654144/preview_slide_0.jpg?36702851">
610      <a class="deck-preview-link" href="/katarinadahlin/the-b2b-funnel-and-how-to-create-a-winning-content-strategy" title="The B2B funnel &amp; how to create a winning content strategy">
611        <div class="deck-preview-image">
612          <div class="content"></div>
613          <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/29d5a7e013c5454aafcb89b636654144/preview_slide_0.jpg?36702851');"></div>
614          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/29d5a7e013c5454aafcb89b636654144/preview_slide_0.jpg?36702851');"></div>
615          <div class="deck-preview-slide deck-preview-scrub-slide"></div>
616          <div class="deck-preview-background deck-preview-scrub-background"></div>
617          <div class="deck-preview-scrubber"></div>
618        </div>
619
620        <div class="deck-title px-3 pt-3 text-truncate">
621          The B2B funnel &amp; how to create a winning content strategy
622        </div>
623      </a>
624      <div class="deck-preview-meta d-flex px-2">
625          <div class="text-truncate py-3 pe-2 me-auto py-3">
626            <a href="/katarinadahlin" aria-label="Katarina Dahlin profile">
627              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for Katarina Dahlin" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjAwNTg5LCJwdXIiOiJibG9iX2lkIn19--24cb98b2197cd4cdeb5e3ae1f94b4c1a162cd1bf/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzI0LDI0XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--924ecf2834d46e1be7416cc0ef8ce19d4bbdebbf/Avainsana-analyysi%20thumbnails.png" />
628              katarinadahlin
629            </a>
630              <div class="ms-1 d-inline">  <span class="badge badge-pro "><a href="/pro?utm_campaign=PRO&utm_medium=web&utm_source=user_pro_badge">PRO</a></span>
631</div>
632          </div>
633          <div class="px-1 py-3">
634          </div>
635          <div class="px-2 py-3">
636              <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-star"></use></svg> 1
637          </div>
638          <div class="px-1 py-3">
639            <span title="544 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 540</span>
640          </div>
641      </div>
642    </div>
643  </div>
644
645          <div class="col-12 col-md-4 col-lg-3 mb-5">
646    <div class="card deck-preview" data-id="974c520c1e6c47c8a38a1d57cc4ad87f" data-slide-count="71" data-cover-image="https://files.speakerdeck.com/presentations/974c520c1e6c47c8a38a1d57cc4ad87f/preview_slide_0.jpg?15893757">
647      <a class="deck-preview-link" href="/trishagee/code-review-best-practice" title="Code Review Best Practice">
648        <div class="deck-preview-image">
649          <div class="content"></div>
650          <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/974c520c1e6c47c8a38a1d57cc4ad87f/preview_slide_0.jpg?15893757');"></div>
651          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/974c520c1e6c47c8a38a1d57cc4ad87f/preview_slide_0.jpg?15893757');"></div>
652          <div class="deck-preview-slide deck-preview-scrub-slide"></div>
653          <div class="deck-preview-background deck-preview-scrub-background"></div>
654          <div class="deck-preview-scrubber"></div>
655        </div>
656
657        <div class="deck-title px-3 pt-3 text-truncate">
658          Code Review Best Practice
659        </div>
660      </a>
661      <div class="deck-preview-meta d-flex px-2">
662          <div class="text-truncate py-3 pe-2 me-auto py-3">
663            <a href="/trishagee" aria-label="Trisha Gee profile">
664              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for Trisha Gee" src="https://secure.gravatar.com/avatar/3d6ace9554821d552146413bcdf874f6?s=24" />
665              trishagee
666            </a>
667          </div>
668          <div class="px-1 py-3">
669          </div>
670          <div class="px-2 py-3">
671              <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-star"></use></svg> 74
672          </div>
673          <div class="px-1 py-3">
674            <span title="20,285 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 20k</span>
675          </div>
676      </div>
677    </div>
678  </div>
679
680    </div>
681    <p class="text-center">
682      <a class="btn btn-success px-4" href="/p/featured">
683        Browse presentations
684</a>    </p>
685  </div>
686</section>
687
688<!-- ===== PRICING ===== -->
689<section class="py-5">
690  <div class="container">
691    <div class="text-center mb-4">
692      <h2>Free to start, <span class="text-teal">powerful</span> when you need more</h2>
693      <p>Get started for free. Upgrade when you need more control over privacy and sharing.</p>
694    </div>
695    <div class="d-flex align-items-center justify-content-center gap-2 mb-4">
696      <span class="small fw-medium text-body">Monthly</span>
697      <div class="form-check form-switch mb-0">
698        <input class="form-check-input" type="checkbox" role="switch" id="billingToggle">
699      </div>
700      <span class="small fw-medium text-body">Yearly</span>
701    </div>
702    <div class="row g-3">
703      <div class="col-md-4 offset-md-2">
704        <div class="border rounded p-4 h-100 bg-white">
705          <h3 class="fw-bold mb-1 h5">Free</h3>
706          <div class="mb-1"><span class="display-6 fw-bold">$0</span><span class="text-muted">/mo</span></div>
707          <p class="text-muted small mb-3">Get started for free</p>
708          <ul class="list-unstyled mb-4">
709            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
710              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> 100 uploads
711            </li>
712            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
713              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> 150MB per upload
714            </li>
715            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
716              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Embed on any website
717            </li>
718            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
719              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Upload 10 decks per day
720            </li>
721          </ul>
722          <a href="/signup" class="btn btn-outline-secondary w-100">Get started free</a>
723        </div>
724      </div>
725      <div class="col-md-4">
726        <div class="border rounded p-4 h-100 bg-white pricing-card-featured position-relative">
727          <!--<span class="position-absolute top-0 start-50 translate-middle badge bg-teal rounded-pill px-3 py-1" style="font-size:0.6875rem;">Most Popular</span>-->
728          <h3 class="fw-bold mb-1 h5">Pro</h3>
729          <div class="mb-1">
730            <span class="subscription subscription-monthly"><span class="display-6 fw-bold">$8</span><span class="text-muted">/monthly</span></span>
731            <span hidden class="subscription subscription-yearly"><span class="display-6 fw-bold">$80</span><span class="text-muted">/yearly</span></span>
732          </div>
733          <p class="text-muted small mb-3">Unlock all features, including:</p>
734          <ul class="list-unstyled mb-4">
735            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
736              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Unlimited uploads
737            </li>
738            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
739              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Password-protected decks
740            </li>
741            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
742              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Private URLs
743            </li>
744            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
745              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Scheduled publishing
746            </li>
747          </ul>
748          <a class="btn btn-success w-100" href="/pro?utm_campaign=speakerdeck_pro&amp;utm_medium=web&amp;utm_source=home_pricing_pro_features">
749            See All PRO Features
750</a>        </div>
751      </div>
752    </div>
753  </div>
754</section>
755
756<!-- ===== CTA ===== -->
757<section class="py-5 bg-teal text-white text-center">
758  <div class="container">
759    <h2 class="mb-2">Start sharing your presentations today</h2>
760    <p class="opacity-75 mb-4">Upload your first deck in minutes. No credit card required.</p>
761    <a href="/signup" class="btn btn-light fw-semibold px-4 text-teal">Upload your first deck</a>
762  </div>
763</section>
764
765<script>
766document.addEventListener('DOMContentLoaded', function() {
767  const textSlot = document.getElementById('text-slot');
768  const textSlots = ['Storyboards', 'Ideas', 'Knowledge', 'Visuals', 'Concepts', 'Insights', 'Perspectives', 'Presentations'];
769  let currentIndex = 0;
770
771  function cycleText() {
772    textSlot.classList.add('text-slot-animate-out');
773
774    setTimeout(() => {
775      currentIndex = (currentIndex + 1) % textSlots.length;
776      textSlot.textContent = textSlots[currentIndex];
777      textSlot.classList.remove('text-slot-animate-out');
778      textSlot.classList.add('text-slot-animate-in');
779
780      setTimeout(() => {
781        textSlot.classList.remove('text-slot-animate-in');
782      }, 500);
783    }, 500);
784  }
785
786  // Start cycling every 3 seconds
787  setInterval(cycleText, 3000);
788
789  // Billing toggle
790  const billingToggle = document.getElementById('billingToggle');
791  const subscriptionMonthly = document.querySelector('.subscription-monthly');
792  const subscriptionYearly = document.querySelector('.subscription-yearly');
793
794  billingToggle.addEventListener('change', function() {
795    if (billingToggle.checked) {
796      subscriptionMonthly.hidden = true;
797      subscriptionYearly.hidden = false;
798    } else {
799      subscriptionMonthly.hidden = false;
800      subscriptionYearly.hidden = true;
801    }
802  });
803});
804</script>
804
805
806    </div>
807    <footer class="d-block bg-black sd-footer">
808  <img alt="" class="footer-logo-bg" loading="lazy" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" />
809  <div class="container position-relative">
810    <div class="row py-3 py-md-5 justify-content-lg-between">
811
812      <div class="col-12 col-md-4 col-lg-3 text-center mb-2">
813        <a href="/">
814          <img alt="Speaker Deck" class="footer-logo mb-2" loading="lazy" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" width="70" height="44" />
815          <p class="speaker-deck">SpeakerDeck</p>
816        </a>
817        <a class="footer-icon mx-1" title="SpeakerDeck on Facebook" href="https://www.facebook.com/speakerdeck"><svg class="icon icon-facebook "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-facebook"></use></svg></a>
818        <a class="footer-icon mx-1" title="SpeakerDeck on Twitter" href="https://x.com/speakerdeck"><svg class="icon icon-twitter-x "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-twitter-x"></use></svg></a>
819      </div>
820      <div class="col-12 col-md-4 col-lg-auto py-2">
821        <nav aria-label="Top Categories">
822          <h2>Top Categories</h2>
823          <ul class="nav-footer">
824            <li><a href="/c/programming">Programming</a></li>
825            <li><a href="/c/technology">Technology</a></li>
826            <li class="mb-3"><a href="/c/storyboards">Storyboards</a></li>
827            <li><a href="/p/featured">Featured decks</a></li>
828            <li><a href="/s/featured">Featured speakers</a></li>
829          </ul>
830        </nav>
831      </div>
832      <div class="col-12 col-md-4 col-lg-auto py-2">
833        <nav aria-label="Legal">
834          <h2>Use Cases</h2>
835          <ul class="nav-footer">
836            <li><a href="/pro/storyboard-artists">Storyboard Artists</a></li>
837            <li><a href="/educators">Educators</a></li>
838            <li><a href="/student-pricing">Students</a></li>
839            <li><a lang="ja" hreflang="ja" href="/ja/recruiters">採用担当者向け</a></li>
840          </ul>
841        </nav>
842      </div>
843      <div class="col-12 col-md-4 col-lg-auto offset-md-4 offset-lg-0 py-2">
844        <nav aria-label="Resources">
845          <h2>Resources</h2>
846          <ul class="nav-footer">
847            <li><a href="https://help.speakerdeck.com/">Help Center</a></li>
848            <li><a href="https://blog.speakerdeck.com/">Blog</a></li>
849            
850            <li><a href="/slideshare-alternative">Compare Speaker Deck</a></li>
851            <li><a href="/advertising">Advertising</a></li>
852          </ul>
853        </nav>
854      </div>
855      <div class="col-12 col-md-4 col-lg-auto py-2">
856        <nav aria-label="Features">
857          <h2>Features</h2>
858          <ul class="nav-footer">
859            <li><a href="/features/privacy-controls">Private URLs</a></li>
860            <li><a href="/features/password-protection">Password Protection</a></li>
861            <li><a href="/features/custom-urls">Custom URLS</a></li>
862            <li><a href="/features/scheduled-publishing">Scheduled publishing</a></li>
863            <li><a href="/features/remove-branding">Remove Branding</a></li>
864            <li><a href="/features/restrict-embedding">Restrict embedding</a></li>
865            <li><a href="/features/collections">Deck Collections</a></li>
866            <li><a href="/features/slide-notes">Notes</a></li>
867          </ul>
868        </nav>
869      </div>
870
871    </div>
872
873    <div class="row text-center border-top">
874      <div class="col-12 py-3">
875        <p class="copyright-text mb-1">Copyright &copy; 2026 Speaker Deck, LLC.</p>
876        <p class="mb-1">All slide content and descriptions are owned by their creators.</p>
877        <ul class="list-inline">
878          <li class="list-inline-item"><a href="/about">About</a></li>
879          <li class="list-inline-item"><a href="/tos">Terms</a></li>
880          <li class="list-inline-item"><a href="/privacy">Privacy</a></li>
881          <li class="list-inline-item"><a href="/dmca">DMCA</a></li>
882          <li class="list-inline-item"><a href="/accessibility">Accessibility Statement</a></li>
883        </ul>
884      </div>
885    </div>
886  </div>
887</footer>
888
889      
889<script src="https://d1eu30co0ohy4w.cloudfront.net/assets/js/stats-066544ee5ddf3e5e4a9c.js"></script>
889
890  
890<script data-turbolinks-eval="false">
891    Stats.host = 'speakerdeck.com';
892  </script>
vendor: 73 bytes, lines 892-894
892
893
894    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
894GTM-TSP938CX
vendor: 88 bytes, lines 894-896
894" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
895
896    
896<script>
vendor: 483 bytes, lines 896-906
896
897      !function(f,b,e,v,n,t,s) {
898        if(f.fbq) return;
899        n=f.fbq=function() { n.callMethod? n.callMethod.apply(n,arguments) : n.queue.push(arguments) };
900        if(!f._fbq) f._fbq=n; n.push=n; n.loaded=!0; n.version='2.0'; n.queue=[];
901        t=b.createElement(e); t.async=!0; t.src=v;
902        s=b.getElementsByTagName(e)[0];
903        s.parentNode.insertBefore(t, s)
904      }(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js');
905
906      fbq('init', '
9062893765844191276
vendor: 41 bytes, lines 906-909
906');
907      fbq('track', 'PageView');
908
909    
909</script>
909
910    <noscript>
911      <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2893765844191276&ev=PageView&noscript=1" />
912    </noscript>
913
914  
915
916    
917  
917<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43943d80fe6127b',t:'MTc5MDgzNDYxNQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
917</body>
918</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.