PageSourceSearch

https://bulma.io/become-a-bulma-sponsor/

html bulma.io collected 2026-09-24 08:37:29 UTC 41,575 bytes, 920 lines download raw bytes

1<!doctype html>
2<html lang="en" class="bd-theme-sponsor">
3  <head>
4    <meta charset="utf-8">
5<meta http-equiv="X-UA-Compatible" content="IE=edge">
6<meta name="viewport" content="width=device-width, initial-scale=1">
7<meta
8  name="description"
9  content="Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free."
10>
11
12<title>
13  Bulma: Free, open source, and modern CSS framework based on Flexbox
14
15</title>
16
17  <link rel="stylesheet" href="https://bulma.io/vendor/fontawesome-free-6.5.2-web/css/all.min.css">
18
19
20
21
22
23<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
24<link
25  rel="stylesheet"
26  href="https://bulma.io/assets/css/website.min.css?v="
27>
28
29<link rel="canonical" href="https://bulma.io/become-a-bulma-sponsor/">
30<link
31  rel="alternate"
32  type="application/rss+xml"
33  title="Bulma: Free, open source, and modern CSS framework based on Flexbox"
34  href="https://bulma.io/atom.xml"
35>
36
37<meta property="og:url" content="https://bulma.io">
38<meta property="og:type" content="website">
39<meta property="og:image:type" content="image/png">
40<meta property="og:image:width" content="1200">
41<meta property="og:image:height" content="630">
42
43<meta name="twitter:card" content="summary_large_image">
44<meta name="twitter:site" content="@jgthms">
45<meta name="twitter:creator" content="@jgthms">
46
47<!-- Shared social media -->
48
49  <meta property="og:title" content="Bulma: Free, open source, and modern CSS framework based on Flexbox">
50  <meta name="twitter:title" content="Bulma: Free, open source, and modern CSS framework based on Flexbox">
51
52
53
54  <meta property="og:description" content="Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
55  <meta name="twitter:description" content="Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
56
57
58
59  <meta property="og:image" content="https://bulma.io/assets/images/bulma-banner.png">
60  <meta name="twitter:image" content="https://bulma.io/assets/images/bulma-banner.png">
61
62
63<!-- Favicons -->
64<link rel="apple-touch-icon" sizes="180x180" href="https://bulma.io/favicons/apple-touch-icon.png?v=201701041855">
65<link rel="icon" type="image/png" href="https://bulma.io/favicons/favicon-32x32.png?v=201701041855" sizes="32x32">
66<link rel="icon" type="image/png" href="https://bulma.io/favicons/favicon-16x16.png?v=201701041855" sizes="16x16">
67<!-- link rel="manifest" href="https://bulma.io/favicons/manifest.json?v=201701041855" -->
68<link rel="mask-icon" href="https://bulma.io/favicons/safari-pinned-tab.svg?v=201701041855" color="#00d1b2">
69<link rel="shortcut icon" href="https://bulma.io/favicons/favicon.ico?v=201701041855">
70<meta name="msapplication-config" content="https://bulma.io/favicons/browserconfig.xml?v=201701041855">
71<meta name="theme-color" content="#00d1b2">
72
73  </head>
74  <body>
75    <a href="https://cssmasterclass.io/" target="_blank" class="launch-code is-animated">
76  <h3><img
77        src="https://bulma.io/assets/images/masterclass/logo-desktop.png"
78        height="40"
79        width="300"
80    />
81  </h3>
82
83  <small>
84    Learn CSS with 🎓 online interactive courses,📺 educational videos, and
85    🧑🏻‍💻project-building tutorials.
86  </small>
87</a>
88
89
90    <header class="bd-header">
91  <a class="bulma-logo" href="https://bulma.io/">
92    <svg width="640" height="160" viewBox="0 0 640 160" fill="none" xmlns="http://www.w3.org/2000/svg">
93  <path fill-rule="evenodd" clip-rule="evenodd" d="M170 132.571V27.5908C170 25.5451 170.915 23.93 172.746 22.7456C174.576 21.5612 176.729 20.969 179.206 20.969H210.377C232.019 20.969 242.84 30.4441 242.84 49.3943C242.84 62.5303 238.264 71.0902 229.112 75.074C234.603 77.2275 238.748 80.2692 241.548 84.1992C244.347 88.1292 245.747 93.8627 245.747 101.4V104.791C245.747 116.743 242.84 125.437 237.026 130.875C231.211 136.312 223.351 139.031 213.445 139.031H179.206C176.514 139.031 174.307 138.385 172.584 137.093C170.861 135.801 170 134.293 170 132.571ZM190.834 120.619H209.085C219.529 120.619 224.751 114.751 224.751 103.015V100.431C224.751 94.401 223.432 90.0404 220.794 87.3486C218.156 84.6568 214.253 83.3109 209.085 83.3109H190.834V120.619ZM190.834 66.8371H208.923C213.122 66.8371 216.326 65.5989 218.533 63.1225C220.74 60.646 221.844 5
937.2544 221.844 52.9475C221.844 48.7483 220.686 45.4374 218.371 43.0148C216.057 40.5922 212.853 39.3809 208.762 39.3809H190.834V66.8371ZM260.283 103.015V27.4293C260.283 25.2759 261.306 23.6608 263.351 22.5841C265.397 21.5074 267.873 20.969 270.781 20.969C273.688 20.969 276.164 21.5074 278.21 22.5841C280.256 23.6608 281.279 25.2759 281.279 27.4293V103.015C281.279 115.397 287.2 121.588 299.044 121.588C310.888 121.588 316.81 115.397 316.81 103.015V27.4293C316.81 25.2759 317.833 23.6608 319.879 22.5841C321.925 21.5074 324.401 20.969 327.308 20.969C330.215 20.969 332.692 21.5074 334.738 22.5841C336.783 23.6608 337.806 25.2759 337.806 27.4293V103.015C337.806 115.72 334.28 125.061 327.227 131.036C320.175 137.012 310.781 140 299.044 140C287.308 140 277.914 137.039 270.861 131.117C263.809 125.195 260.283 115.828 260.283 103.015ZM356.703 132.409V27.4293C356.703 25.2759 357.725 23.6608 359.771 22.5841C361.817 21.5074 364.293 20.969 367.201 20.969C370.108 20.969 372.584 21.5074 374.63 22.5841C376.676 23.6608 377.699 25.2759 377.699 27.4293V120.619H417.106C419.044 120.619 420.579 121.534 421.709 123.365C422.84 125.195 423.405 127.349 423.405 129.825C423.405 132.301 422.84 134.455 421.709 136.285C420.579 138.116 419.044 139.031 417.106 139.031H365.908C363.432 139.031 361.279 138.439 359.448 137.254C357.618 136.07 356.703 134.455 356.703 132.409ZM434.872 132.409V31.467C434.872 27.9138 435.868 25.2759 437.86 23.5532C439.852 21.8304 442.355 20.969 445.37 20.969C449.354 20.969 452.423 21.6689 454.576 23.0686C456.729 24.4684 459.098 27.4832 461.682 32.1131L481.548 68.2907L501.413 32.1131C503.997 27.4832 506.393 24.4684 508.6 23.0686C510.808 21.6689 513.903 20.969 517.887 20.969C520.902 20.969 523.405 21.8304 525.397 23.5532C527.389 25.2759 528.385 27.9138 528.385 31.467V132.409C528.385 134.455 527.335 136.07 525.236 137.254C523.136 138.439 520.686 139.031 517.887 139.031C514.98 139.031 512.503 138.439 510.458 137.254C508.412 136.07 507.389 134.455 507.389 132.409V62.961L488.493 96.5545C486.985 99.354 484.616 100.754 481.386 100.754C478.264 100.754 475.949 99.354 474.441 96.5545L455.868 61.6689V132.409C455.868 134.455 454.818 136.07 452.719 137.254C450.619 138.439 448.17 139.031 445.37 139.031C442.463 139.031 439.987 138.439 437.941 137.254C435.895 136.07 434.872 134.455 434.872 132.409ZM539.529 130.31C539.529 130.094 539.637 129.556 539.852 128.694L571.023 27.1063C571.669 24.8452 573.257 23.0956 575.787 21.8573C578.318 20.6191 581.198 20 584.428 20C587.658 20 590.565 20.6191 593.149 21.8573C595.734 23.0956 597.349 24.8452 597.995 27.1063L629.166 128.694C629.381 129.556 629.489 130.094 629.489 130.31C629.489 132.678 628.035 134.724 625.128 136.447C622.221 138.17 619.26 139.031 616.245 139.031C612.261 139.031 609.892 137.631 609.139 134.832L603.001 113.351H566.016L559.879 134.832C559.125 137.631 556.756 139.031 552.773 139.031C549.65 139.031 546.662 138.197 543.809 136.528C540.956 134.859 539.529 132.786 539.529 130.31ZM570.377 96.8775H598.479L584.428 47.2948L570.377 96.8775Z" fill="black" class="bd-svg-black" />
94  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 110L10 40L50 0L100 50L70 80L110 120L50 160L0 110Z" fill="#00D1B2"/>
95</svg>
96
97  </a>
98
99  <nav id="js-nav" class="bd-nav">
100      
101
102<a
103  class="
104    bd-nav-item
105    bd-theme-docs
106    is-docs
107    
108    
109    
110  "
111  title="Everything you need to create a website with Bulma"
112  
113  href="https://bulma.io/documentation/"
114  
115>
116  <span class="icon">
117    <i class="fa-solid fa-book"></i>
118  </span>
119
120  
121  <span class="bd-nav-item-name">
122    
123    <span class="is-hidden-fullhd">Docs</span>
124    <span class="is-hidden is-block-fullhd">Documentation</span>
125    
126  </span>
127  
128</a>
129   
130
131<a
132  class="
133    bd-nav-item
134    bd-theme-expo
135    is-expo
136    
137    
138    
139  "
140  title="Official Bulma showcase"
141  
142  href="https://bulma.io/expo/"
143  
144>
145  <span class="icon">
146    <i class="fa-solid fa-star"></i>
147  </span>
148
149  
150  <span class="bd-nav-item-name">
151     Expo 
152  </span>
153  
154</a>
155   
156
157<a
158  class="
159    bd-nav-item
160    bd-theme-love
161    is-love
162    
163    
164    
165  "
166  title="Fans of Bulma around the world"
167  
168  href="https://bulma.io/love/"
169  
170>
171  <span class="icon">
172    <i class="fa-solid fa-heart"></i>
173  </span>
174
175  
176  <span class="bd-nav-item-name">
177     Love 
178  </span>
179  
180</a>
181   
182
183<a
184  class="
185    bd-nav-item
186    bd-theme-sponsor
187    is-sponsor
188    
189    
190      is-active
191    
192    
193  "
194  title="Sponsor Bulma and Open Source via Patreon and GitHub"
195  
196  href="https://bulma.io/become-a-bulma-sponsor/"
197  
198>
199  <span class="icon">
200    <i class="fa-brands fa-patreon"></i>
201  </span>
202
203  
204  <span class="bd-nav-item-name">
205     Sponsor 
206  </span>
207  
208</a>
209 
210
211    <div class="bd-nav-icons">
212        
213
214<a
215  class="
216    bd-nav-item
217    bd-theme-github
218    is-github
219    
220      is-icon
221    
222    
223    
224  "
225  title="Open Source on GitHub"
226  
227  href="https://github.com/jgthms/bulma"
228  target="_blank"
229  
230>
231  <span class="icon">
232    <i class="fa-brands fa-github-alt fa-lg"></i>
233  </span>
234
235  
236</a>
237   
238
239<a
240  class="
241    bd-nav-item
242    bd-theme-twitter
243    is-twitter
244    
245      is-icon
246    
247    
248    
249  "
250  title="Follow me on Twitter"
251  
252  href="https://twitter.com/jgthms"
253  target="_blank"
254  
255>
256  <span class="icon">
257    <i class="fa-brands fa-twitter fa-lg"></i>
258  </span>
259
260  
261</a>
262 
263
264      <button class="bd-nav-item is-search is-icon">
265        <span class="icon">
266          <i class="fas fa-search fa-lg"></i>
267        </span>
268      </button>
269
270      <button
271        class="bd-nav-item is-icon is-ellipsis js-burger"
272        data-target="js-more"
273      >
274        <span class="icon">
275          <i class="fas fa-ellipsis-h fa-lg"></i>
276        </span>
277      </button>
278
279      <div id="js-more" class="bd-nav-menu is-more js-menu">
280          
281
282<a
283  class="
284    bd-nav-item
285    bd-theme-made-with-bulma
286    is-made-with-bulma
287    
288    
289    
290  "
291  title="The official community badge"
292  
293  href="https://bulma.io/made-with-bulma/"
294  
295>
296  <span class="icon">
297    <i class="fa-solid fa-certificate"></i>
298  </span>
299
300  
301  <span class="bd-nav-item-name">
302     Made with Bulma 
303  </span>
304  
305</a>
306   
307
308<a
309  class="
310    bd-nav-item
311    bd-theme-backers
312    is-backers
313    
314    
315    
316  "
317  title="Everyone who is supporting Bulma via Patreon and GitHub"
318  
319  href="https://bulma.io/backers/"
320  
321>
322  <span class="icon">
323    <i class="fa-solid fa-hand-holding-heart"></i>
324  </span>
325
326  
327  <span class="bd-nav-item-name">
328     Backers 
329  </span>
330  
331</a>
332   
333
334<a
335  class="
336    bd-nav-item
337    bd-theme-brand
338    is-brand
339    
340    
341    
342  "
343  title="The official Bulma logos"
344  
345  href="https://bulma.io/brand/"
346  
347>
348  <span class="icon">
349    <i class="fa-solid fa-medal"></i>
350  </span>
351
352  
353  <span class="bd-nav-item-name">
354     Bulma Brand 
355  </span>
356  
357</a>
358   
359
360<a
361  class="
362    bd-nav-item
363    bd-theme-extensions
364    is-extensions
365    
366    
367    
368  "
369  title="Side projects to enhance Bulma"
370  
371  href="https://bulma.io/extensions/"
372  
373>
374  <span class="icon">
375    <i class="fa-solid fa-plug"></i>
376  </span>
377
378  
379  <span class="bd-nav-item-name">
380     Bulma Extensions 
381  </span>
382  
383</a>
384 
385      </div>
386    </div>
387
388    <a
389      class="button is-primary bd-nav-mobile-download"
390      href="https://github.com/jgthms/bulma/releases/download/1.0.4/bulma-1.0.4.zip"
391    >
392      Download
393    </a>
394  </nav>
395
396  <div class="bd-nav-themes">
397    <button id="js-cycle" class="bd-cycle js-burger" data-target="js-themes">
398      <div class="bd-cycles">
399        <div class="bd-cycle-sun">
400          <span class="icon">
401            <i class="fas fa-lg fa-sun" aria-hidden="true"></i>
402          </span>
403        </div>
404
405        <div class="bd-cycle-moon">
406          <span class="icon">
407            <i class="fas fa-lg fa-moon" aria-hidden="true"></i>
408          </span>
409        </div>
410      </div>
411    </button>
412
413    <div id="js-themes" class="bd-nav-menu is-cycles js-menu js-themes">
414      <button
415        data-scheme="light"
416        class="bd-nav-item is-sun"
417        aria-label="Light mode"
418      >
419        <span class="icon">
420          <i class="fas fa-sun" aria-hidden="true"></i>
421        </span>
422        <span>Light</span>
423      </button>
424
425      <button
426        data-scheme="dark"
427        class="bd-nav-item is-moon"
428        aria-label="Dark mode"
429      >
430        <span class="icon">
431          <i class="fas fa-moon" aria-hidden="true"></i>
432        </span>
433        <span>Dark</span>
434      </button>
435
436      <button
437        data-scheme="system"
438        class="bd-nav-item is-system"
439        aria-label="System mode"
440      >
441        <span class="icon">
442          <i class="fas fa-desktop" aria-hidden="true"></i>
443        </span>
444        <span>System</span>
445      </button>
446    </div>
447  </div>
448
449  <div class="bd-nav-search">
450    <button
451      class="bd-nav-item is-search-desktop is-icon js-burger"
452      data-target="js-search"
453    >
454      <span class="icon">
455        <i class="fas fa-search fa-lg"></i>
456      </span>
457    </button>
458
459    <div id="js-search" class="bd-nav-menu is-search js-menu">
460      <input id="algoliaSearch" class="input" type="text" placeholder="Search" />
461    </div>
462  </div>
463
464  <a
465    class="button is-primary bd-nav-desktop-download"
466    href="https://github.com/jgthms/bulma/releases/download/1.0.4/bulma-1.0.4.zip"
467  >
468    Download
469  </a>
470
471  <button class="navbar-burger bd-nav-burger js-burger" data-target="js-nav">
472    <span></span>
473    <span></span>
474    <span></span>
475    <span></span>
476  </button>
477</header>
478
479<section class="bd-hero is-">
480  <div class="bd-hero-body">
481    <h1 class="bd-hero-title algolia-lvl0">
482      Become a Bulma Sponsor
483    </h1>
484
485    <hr class="bd-hr">
486
487    <h2 class="bd-hero-subtitle algolia-lvl1">
488      Help the development of Open Source.
489    </h2>
490
491    
492  </div>
493
494  
495    <div class="bd-hero-carbon">
496      <div id="carboncontainer" class="bd-carbon">
497  <div id="carbon">
498    <a id="masterclass-carbon" href="https://cssmasterclass.io/" target="_blank" style="display: none; aspect-ratio: 40 / 28; max-width: 400px; max-height: 280px; width: 100%;">
499      <img src="https://bulma.io/assets/images/masterclass/masterclass-carbon.png" height="260" width="400" alt="CSS Masterclass">
500    </a>
501    
501<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CWYIE237&placement=bulmaio&format=cover" id="_carbonads_js" onerror="this.previousElementSibling.style.display = 'flex'"></script>
501
502  </div>
503</div>
504
505    </div>
506  
507</section>
508
509
510<div class="bd-backers-platforms">
511  <div class="bd-backers-platform bd-is-patreon">
512    <div>
513      <a class="bd-backers-platform-logo" href="https://www.patreon.com/jgthms" target="_blank">
514        <svg width="279" height="45" viewBox="0 0 279 45" fill="none" xmlns="http://www.w3.org/2000/svg">
515<path d="M38.7394 14.4169C38.7323 9.2456 34.7048 5.00735 29.9794 3.4781C24.1114 1.5791 16.3722 1.85435 10.7689 4.4981C3.97767 7.70285 1.84429 14.7229 1.76479 21.7241C1.69954 27.4803 2.27404 42.6412 10.8255 42.7492C17.1795 42.8299 18.1257 34.6425 21.0657 30.6994C23.1574 27.894 25.8507 27.1016 29.166 26.2811C34.8642 24.8707 38.7477 20.3737 38.7394 14.4169Z" fill="#F96854"/>
516<path d="M59.925 8.40003C59.925 6.90003 61.035 5.88003 62.775 5.88003H71.1C78.645 5.88003 83.775 10.035 83.775 16.14C83.775 22.14 78.69 26.595 71.1 26.595H69.945C67.035 26.595 65.535 28.095 65.535 30.51V37.35C65.535 39.285 64.425 40.5 62.73 40.5C61.035 40.5 59.925 39.285 59.925 37.35V8.40003ZM65.535 17.07C65.535 20.115 67.08 21.57 70.035 21.57H70.7551C74.91 21.57 77.97 19.875 77.97 16.155C77.97 12.435 74.925 10.74 70.7551 10.74H70.05C67.095 10.74 65.55 12.195 65.55 15.24V17.07H65.535ZM83.79 37.83C83.79 39.42 84.9 40.485 86.595 40.485C87.705 40.485 88.725 39.765 89.31 38.265L90.33 35.55C91.155 33.375 92.61 32.355 94.2 32.355H103.395C104.985 32.355 106.44 33.375 107.265 35.55L108.285 38.265C108.87 39.765 109.875 40.485 111 40.485C112.695 40.485 113.805 39.42 113.805 37.83C113.805 37.395 113.715 36.855 113.52 36.33L102.54 7.77004C101.865 6.03004 100.32 5.16003 98.82 5.16003C97.32 5.16003 95.775 6.03004 95.1 7.77004L84.12 36.33C83.88 36.87 83.79 37.395 83.79 37.83ZM94.485 24.855C94.485 24.33 94.635 23.835 94.875 23.115L96.96 17.355C97.35 16.245 98.025 15.705 98.805 15.705C99.585 15.705 100.26 16.23 100.65 17.355L102.735 23.115C102.975 23.835 103.125 24.33 103.125 24.855C103.125 26.31 102.3 27.33 100.125 27.33H97.515C95.31 27.33 94.485 26.31 94.485 24.855ZM111.96 8.50503C111.96 6.96003 113.07 5.89504 114.87 5.89504H137.13C138.915 5.89504 140.04 6.96003 140.04 8.50503C140.04 10.05 138.93 11.115 137.13 11.115H133.41C130.455 11.115 128.865 12.615 128.865 16.05V37.305C128.865 39.285 127.755 40.5 126.015 40.5C124.275 40.5 123.165 39.285 123.165 37.305V16.05C123.165 12.615 121.575 11.115 118.62 11.115H114.9C113.07 11.115 111.96 10.05 111.96 8.50503ZM145.26 37.35C145.26 39.285 146.37 40.5 148.065 40.5C149.76 40.5 150.87 39.285 150.87 37.35V29.655C150.87 27.48 152.13 26.55 153.675 26.55H154.065C155.085 26.55 156.105 27.18 156.72 28.095L164.07 38.895C164.745 39.915 165.615 40.485 166.725 40.485C168.18 40.485 169.335 39.27 169.335 37.83C169.335 37.245 169.14 36.615 168.705 35.985L163.815 29.115C163.23 28.29 162.99 27.615 162.99 27.03C162.99 25.815 164.055 24.945 165.315 24.03C167.595 22.335 170.055 20.115 170.055 15.855C170.055 9.90004 165.405 5.88003 157.755 5.88003H148.02C146.28 5.88003 145.215 6.90003 145.215 8.40003V37.35H145.26ZM150.87 16.635V15.18C150.87 12.03 152.52 10.725 155.025 10.725H157.44C161.595 10.725 164.265 12.27 164.265 15.855C164.265 19.44 161.46 21.075 157.29 21.075H155.01C152.52 21.09 150.87 19.785 150.87 16.635ZM177.255 37.245V8.40003C177.255 6.90003 178.32 5.88003 180.06 5.88003H198.36C200.1 5.88003 201.165 6.90003 201.165 8.40003C201.165 9.90003 200.1 10.92 198.36 10.92H186.795C184.515 10.92 182.88 12.27 182.88 14.835V15.9C182.88 18.465 184.53 19.815 186.795 19.815H195.75C197.49 19.815 198.555 20.835 198.555 22.335C198.555 23.835 197.49 24.855 195.75 24.855H187.14C184.86 24.855 182.88 26.265 182.88 29.115V30.465C182.88 33.315 184.86 34.725 187.14 34.725H198.375C200.115 34.725 201.18 35.745 201.18 37.245C201.18 38.745 200.115 39.765 198.375 39.765H180.075C178.32 39.765 177.255 38.745 177.255 37.245ZM204.495 22.83C204.495 12.375 212.34 5.16003 221.535 5.16003C230.73 5.16003 238.575 12.375 238.575 22.83C238.575 33.285 230.73 40.5 221.535 40.5C212.34 40.5 204.495 33.285 204.495 22.83ZM210.885 22.83C210.885 30.18 215.235 34.875 221.535 34.875C227.82 34.875 232.185 30.18 232.185 22.83C232.185 15.42 227.835 10.785 221.535 10.785C215.25 10.77 210.885 15.42 210.885 22.83ZM245.295 37.35C245.295 39.285 246.405 40.5 248.1 40.5C249.795 40.5 250.905 39.285 250.905 37.35V22.545C250.905 20.76 251.97 19.89 253.08 19.89C253.95 19.89 254.67 20.37 255.21 21.24L264.495 36.78C265.755 38.91 266.91 40.5 269.28 40.5C271.56 40.5 273.195 38.85 273.195 36.195V8.31003C273.195 6.37503 272.085 5.16003 270.39 5.16003C268.695 5.16003 267.585 6.37503 267.585 8.31003V23.115C267.585 24.9 266.52 25.77 265.41 25.77C264.54 25.77 263.805 25.29 263.28 24.42L253.995 8.88003C252.735 6.75003 251.58 5.16003 249.21 5.16003C246.93 5.16003 245.295 6.81004 245.295 9.46504V37.35Z" fill="black" class="bd-svg-black"/>
517</svg>
518
519      </a>
520
521      <a class="button bd-fat-button is-patreon" href="https://www.patreon.com/jgthms" target="_blank">
522        Become a Patron
523      </a>
524    </div>
525  </div>
526
527  <div class="bd-backers-platform bd-is-github">
528    <div>
529      <a class="bd-backers-platform-logo" href="https://github.com/jgthms/bulma" target="_blank">
530        <?xml version="1.0" encoding="UTF-8"?>
531<svg width="192px" height="48px" viewBox="0 0 192 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
532    <title>github</title>
533    <g id="github" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
534        <g id="Fill-5" fill="#161514">
535            <path d="M23.9555702,-2.84217094e-15 C10.7270083,-2.84217094e-15 -5.63736385e-15,10.8144 -5.63736385e-15,24.1552 C-5.63736385e-15,34.8276 6.864,43.882 16.382281,47.076 C17.5795041,47.2996 18.0190413,46.552 18.0190413,45.914 C18.0190413,45.338 17.9968264,43.4352 17.9865124,41.4168 C11.322049
5356,42.878 9.9157686,38.5668 9.9157686,38.5668 C8.82604959,35.7748 7.25593388,35.0324 7.25593388,35.0324 C5.08244628,33.5332 7.4197686,33.564 7.4197686,33.564 C9.82532231,33.7344 11.0919669,36.0532 11.0919669,36.0532 C13.228562,39.746 16.6960661,38.6784 18.0630744,38.0612 C18.2780826,36.5 18.8989091,35.4344 19.584,34.8312 C14.2631405,34.2204 8.66975207,32.1492 8.66975207,22.8936 C8.66975207,20.2564 9.60555372,18.1016 11.1379835,16.41 C10.8892562,15.8016 10.0692893,13.3448 11.3700496,10.0176 C11.3700496,10.0176 13.381686,9.3684 17.9595372,12.4936 C19.8704132,11.9584 21.9197355,11.69 23.9555702,11.6808 C25.991405,11.69 28.042314,11.9584 29.9567603,12.4936 C34.5290579,9.3684 36.5379174,10.0176 36.5379174,10.0176 C37.8418512,13.3448 37.0214876,15.8016 36.7727603,16.41 C38.3087603,18.1016 39.2382149,20.2564 39.2382149,22.8936 C39.2382149,32.1712 33.6341157,34.214 28.2997686,34.812 C29.1590083,35.5616 29.9246281,37.0316 29.9246281,39.2852 C29.9246281,42.5172 29.8968595,45.1184 29.8968595,45.914 C29.8968595,46.5568 30.3280661,47.31 31.5423471,47.0728 C41.0554711,43.8752 47.9107438,34.824 47.9107438,24.1552 C47.9107438,10.8144 37.1853223,-2.84217094e-15 23.9555702,-2.84217094e-15" class="bd-svg-black"></path>
536        </g>
537        <g id="GitHub_Logo" transform="translate(74.000000, 8.000000)" fill="#11110F">
538            <g id="Group-12">
539                <path d="M22.948898,13.7103673 L13.0657959,13.7103673 C12.8107755,13.7103673 12.6040816,13.9170612 12.6040816,14.1724082 L12.6040816,19.0044082 C12.6040816,19.259102 12.8107755,19.4667755 13.0657959,19.4667755 L16.9211429,19.4667755 L16.9211429,25.4700408 C16.9211429,25.4700408 16.0555102,25.7652245 13.6620408,25.7652245 C10.8385306,25.7652245 6.89404082,24.7337143 6.89404082,16.0597551 C6.89404082,7.38416327 11.0014694,6.24261224 14.8574694,6.24261224 C18.1955918,6.24261224 19.6333061,6.83004082 20.5485714,7.11346939 C20.8362449,7.20130612 21.1020408,6.91526531 21.1020408,6.65991837 L22.2044082,1.9915102 C22.2044082,1.872 22.1639184,1.728 22.0280816,1.63069388 C21.6564898,1.36555102 19.3893878,0.0969795918 13.6620408,0.0969795918 C7.0644898,0.0969795918 0.296489796,2.90383673 0.296489796,16.3980408 C0.296489796,29.8922449 8.04506122,31.9030204 14.5746939,31.9030204 C19.9810612,31.9030204 23.2607347,29.5928163 23.2607347,29.5928163 C23.3959184,29.5180408 23.4106122,29.3293061 23.4106122,29.2427755 L23.4106122,14.1724082 C23.4106122,13.9170612 23.2039184,13.7103673 22.948898,13.7103673" id="Fill-11" class="bd-svg-black"></path>
540            </g>
541            <path d="M73.882449,1.71363265 C73.882449,1.45665306 73.6786939,1.24930612 73.4233469,1.24930612 L67.8586122,1.24930612 C67.6045714,1.24930612 67.3978776,1.45665306 67.3978776,1.71363265 C67.3978776,1.71493878 67.3995102,12.4679184 67.3995102,12.4679184 L58.7252245,12.4679184 L58.7252245,1.71363265 C58.7252245,1.45665306 58.5208163,1.24930612 58.2661224,1.24930612 L52.7017143,1.24930612 C52.4486531,1.24930612 52.2419592,1.45665306 52.2419592,1.71363265 L52.2419592,30.8329796 C52.2419592,31.0899592 52.4486531,31.2989388 52.7017143,31.2989388 L58.2661224,31.2989388 C58.5208163,31.2989388 58.7252245,31.0899592 58.7252245,30.8329796 L58.7252245,18.3777959 L67.3995102,18.3777959 C67.3995102,18.3777959 67.3841633,30.832 67.3841633,30.8329796 C67.3841633,31.0899592 67.5905306,31.2989388 67.8452245,31.2989388 L73.4230204,31.2989388 C73.6780408,31.2989388 73.8817959,31.0899592 73.882449,30.8329796 L73.882449,1.71363265" id="Fill-13" class="bd-svg-black"></path>
542            <path d="M33.4497959,5.53502041 C33.4497959,3.53110204 31.8435918,1.91183673 29.861551,1.91183673 C27.8814694,1.91183673 26.2736327,3.53110204 26.2736327,5.53502041 C26.2736327,7.53665306 27.8814694,9.16016327 29.861551,9.16016327 C31.8435918,9.16016327 33.4497959,7.53665306 33.4497959,5.53502041" id="Fill-14" class="bd-svg-black"></path>
543            <path d="M33.0520816,24.6906122 C33.0520816,23.9441633 33.0520816,11.2489796 33.0520816,11.2489796 C33.0520816,10.9936327 32.8460408,10.7849796 32.5916735,10.7849796 L27.0442449,10.7849796 C26.7898776,10.7849796 26.5622857,11.0475102 26.5622857,11.3028571 C26.5622857,11.3028571 26.5622857,27.4772245 26.5622857,30.5603265 C26.5622857,31.1262041 26.9149388,31.2946939 27.371102,31.2946939 C27.371102,31.2946939 29.739102,31.2946939 32.3689796,31.2946939 C32.917551,31.2946939 33.0520816,31.0253061 33.0520816,30.5511837 C33.0520816,29.5190204 33.0520816,25.4752653 33.0520816,24.6906122" id="Fill-15" class="bd-svg-black"></path>
544            <path d="M95.0308571,10.8290612 L89.508898,10.8290612 C89.2558367,10.8290612 89.0494694,11.0377143 89.0494694,11.2943673 L89.0494694,25.5725714 C89.0494694,25.5725714 87.6463673,26.5988571 85.6551837,26.5988571 C83.6643265,26.5988571 83.136,25.6953469 83.136,23.7459592 C83.136,21.7939592 83.136,11.2943673 83.136,11.2943673 C83.136,11.0377143 82.9302857,10.8290612 82.6765714,10.8290612 L77.072,10.8290612 C76.8192653,10.8290612 76.6119184,11.0377143 76.6119184,11.2943673 C76.6119184,11.2943673 76.6119184,18.8979592 76.6119184,24.6886531 C76.6119184,30.4796735 79.8393469,31.8964898 84.2791837,31.8964898 C87.9219592,31.8964898 90.8587755,29.8840816 90.8587755,29.8840816 C90.8587755,29.8840816 90.9985306,30.9446531 91.0618776,31.0703673 C91.124898,31.1957551 91.2897959,31.322449 91.4680816,31.322449 L95.0334694,31.306449 C95.2862041,31.306449 95.493551,31.0974694 95.493551,30.8417959 L95.4915918,11.2943673 C95.4915918,11.0377143 95.285551,10.8290612 95.0308571,10.8290612" id="Fill-16" class="bd-svg-black"></path>
545            <path d="M107.945796,26.5812245 C106.030367,26.523102 104.731102,25.6538776 104.731102,25.6538776 L104.731102,16.4323265 C104.731102,16.4323265 106.012735,15.6466939 107.585306,15.5062857 C109.573878,15.3283265 111.489959,15.9288163 111.489959,20.6726531 C111.489959,25.6747755 110.625306,26.6622041 107.945796,26.5812245 Z M110.123755,10.1746939 C106.987429,10.1746939 104.854204,11.5742041 104.854204,11.5742041 L104.854204,1.71363265 C104.854204,1.45665306 104.64849,1.24930612 104.395102,1.24930612 L98.8143673,1.24930612 C98.5606531,1.24930612 98.3546122,1.45665306 98.3546122,1.71363265 L98.3546122,30.8329796 C98.3546122,31.0899592 98.5606531,31.2989388 98.8150204,31.2989388 C98.8156735,31.2989388 102.685714,31.2989388 102.68702,31.2989388 C102.861388,31.2989388 102.993306,31.2091429 103.090939,31.0517551 C103.187265,30.8953469 103.326041,29.7090612 103.326041,29.7090612 C103.326041,29.7090612 105.60
5457837,31.8713469 109.92751,31.8713469 C114.999184,31.8713469 117.907592,29.2989388 117.907592,20.3235918 C117.907592,11.3475918 113.262367,10.1746939 110.123755,10.1746939 L110.123755,10.1746939 Z" id="Fill-17" class="bd-svg-black"></path>
546            <path d="M49.045551,10.7823673 L44.8711837,10.7823673 C44.8711837,10.7823673 44.8649796,5.26889796 44.8649796,5.26791837 C44.8649796,5.05893878 44.7572245,4.95477551 44.5159184,4.95477551 L38.8277551,4.95477551 C38.6063673,4.95477551 38.4878367,5.05208163 38.4878367,5.26465306 L38.4878367,10.9632653 C38.4878367,10.9632653 35.6372245,11.6515918 35.4442449,11.707102 C35.2525714,11.7626122 35.1111837,11.9395918 35.1111837,12.1508571 L35.1111837,15.7319184 C35.1111837,15.989551 35.316898,16.1972245 35.5712653,16.1972245 L38.4878367,16.1972245 C38.4878367,16.1972245 38.4878367,19.9428571 38.4878367,24.8124082 C38.4878367,31.2114286 42.9763265,31.84 46.004898,31.84 C47.3890612,31.84 49.0445714,31.3955918 49.3178776,31.2946939 C49.483102,31.2339592 49.579102,31.0625306 49.579102,30.8770612 L49.584,26.9377959 C49.584,26.6808163 49.3668571,26.4728163 49.1226122,26.4728163 C48.8790204,26.4728163 48.2569796,26.5717551 47.6163265,26.5717551 C45.5657143,26.5717551 44.8711837,25.6182857 44.8711837,24.3843265 C44.8711837,23.1513469 44.8708571,16.1972245 44.8708571,16.1972245 L49.045551,16.1972245 C49.2999184,16.1972245 49.5059592,15.989551 49.5059592,15.7319184 L49.5059592,11.2463673 C49.5059592,10.9893878 49.2999184,10.7823673 49.045551,10.7823673" id="Fill-18" class="bd-svg-black"></path>
547        </g>
548    </g>
549</svg>
550      </a>
551
552      <a class="button bd-fat-button is-github" href="https://github.com/jgthms/bulma" target="_blank">
553        Sponsor on GitHub
554      </a>
555    </div>
556  </div>
557</div>
558
559<div class="bd-tiers">
560  <div class="container">
561    <div class="bd-tiers-list">
562      
563        <div class="bd-tier">
564          <p class="bd-tier-amount">$1</p>
565          <p class="bd-tier-frequency">a month</p>
566          <div class="bd-tier-message"><p>Thank you for supporting Bulma and open source!</p>
567</div>
568        </div>
569      
570        <div class="bd-tier">
571          <p class="bd-tier-amount">$10</p>
572          <p class="bd-tier-frequency">a month</p>
573          <div class="bd-tier-message"><p>Your name will be put on the Bulma website’s backers page, and in <code class="language-plaintext highlighter-rouge">backers.md</code> in the Bulma repository.</p>
574</div>
575        </div>
576      
577        <div class="bd-tier">
578          <p class="bd-tier-amount">$30</p>
579          <p class="bd-tier-frequency">a month</p>
580          <div class="bd-tier-message"><p>Your name will be put at the <strong>top</strong> of the Bulma website’s backers page, and at the top of <code class="language-plaintext highlighter-rouge">backers.md</code> in the Bulma repository.</p>
581</div>
582        </div>
583      
584        <div class="bd-tier">
585          <p class="bd-tier-amount">$100</p>
586          <p class="bd-tier-frequency">a month</p>
587          <div class="bd-tier-message"><p>Your name or company logo will appear on the Bulma <strong>homepage</strong>.</p>
588</div>
589        </div>
590      
591        <div class="bd-tier">
592          <p class="bd-tier-amount">$200</p>
593          <p class="bd-tier-frequency">a month</p>
594          <div class="bd-tier-message"><p>Two of your names or company logos will appear on the Bulma <strong>homepage</strong>.</p>
595</div>
596        </div>
597      
598        <div class="bd-tier">
599          <p class="bd-tier-amount">$300</p>
600          <p class="bd-tier-frequency">a month</p>
601          <div class="bd-tier-message"><p>Your name or company logo will appear on the Bulma <strong>homepage</strong> and in the footer of <strong>each page</strong> of the website.</p>
602</div>
603        </div>
604      
605        <div class="bd-tier">
606          <p class="bd-tier-amount">$500</p>
607          <p class="bd-tier-frequency">a month</p>
608          <div class="bd-tier-message"><p>Your name or company logo will appear on the Bulma <strong>documentation sidebar</strong>.</p>
609</div>
610        </div>
611      
612    </div>
613  </div>
614</div>
615
616<div class="bd-tiers-info">
617  <div class="bd-tiers-info-question">
618    <p>What is the difference between Patreon and Github?</p>
619  </div>
620  <div class="bd-tiers-info-answer">
621    <p>There is <strong>no difference</strong> in terms of <strong>rewards</strong>.</p>
622    <p>The main difference is that Patreon charges VAT based on your location.</p>
623    <p>
623If you already have a GitHub account, your sponsorship will be billed at the same time as your GitHub subscription.</p>
624    <p>In any case, <strong>choose the easiest option for you</strong>.</p>
625  </div>
626</div>
627
628
629
630    
631
632    
633      <div class="bd-home-section is-support bd-theme-docs has-text-centered">
634  <h3 class="title">
635    How to support Bulma
636  </h3>
637
638  <div class="bd-footer-donations columns is-multiline">
639    <div class="bd-footer-donation column">
640      <p class="bd-footer-donation-title"><strong>One-time</strong> donation</p>
641      <div class="bd-footer-donation-action">
642        <form class="paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
643          <input type="hidden" name="cmd" value="_s-xclick">
644          <input type="hidden" name="hosted_button_id" value="8WMKYSRFN6A78">
645          <input
646            type="image"
647            src="https://bulma.io/assets/images/paypal-donate.png"
648            border="0"
649            name="submit"
650            alt="PayPal – The safer, easier way to pay online."
651            height="30"
652          >
653          <img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
654        </form>
655      </div>
656    </div>
657
658    <div class="bd-footer-donation column">
659      <p class="bd-footer-donation-title"><strong>Browser testing</strong> via</p>
660      <div class="bd-footer-donation-action">
661        <a class="bd-hidden-dark" href="https://www.lambdatest.com/" target="_blank"><img src="https://assets.testmuai.com/resources/images/logos/logo.svg" style="vertical-align: middle;margin-left:5px" width="147" height="26" /></a>
662        <a class="bd-hidden-light" href="https://www.lambdatest.com/" target="_blank"><img src="https://assets.testmuai.com/resources/images/logos/logo.svg" style="vertical-align: middle;margin-left:5px" width="147" height="26" /></a>
663      </div>
664    </div>
665
666    
667      <div class="bd-footer-donation column">
668        <p class="bd-footer-donation-title">Visit our <strong>Sponsors</strong></p>
669
670        <div class="bd-footer-donation-items" id="pied"></div>
671      </div>
672    
673
674    <div class="bd-footer-donation column">
675      <p class="bd-footer-donation-title"><strong>Monthly</strong> donation</p>
676      <div class="bd-footer-donation-action">
677        <a class="button is-patreon"
678  href="https://bulma.io/become-a-bulma-sponsor/">
679  <span>
680    Become a sponsor
681  </span>
682</a>
683
684      </div>
685    </div>
686  </div>
687</div>
688
689      
689<script src="https://bulma.io/assets/vendor/native.js"></script>
vendor: 1 bytes, line 689
689
690<script>
691  _native.init('CVAIKK3E', {
692    targetClass: 'native-js',
693    fallback: `<a href="https://gum.co/css-44-deluxe" class="native-flex" target="_blank">
694      <style>
695        .native-js {
696          background: linear-gradient(-30deg, #4f38a4, #a244bc 45%, #4f38a4 45%) #4f38a4;
697        }
698
699        .native-details {
700          color: #FFFFFF !important;
701        }
702
703        .native-details:hover {
704          color: #FFFFFF !important;
705        }
706
707        .native-cta {
708          color: #FFFFFF;
709          background-color: #3bb76d;
710        }
711
712        .native-cta:hover {
713          color: #native_cta_color_hover;
714          background-color: #3bb76d;
715        }
716      </style>
717      <div class="native-main">
718        <img class="native-img" src="https://bulma.io/assets/images/fortyfour-native.png">
719        <div class="native-details">
720          <span class="native-company">CSS in 44 minutes</span>
721          <span class="native-desc">Learn how to build your own webpage from scratch!</span>
722        </div>
723      </div>
724      <span class="native-cta">Buy the book</span>
725    </a>`,
726  });
727</script>
727
728
729<div class="bd-native">
730<div class="native-js">
731  <a href="#native_link#" class="native-flex">
732    <style>
733      .native-js {
734        background: linear-gradient(-30deg, #native_bg_color#E5, #native_bg_color#E5 45%, #native_bg_color# 45%) #fff;
735      }
736
737      .native-details {
738        color: #native_color# !important;
739      }
740
741      .native-details:hover {
742        color: #native_color_hover# !important;
743      }
744
745      .native-cta {
746        color: #native_cta_color#;
747        background-color: #native_cta_bg_color#;
748      }
749
750      .native-cta:hover {
751        color: #native_cta_color_hover#;
752        background-color: #native_cta_bg_color_hover#;
753      }
754    </style>
755    <div class="native-main">
756      <img class="native-img" src="#native_logo#">
757      <div class="native-details">
758        <span class="native-company">#native_company#</span>
759        <span class="native-desc">#native_desc#</span>
760      </div>
761    </div>
762    <span class="button is-medium native-cta">#native_cta#</span>
763  </a>
764</div>
765</div>
766
767    
768
769    <footer class="bd-footer footer has-text-centered">
770  <div class="container">
771    <div class="columns">
772      <div class="column is-4">
773        <h4 class="bd-footer-title">
774  <strong xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">Bulma</strong> by <a xmlns:cc="http://creativecommons.org/ns#" href="https://jgthms.com" property="cc:attributionName" rel="cc:attributionURL" target="_blank">Jeremy Thomas</a>.
775</h4>
776
777<div class="bd-footer-iframe">
778  <a href="https://twitter.com/jgthms" class="button is-twitter" data-related="jgthms:Creator of Bulma">
779    <span class="icon"><i class="fab fa-twitter"></i></span>
780    <span>Follow @jgthms</span>
781  </a>
782</div>
783
784      </div>
785      <div class="column is-4">
786        <h4 class="bd-footer-title">
787  <strong>Contribute</strong> on GitHub
788</h4>
789
790<div class="bd-footer-iframe is-github">
791  <iframe src="https://ghbtns.com/github-btn.html?user=jgthms&repo=bulma&type=star&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
792  <iframe src="https://ghbtns.com/github-btn.html?user=jgthms&type=follow&count=true&size=large" frameborder="0" scrolling="0" width="170px" height="30px"></iframe>
793</div>
794
795      </div>
796      <div class="column is-4">
797        <h4 class="bd-footer-title">
798  <strong>Share</strong> on social media
799</h4>
800
801<div class="bd-footer-iframe">
802  <a href="https://twitter.com/share" class="button is-twitter" data-text="Bulma: Free, open source, and modern CSS framework based on Flexbox" data-url="https://bulma.io" data-count="horizontal" data-via="jgthms" data-related="jgthms:Creator of Bulma">
803    <span class="icon"><i class="fab fa-twitter"></i></span>
804    <span>Twitter</span>
805  </a>
806
807  <a class="button is-facebook" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fbulma.io">
808    <span class="icon"><i class="fab fa-facebook"></i></span>
809    <span>Facebook</span>
810  </a>
811</div>
812
813      </div>
814    </div>
815
816    <div class="bd-footer-tsp has-text-centered">
817      Source code licensed <a href="https://opensource.org/licenses/mit-license.php" target="_blank">MIT</a>.
818      Website content licensed <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a>
819    </div>
820  </div>
821</footer>
822
823
824    
824<script src="https://bulma.io/assets/vendor/clipboard-2.0.11.min.js"></script>
824
825    
825<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
825
826    
826<script type="text/javascript"> docsearch({
827      apiKey: 'cb93c14bebd90678e789c946d95ea94d',
828      indexName: 'bulma',
829      inputSelector: '#algoliaSearch',
830      debug: false // Set debug to true if you want to inspect the dropdown
831    });
832    </script>
832
833    
833<script src="https://bulma.io/assets/javascript/main.js"></script>
833
834    <div id="bulma-customizer-app" class="is-hidden-mobile"></div>
835<div id="scope" class="is-hidden">
836  <div class="breadcrumb"></div>
837  <div class="card"></div>
838  <div class="dropdown"></div>
839  <div class="menu"></div>
840  <div class="message"></div>
841  <div class="modal"></div>
842  <div class="navbar"></div>
843  <div class="pagination"></div>
844  <div class="panel"></div>
845  <div class="tabs"></div>
846  <div class="box"></div>
847  <div class="content"></div>
848  <div class="delete"></div>
849  <div class="icon"></div>
850  <div class="notification"></div>
851  <div class="progress"></div>
852  <div class="table"></div>
853  <div class="tag"></div>
854  <div class="title"></div>
855  <input class="input" />
856  <div class="file"></div>
857  <div class="columns"></div>
858  <div class="grid"></div>
859  <div class="footer"></div>
860  <div class="hero"></div>
861  <div class="media"></div>
862  <div class="section"></div>
863</div>
864
865<link
866  rel="stylesheet"
867  href="https://bulma.io/assets/javascript/bulma-customizer/index.css"
868/>
869<script
870  defer
871  src="https://bulma.io/assets/javascript/bulma-customizer/index.js"
872></script>
872
873
874    <div id="masterclass" class="masterclass">
875  <div id="masterclass-background" class="masterclass-background"></div>
876
877  <a class="masterclass-body" href="https://cssmasterclass.io/" target="_blank">
878    <div class="masterclass-content is-hidden-desktop">
879      <img
880        src="https://bulma.io/assets/images/masterclass/logo-mobile.png"
881        height="68"
882        width="240"
883      />
884      <img
885        src="https://bulma.io/assets/images/masterclass/text-mobile.png"
886        height="99"
887        width="228"
888      />
889      <div class="shine">
890        <span>Get started for Free</span>
891      </div>
892    </div>
893
894    <div class="masterclass-content is-hidden-touch">
895      <img
896        src="https://bulma.io/assets/images/masterclass/logo-desktop.png"
897        height="50"
898        width="378"
899      />
900      <img
901        src="https://bulma.io/assets/images/masterclass/text-desktop.png"
902        height="58"
903        width="571"
904      />
905      <div class="shine">
906        <span>Get started for Free</span>
907      </div>
908    </div>
909  </a>
910
911  <button
912    id="masterclass-close"
913    class="modal-close is-large"
914    aria-label="close"
915  ></button>
916</div>
917
918  
918<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"23ec37dfba1447e0b5322b3ccd8da860","r":1,"spa":2}' crossorigin="anonymous"></script>
918
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.