HTML5 Template

Basic

<!doctype html> <html lang="en" data-theme="dark"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Title</title> <link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css"> </head> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <main class="container"> <section id="header"> <hgroup> <h1>Title</h1> <h2>Subtitle</h2> </hgroup> </section> <section id="content"> <article> <div class="grid"> <div>Hello! We are using <a href="https://picocss.com/docs/" data-tooltip="Easy built-in tooltips">Pico.css</a> these days!</div> <div>Minimal, classless, and dark by default.</div> </div> </article> <div> <p>We are skipping header and footer elements and just putting everything in main with sections (just because that's what I choose...)</p> </div> </section> </main> </body> </html>

Kitchen Sink

Preview
Download