diff options
Diffstat (limited to 'htmx/static/pico-1.5.11/docs/src/cards.html')
| -rw-r--r-- | htmx/static/pico-1.5.11/docs/src/cards.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/htmx/static/pico-1.5.11/docs/src/cards.html b/htmx/static/pico-1.5.11/docs/src/cards.html new file mode 100644 index 0000000..d3861b7 --- /dev/null +++ b/htmx/static/pico-1.5.11/docs/src/cards.html @@ -0,0 +1,48 @@ +<!doctype html> +<html lang="en"> + <head> + ${require('./_head.html') + title=`Cards` + description=`A flexible container with graceful spacings across devices and viewports.` + canonical=`cards.html` + } + </head> + + <body> + ${require('./_nav.html')} + + <main class="container" id="docs"> + ${require('./_sidebar.html') active=`cards-link`} + + <div role="document"> + <section id="cards"> + <hgroup> + <h1>Cards</h1> + <h2>A flexible container with graceful spacings across devices and viewports.</h2> + </hgroup> + <article aria-label="Card example"> + I'm a card! + </article> + <pre><code><<b>article</b>>I'm a card!</<b>article</b>></code></pre> + <p>You can use <code><<b>header</b>></code> and footer <code><<b>footer</b>></code> inside <code><<b>article</b>></code></p> + <article aria-label="Card sectioning example"> + <header>Header</header> + Body + <footer>Footer</footer> + </article> + +<pre><code><<b>article</b>> + <<b>header</b>>Header</<b>header</b>> + Body + <<b>footer</b>>Footer</<b>footer</b>> +</<b>article</b>></code></pre> + + </section> + + ${require('./_footer.html')} + + </div> + </main> + <script src="js/commons.min.js"></script> + </body> +</html> |