Get started with tufte-css CDN

MIT licensed

Tufte-CSS: library for modern, clean docs, inspired by Edward Tuftes graphic design.

Tags:
  • tufte
  • css
  • HTML
  • typography
  • sidenotes

Stable version

Copied!

How to start using tufte-css CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.cdnhub.io/tufte-css/1.8.0/tufte.min.css">
  <title>Get started with tufte-css CDN - cdnhub.io</title>
</head>
<body>
  <div class="document">
    <h1 class="title">Welcome to Tufte-CSS</h1>
    <p class="author">By Your Name</p>
    <p class="date">Date</p>

    <section class="intro">
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget mi eget urna bibendum ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed commodo, magna quis bibendum odio quis nisl.
      </p>
    </section>

    <figure class="image">
      <img src="image.jpg" alt="An image">
      <figcaption>Figure caption</figcaption>
    </figure>

    <section class="body">
      <h2>Section Heading</h2>
      <p>
        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
      </p>
    </section>

    <section class="references">
      <h2>References</h2>
      <ol>
        <li>Reference 1</li>
        <li>Reference 2</li>
      </ol>
    </section>
  </div>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions