Get started with gumby CDN

MIT licensed

Gumby: HTML, CSS, JS framework for adaptive websites.

Tags:
  • css
  • gumby
  • responsive

Stable version

Copied!

How to start using gumby CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with gumby CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.cdnhub.io/gumby/2.6.4/css/gumby.min.css">
</head>
<body>
  <header class="stack stack--vertical stack--center">
    <h1 class="headline headline--h1 headline--centered">Gumby Example</h1>
  </header>

  <main class="container container--small">
    <section class="stack stack--horizontal stack--space-between">
      <div class="cell size--1-of-2">
        <h2 class="headline headline--h2">Column 1</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.</p>
      </div>

      <div class="cell size--1-of-2">
        <h2 class="headline headline--h2">Column 2</h2>
        <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.</p>
      </div>
    </section>
  </main>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/gumbyjs/2.6.4/gumby.min.js"></script>
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      new Gumby();
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions