PageSourceSearch

https://speakerdeck.com/

html speakerdeck.com collected 2026-09-24 06:03:07 UTC 55,170 bytes, 920 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-ae74013874a086fd41ea54dd7e1f02a4d9dc75338f51e412cc4d224e368ef0ce.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-8a2e6815acb46794e8b1.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="FXIBzAIlR_PqlIE1wnJhwUg-0eI3L3mEf5bcE_udrwCczdEs6BRpdop-A_XvvxIhxyGYkk2whG7owCXB-UKD_g" />
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="ee731e4f696c4d749e4fa61165971105" data-slide-count="51" data-cover-image="https://files.speakerdeck.com/presentations/ee731e4f696c4d749e4fa61165971105/preview_slide_0.jpg?16080143">
400      <a class="deck-preview-link" href="/philnash/fantastic-passwords-and-where-to-find-them-at-noruko" title="Fantastic passwords and where to find them - at NoRuKo">
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/ee731e4f696c4d749e4fa61165971105/preview_slide_0.jpg?16080143');"></div>
404          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/ee731e4f696c4d749e4fa61165971105/preview_slide_0.jpg?16080143');"></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          Fantastic passwords and where to find them - at NoRuKo
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="/philnash" aria-label="Phil Nash profile">
417              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for Phil Nash" src="https://secure.gravatar.com/avatar/8ec1383b240b5ba15ffb9743fceb3c0e?s=24" />
418              philnash
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> 52
425          </div>
426          <div class="px-1 py-3">
427            <span title="3,833 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 3.8k</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="c2a1a7c6d44d4f349a4076c3529df898" data-slide-count="81" data-cover-image="https://files.speakerdeck.com/presentations/c2a1a7c6d44d4f349a4076c3529df898/preview_slide_0.jpg?37176681">
435      <a class="deck-preview-link" href="/tammyeverts/how-fast-is-fast-enough-perfnow-2025" title="How Fast Is Fast Enough? [PerfNow 2025]">
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/c2a1a7c6d44d4f349a4076c3529df898/preview_slide_0.jpg?37176681');"></div>
439          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/c2a1a7c6d44d4f349a4076c3529df898/preview_slide_0.jpg?37176681');"></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          How Fast Is Fast Enough? [PerfNow 2025]
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="/tammyeverts" aria-label="Tammy Everts profile">
452              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for Tammy Everts" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTE1OTYxLCJwdXIiOiJibG9iX2lkIn19--abc92847293bd4bb711260d06a412d2974cd78fe/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzI0LDI0XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--dcc78b2290da0fc746e1bfe817edcd08056147b6/Tammy.jpg" />
453              tammyeverts
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> 3
460          </div>
461          <div class="px-1 py-3">
462            <span title="896 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 900</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="1c8e93858d2d479c90d8de9e0e88c17b" data-slide-count="9" data-cover-image="https://files.speakerdeck.com/presentations/1c8e93858d2d479c90d8de9e0e88c17b/preview_slide_0.jpg?37605894">
470      <a class="deck-preview-link" href="/ianozsvald/amusing-abliteration" title="Amusing Abliteration">
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/1c8e93858d2d479c90d8de9e0e88c17b/preview_slide_0.jpg?37605894');"></div>
474          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/1c8e93858d2d479c90d8de9e0e88c17b/preview_slide_0.jpg?37605894');"></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          Amusing Abliteration
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="/ianozsvald" aria-label="ianozsvald profile">
487              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for ianozsvald" src="https://secure.gravatar.com/avatar/3d644406158b4d440111903db1f62622?s=24" />
488              ianozsvald
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> 1
495          </div>
496          <div class="px-1 py-3">
497            <span title="309 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 310</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="4fd2403f469d20018702f76a" data-slide-count="111" data-cover-image="https://files.speakerdeck.com/presentations/4fd2403f469d20018702f76a/preview_slide_0.jpg?2927762">
505      <a class="deck-preview-link" href="/bermonpainter/css-pre-processors-stylus-less-and-sass" title="CSS Pre-Processors: Stylus, Less &amp; Sass">
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/4fd2403f469d20018702f76a/preview_slide_0.jpg?2927762');"></div>
509          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/4fd2403f469d20018702f76a/preview_slide_0.jpg?2927762');"></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          CSS Pre-Processors: Stylus, Less &amp; Sass
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="/bermonpainter" aria-label="Bermon Painter profile">
522              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for Bermon Painter" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzIyNzgsInB1ciI6ImJsb2JfaWQifX0=--0a08b9ea50b78202a903b729cdf0585ed57d745f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzI0LDI0XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--dcc78b2290da0fc746e1bfe817edcd08056147b6/Bermon-Painter---Profile---Square.jpg" />
523              bermonpainter
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> 360
530          </div>
531          <div class="px-1 py-3">
532            <span title="30,498 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 30k</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="31ea7106c8f84ca7bca5c39fe5a7a594" data-slide-count="30" data-cover-image="https://files.speakerdeck.com/presentations/31ea7106c8f84ca7bca5c39fe5a7a594/preview_slide_0.jpg?37722165">
540      <a class="deck-preview-link" href="/techseoconnect/max-prin-stacking-signals-how-international-seo-comes-together-and-falls-apart" title="Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)">
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/31ea7106c8f84ca7bca5c39fe5a7a594/preview_slide_0.jpg?37722165');"></div>
544          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/31ea7106c8f84ca7bca5c39fe5a7a594/preview_slide_0.jpg?37722165');"></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          Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
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="/techseoconnect" aria-label="Tech SEO Connect profile">
557              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for Tech SEO Connect" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQ2NjU4LCJ
557wdXIiOiJibG9iX2lkIn19--14f297c27d2190051dc109b5d472cf0297dd6c3e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzI0LDI0XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--924ecf2834d46e1be7416cc0ef8ce19d4bbdebbf/40575_logo_social%20media%20profile%204.png" />
558              techseoconnect
559            </a>
560              <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>
561</div>
562          </div>
563          <div class="px-1 py-3">
564          </div>
565          <div class="px-2 py-3">
566              <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-star"></use></svg> 0
567          </div>
568          <div class="px-1 py-3">
569            <span title="466 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 470</span>
570          </div>
571      </div>
572    </div>
573  </div>
574
575          <div class="col-12 col-md-4 col-lg-3 mb-5">
576    <div class="card deck-preview" data-id="02c64f841a454377b576e19b5979db59" data-slide-count="509" data-cover-image="https://files.speakerdeck.com/presentations/02c64f841a454377b576e19b5979db59/preview_slide_0.jpg?21716271">
577      <a class="deck-preview-link" href="/lfama/heart-work-chapter-1-part-1" title="Heart Work Chapter 1 - Part 1 ">
578        <div class="deck-preview-image">
579          <div class="content"></div>
580          <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/02c64f841a454377b576e19b5979db59/preview_slide_0.jpg?21716271');"></div>
581          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/02c64f841a454377b576e19b5979db59/preview_slide_0.jpg?21716271');"></div>
582          <div class="deck-preview-slide deck-preview-scrub-slide"></div>
583          <div class="deck-preview-background deck-preview-scrub-background"></div>
584          <div class="deck-preview-scrubber"></div>
585        </div>
586
587        <div class="deck-title px-3 pt-3 text-truncate">
588          Heart Work Chapter 1 - Part 1 
589        </div>
590      </a>
591      <div class="deck-preview-meta d-flex px-2">
592          <div class="text-truncate py-3 pe-2 me-auto py-3">
593            <a href="/lfama" aria-label="Lake Fama profile">
594              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for Lake Fama" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTYyMTgxLCJwdXIiOiJibG9iX2lkIn19--3a3afec9740af3a772259a03ba478eb5457e48c1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJQTkciLCJyZXNpemVfdG9fZmlsbCI6WzI0LDI0XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--961749e9c6a196b5d575fbb3ea80d5f63505f114/2024.PNG" />
595              lfama
596            </a>
597              <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>
598</div>
599          </div>
600          <div class="px-1 py-3">
601          </div>
602          <div class="px-2 py-3">
603              <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-star"></use></svg> 10
604          </div>
605          <div class="px-1 py-3">
606            <span title="36,432 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 36k</span>
607          </div>
608      </div>
609    </div>
610  </div>
611
612          <div class="col-12 col-md-4 col-lg-3 mb-5">
613    <div class="card deck-preview" data-id="a06cbfecba23484185b33446290bd156" data-slide-count="155" data-cover-image="https://files.speakerdeck.com/presentations/a06cbfecba23484185b33446290bd156/preview_slide_0.jpg?25372233">
614      <a class="deck-preview-link" href="/kevinliebholz/exploring-the-power-of-turbo-streams-and-action-cable" title="Exploring the Power of Turbo Streams &amp; Action Cable | RailsConf2023">
615        <div class="deck-preview-image">
616          <div class="content"></div>
617          <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/a06cbfecba23484185b33446290bd156/preview_slide_0.jpg?25372233');"></div>
618          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/a06cbfecba23484185b33446290bd156/preview_slide_0.jpg?25372233');"></div>
619          <div class="deck-preview-slide deck-preview-scrub-slide"></div>
620          <div class="deck-preview-background deck-preview-scrub-background"></div>
621          <div class="deck-preview-scrubber"></div>
622        </div>
623
624        <div class="deck-title px-3 pt-3 text-truncate">
625          Exploring the Power of Turbo Streams &amp; Action Cable | RailsConf2023
626        </div>
627      </a>
628      <div class="deck-preview-meta d-flex px-2">
629          <div class="text-truncate py-3 pe-2 me-auto py-3">
630            <a href="/kevinliebholz" aria-label="Kevin Liebholz profile">
631              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for Kevin Liebholz" src="https://secure.gravatar.com/avatar/7cac149f4967f1b063974d6a186251ab?s=24" />
632              kevinliebholz
633            </a>
634          </div>
635          <div class="px-1 py-3">
636          </div>
637          <div class="px-2 py-3">
638              <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-star"></use></svg> 37
639          </div>
640          <div class="px-1 py-3">
641            <span title="6,603 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 6.6k</span>
642          </div>
643      </div>
644    </div>
645  </div>
646
647          <div class="col-12 col-md-4 col-lg-3 mb-5">
648    <div class="card deck-preview" data-id="93d40e767d2e4cf8a073acb0d63e0234" data-slide-count="60" data-cover-image="https://files.speakerdeck.com/presentations/93d40e767d2e4cf8a073acb0d63e0234/preview_slide_0.jpg?37345947">
649      <a class="deck-preview-link" href="/frankvandijk/unlocking-the-hidden-potential-of-vector-embeddings-in-international-seo" title="Unlocking the hidden potential of vector embeddings in international SEO">
650        <div class="deck-preview-image">
651          <div class="content"></div>
652          <div class="deck-preview-slide" style="background-image: url('https://files.speakerdeck.com/presentations/93d40e767d2e4cf8a073acb0d63e0234/preview_slide_0.jpg?37345947');"></div>
653          <div class="deck-preview-background" style="background-image: url('https://files.speakerdeck.com/presentations/93d40e767d2e4cf8a073acb0d63e0234/preview_slide_0.jpg?37345947');"></div>
654          <div class="deck-preview-slide deck-preview-scrub-slide"></div>
655          <div class="deck-preview-background deck-preview-scrub-background"></div>
656          <div class="deck-preview-scrubber"></div>
657        </div>
658
659        <div class="deck-title px-3 pt-3 text-truncate">
660          Unlocking the hidden potential of vector embeddings in international SEO
661        </div>
662      </a>
663      <div class="deck-preview-meta d-flex px-2">
664          <div class="text-truncate py-3 pe-2 me-auto py-3">
665            <a href="/frankvandijk" aria-label="Frank van Dijk profile">
666              <img width="24" height="24" class="avatar avatar-sm" loading="lazy" alt="Avatar for Frank van Dijk" src="https://speakerdeck.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTgyNDMxLCJwdXIiOiJibG9iX2lkIn19--71c1d3803dcdefb622f9dcc6e318d20ad0c88948/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzI0LDI0XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--dcc78b2290da0fc746e1bfe817edcd08056147b6/foto-van-frank-van-dijk-seo-specialist.jpg" />
667              frankvandijk
668            </a>
669          </div>
670          <div class="px-1 py-3">
671          </div>
672          <div class="px-2 py-3">
673              <svg class="icon icon-star "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-star"></use></svg> 0
674          </div>
675          <div class="px-1 py-3">
676            <span title="938 views"><svg class="icon icon-eye "><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-eye"></use></svg> 940</span>
677          </div>
678      </div>
679    </div>
680  </div>
681
682    </div>
683    <p class="text-center">
684      <a class="btn btn-success px-4" href="/p/featured">
685        Browse presentations
686</a>    </p>
687  </div>
688</section>
689
690<!-- ===== PRICING ===== -->
691<section class="py-5">
692  <div class="container">
693    <div class="text-center mb-4">
694      <h2>Free to start, <span class="text-teal">powerful</span> when you need more</h2>
695      <p>Get started for free. Upgrade when you need more control over privacy and sharing.</p>
696    </div>
697    <div class="d-flex align-items-center justify-content-center gap-2 mb-4">
698      <span class="small fw-medium text-body">Monthly</span>
699      <div class="form-check form-switch mb-0">
700        <input class="form-check-input" type="checkbox" role="switch" id="billingToggle">
701      </div>
702      <span class="small fw-medium text-body">Yearly</span>
703    </div>
704    <div class="row g-3">
705      <div class="col-md-4 offset-md-2">
706        <div class="border rounded p-4 h-100 bg-white">
707          <h3 class="fw-bold mb-1 h5">Free</h3>
708          <div class="mb-1"><span class="display-6 fw-bold">$0</span><span class="text-muted">/mo</span></div>
709          <p class="text-muted small mb-3">Get started for free</p>
710          <ul class="list-unstyled mb-4">
711            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
712              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> 100 uploads
713            </li>
714            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
715              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> 150MB per upload
716            </li>
717            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
718              <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
719            </li>
720            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
721              <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
722            </li>
723          </ul>
724          <a href="/signup" class="btn btn-outline-secondary w-100">Get started free</a>
725        </div>
726      </div>
727      <div class="col-md-4">
728        <div class="border rounded p-4 h-100 bg-white pricing-card-featured position-relative">
729          <!--<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>-->
730          <h3 class="fw-bold mb-1 h5">Pro</h3>
731          <div class="mb-1">
732            <span class="subscription subscription-monthly"><span class="display-6 fw-bold">$8</span><span class="text-muted">/monthly</span></span>
733            <span hidden class="subscription subscription-yearly"><span class="display-6 fw-bold">$80</span><span class="text-muted">/yearly</span></span>
734          </div>
735          <p class="text-muted small mb-3">Unlock all features, including:</p>
736          <ul class="list-unstyled mb-4">
737            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
738              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Unlimited uploads
739            </li>
740            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
741              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Password-protected decks
742            </li>
743            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
744              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Private URLs
745            </li>
746            <li class="d-flex align-items-start gap-2 py-1 small text-secondary">
747              <svg class="icon icon-check2 icon-dark"><use xlink:href="/icons/icons.svg?v=2026-09-13#icon-check2"></use></svg> Scheduled publishing
748            </li>
749          </ul>
750          <a class="btn btn-success w-100" href="/pro?utm_campaign=speakerdeck_pro&amp;utm_medium=web&amp;utm_source=home_pricing_pro_features">
751            See All PRO Features
752</a>        </div>
753      </div>
754    </div>
755  </div>
756</section>
757
758<!-- ===== CTA ===== -->
759<section class="py-5 bg-teal text-white text-center">
760  <div class="container">
761    <h2 class="mb-2">Start sharing your presentations today</h2>
762    <p class="opacity-75 mb-4">Upload your first deck in minutes. No credit card required.</p>
763    <a href="/signup" class="btn btn-light fw-semibold px-4 text-teal">Upload your first deck</a>
764  </div>
765</section>
766
767<script>
768document.addEventListener('DOMContentLoaded', function() {
769  const textSlot = document.getElementById('text-slot');
770  const textSlots = ['Storyboards', 'Ideas', 'Knowledge', 'Visuals', 'Concepts', 'Insights', 'Perspectives', 'Presentations'];
771  let currentIndex = 0;
772
773  function cycleText() {
774    textSlot.classList.add('text-slot-animate-out');
775
776    setTimeout(() => {
777      currentIndex = (currentIndex + 1) % textSlots.length;
778      textSlot.textContent = textSlots[currentIndex];
779      textSlot.classList.remove('text-slot-animate-out');
780      textSlot.classList.add('text-slot-animate-in');
781
782      setTimeout(() => {
783        textSlot.classList.remove('text-slot-animate-in');
784      }, 500);
785    }, 500);
786  }
787
788  // Start cycling every 3 seconds
789  setInterval(cycleText, 3000);
790
791  // Billing toggle
792  const billingToggle = document.getElementById('billingToggle');
793  const subscriptionMonthly = document.querySelector('.subscription-monthly');
794  const subscriptionYearly = document.querySelector('.subscription-yearly');
795
796  billingToggle.addEventListener('change', function() {
797    if (billingToggle.checked) {
798      subscriptionMonthly.hidden = true;
799      subscriptionYearly.hidden = false;
800    } else {
801      subscriptionMonthly.hidden = false;
802      subscriptionYearly.hidden = true;
803    }
804  });
805});
806</script>
806
807
808    </div>
809    <footer class="d-block bg-black sd-footer">
810  <img alt="" class="footer-logo-bg" loading="lazy" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" />
811  <div class="container position-relative">
812    <div class="row py-3 py-md-5 justify-content-lg-between">
813
814      <div class="col-12 col-md-4 col-lg-3 text-center mb-2">
815        <a href="/">
816          <img alt="Speaker Deck" class="footer-logo mb-2" loading="lazy" src="https://d1eu30co0ohy4w.cloudfront.net/assets/mark-f4be6df1e05965cac9f98e664a6c35f5ffdd0207385d07464a9214d6cdf76082.svg" width="70" height="44" />
817          <p class="speaker-deck">SpeakerDeck</p>
818        </a>
819        <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>
820        <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>
821      </div>
822      <div class="col-12 col-md-4 col-lg-auto py-2">
823        <nav aria-label="Top Categories">
824          <h2>Top Categories</h2>
825          <ul class="nav-footer">
826            <li><a href="/c/programming">Programming</a></li>
827            <li><a href="/c/technology">Technology</a></li>
828            <li class="mb-3"><a href="/c/storyboards">Storyboards</a></li>
829            <li><a href="/p/featured">Featured decks</a></li>
830            <li><a href="/s/featured">Featured speakers</a></li>
831          </ul>
832        </nav>
833      </div>
834      <div class="col-12 col-md-4 col-lg-auto py-2">
835        <nav aria-label="Legal">
836          <h2>Use Cases</h2>
837          <ul class="nav-footer">
838            <li><a href="/pro/storyboard-artists">Storyboard Artists</a></li>
839            <li><a href="/educators">Educators</a></li>
840            <li><a href="/student-pricing">Students</a></li>
841            <li><a lang="ja" hreflang="ja" href="/ja/recruiters">採用担当者向け</a></li>
842          </ul>
843        </nav>
844      </div>
845      <div class="col-12 col-md-4 col-lg-auto offset-md-4 offset-lg-0 py-2">
846        <nav aria-label="Resources">
847          <h2>Resources</h2>
848          <ul class="nav-footer">
849            <li><a href="https://help.speakerdeck.com/">Help Center</a></li>
850            <li><a href="https://blog.speakerdeck.com/">Blog</a></li>
851            
852            <li><a href="/slideshare-alternative">Compare Speaker Deck</a></li>
853            <li><a href="/advertising">Advertising</a></li>
854          </ul>
855        </nav>
856      </div>
857      <div class="col-12 col-md-4 col-lg-auto py-2">
858        <nav aria-label="Features">
859          <h2>Features</h2>
860          <ul class="nav-footer">
861            <li><a href="/features/privacy-controls">Private URLs</a></li>
862            <li><a href="/features/password-protection">Password Protection</a></li>
863            <li><a href="/features/custom-urls">Custom URLS</a></li>
864            <li><a href="/features/scheduled-publishing">Scheduled publishing</a></li>
865            <li><a href="/features/remove-branding">Remove Branding</a></li>
866            <li><a href="/features/restrict-embedding">Restrict embedding</a></li>
867            <li><a href="/features/collections">Deck Collections</a></li>
868            <li><a href="/features/slide-notes">Notes</a></li>
869          </ul>
870        </nav>
871      </div>
872
873    </div>
874
875    <div class="row text-center border-top">
876      <div class="col-12 py-3">
877        <p class="copyright-text mb-1">Copyright &copy; 2026 Speaker Deck, LLC.</p>
878        <p class="mb-1">All slide content and descriptions are owned by their creators.</p>
879        <ul class="list-inline">
880          <li class="list-inline-item"><a href="/about">About</a></li>
881          <li class="list-inline-item"><a href="/tos">Terms</a></li>
882          <li class="list-inline-item"><a href="/privacy">Privacy</a></li>
883          <li class="list-inline-item"><a href="/dmca">DMCA</a></li>
884          <li class="list-inline-item"><a href="/accessibility">Accessibility Statement</a></li>
885        </ul>
886      </div>
887    </div>
888  </div>
889</footer>
890
891      
891<script src="https://d1eu30co0ohy4w.cloudfront.net/assets/js/stats-066544ee5ddf3e5e4a9c.js"></script>
891
892  
892<script data-turbolinks-eval="false">
893    Stats.host = 'speakerdeck.com';
894  </script>
vendor: 73 bytes, lines 894-896
894
895
896    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
896GTM-TSP938CX
vendor: 88 bytes, lines 896-898
896" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
897
898    
898<script>
vendor: 483 bytes, lines 898-908
898
899      !function(f,b,e,v,n,t,s) {
900        if(f.fbq) return;
901        n=f.fbq=function() { n.callMethod? n.callMethod.apply(n,arguments) : n.queue.push(arguments) };
902        if(!f._fbq) f._fbq=n; n.push=n; n.loaded=!0; n.version='2.0'; n.queue=[];
903        t=b.createElement(e); t.async=!0; t.src=v;
904        s=b.getElementsByTagName(e)[0];
905        s.parentNode.insertBefore(t, s)
906      }(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js');
907
908      fbq('init', '
9082893765844191276
vendor: 41 bytes, lines 908-911
908');
909      fbq('track', 'PageView');
910
911    
911</script>
911
912    <noscript>
913      <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2893765844191276&ev=PageView&noscript=1" />
914    </noscript>
915
916  
917
918    
919  
919<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:'a3ff9588eceedc1f',t:'MTc5MDIyOTc4Nw=='};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>
919</body>
920</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.