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.