- Basic template • Pico.css
+ Basic template • Pico CSS
- Bootstrap grid system example • Pico.css
+ Bootstrap grid system example • Pico CSS
- Classless example • Pico.css
+ Classless example • Pico CSS
- Company example • Pico.css
+ Company example • Pico CSS
- Google Amp example • Pico.css
+ Google Amp example • Pico CSS
diff --git a/v1-google-amp/index.html b/v1-google-amp/index.html
index 810cff6..a35ff92 100644
--- a/v1-google-amp/index.html
+++ b/v1-google-amp/index.html
@@ -4,7 +4,7 @@
- Google Amp example • Pico.css
+ Google Amp example • Pico CSS
diff --git a/v1-google-amp/light.html b/v1-google-amp/light.html
index 33d4cc6..302995a 100644
--- a/v1-google-amp/light.html
+++ b/v1-google-amp/light.html
@@ -4,7 +4,7 @@
- Google Amp example • Pico.css
+ Google Amp example • Pico CSS
diff --git a/v1-google-amp/src/_head.html b/v1-google-amp/src/_head.html
index 5d51fa6..98aa65a 100644
--- a/v1-google-amp/src/_head.html
+++ b/v1-google-amp/src/_head.html
@@ -2,7 +2,7 @@
- Google Amp example • Pico.css
+ Google Amp example • Pico CSS
diff --git a/v1-preview-rtl/index.html b/v1-preview-rtl/index.html
index 389229a..68e2778 100644
--- a/v1-preview-rtl/index.html
+++ b/v1-preview-rtl/index.html
@@ -3,7 +3,7 @@
- Right-to-left preview • Pico.css
+ Right-to-left preview • Pico CSS
- Sign in example • Pico.css
+ Sign in example • Pico CSS
diff --git a/v2-html/README.md b/v2-html/README.md
new file mode 100644
index 0000000..5e83349
--- /dev/null
+++ b/v2-html/README.md
@@ -0,0 +1,12 @@
+
+
+
+
+# Preview
+| Pico version | Tech stack |
+| ----- | ----- |
+| 2 | HTML |
+
+A starter example with most of the Pico components and styles.
+
+[![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/picocss/examples/tree/master/v2-html)
diff --git a/v2-html/img/aleksandar-jason-a562ZEFKW8I-unsplash-2000x1000.jpg b/v2-html/img/aleksandar-jason-a562ZEFKW8I-unsplash-2000x1000.jpg
new file mode 100644
index 0000000..3263a31
Binary files /dev/null and b/v2-html/img/aleksandar-jason-a562ZEFKW8I-unsplash-2000x1000.jpg differ
diff --git a/v2-html/index.html b/v2-html/index.html
new file mode 100644
index 0000000..16e1533
--- /dev/null
+++ b/v2-html/index.html
@@ -0,0 +1,506 @@
+
+
+
+
+
+ Preview • Pico CSS
+
+
+
+
+
+
+
+
+
+
+
+
+
Pico
+
A starter HTML example for Pico CSS.
+
+
+
+
+
+
+
+
+
+
Preview
+
+ Sed ultricies dolor non ante vulputate hendrerit. Vivamus sit amet suscipit sapien. Nulla
+ iaculis eros a elit pharetra egestas.
+
+
+
+
+
+
+
+
Typography
+
+ Aliquam lobortis vitae nibh nec rhoncus. Morbi mattis neque eget efficitur feugiat.
+ Vivamus porta nunc a erat mattis, mattis feugiat turpis pretium. Quisque sed tristique
+ felis.
+
+
+
+
+ "Maecenas vehicula metus tellus, vitae congue turpis hendrerit non. Nam at dui sit amet
+ ipsum cursus ornare."
+
+
+
+
+
Lists
+
+
Aliquam lobortis lacus eu libero ornare facilisis.
+
Nam et magna at libero scelerisque egestas.
+
Suspendisse id nisl ut leo finibus vehicula quis eu ex.
+ Integer bibendum malesuada libero vel eleifend. Fusce iaculis turpis ipsum, at efficitur
+ sem scelerisque vel. Aliquam auctor diam ut purus cursus fringilla. Class aptent taciti
+ sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
+
+
Heading 4
+
+ Cras fermentum velit vitae auctor aliquet. Nunc non congue urna, at blandit nibh. Donec ac
+ fermentum felis. Vivamus tincidunt arcu ut lacus hendrerit, eget mattis dui finibus.
+
+
Heading 5
+
+ Donec nec egestas nulla. Sed varius placerat felis eu suscipit. Mauris maximus ante in
+ consequat luctus. Morbi euismod sagittis efficitur. Aenean non eros orci. Vivamus ut diam
+ sem.
+
+
Heading 6
+
+ Ut sed quam non mauris placerat consequat vitae id risus. Vestibulum tincidunt nulla ut
+ tortor posuere, vitae malesuada tortor molestie. Sed nec interdum dolor. Vestibulum id
+ auctor nisi, a efficitur sem. Aliquam sollicitudin efficitur turpis, sollicitudin
+ hendrerit ligula semper id. Nunc risus felis, egestas eu tristique eget, convallis in
+ velit.
+
+
+
+
+
+
+
+
+
+
Buttons
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Tables
+
+
+
+
+
#
+
Heading
+
Heading
+
Heading
+
Heading
+
Heading
+
Heading
+
Heading
+
+
+
+
+
1
+
Cell
+
Cell
+
Cell
+
Cell
+
Cell
+
Cell
+
Cell
+
+
+
2
+
Cell
+
Cell
+
Cell
+
Cell
+
Cell
+
Cell
+
Cell
+
+
+
3
+
Cell
+
Cell
+
Cell
+
Cell
+
Cell
+
Cell
+
Cell
+
+
+
+
+
+
+
+
+
+
Modal
+
+
+
+
+
+
+
Accordions
+
+ Accordion 1
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque urna diam,
+ tincidunt nec porta sed, auctor id velit. Etiam venenatis nisl ut orci consequat, vitae
+ tempus quam commodo. Nulla non mauris ipsum. Aliquam eu posuere orci. Nulla convallis
+ lectus rutrum quam hendrerit, in facilisis elit sollicitudin. Mauris pulvinar pulvinar
+ mi, dictum tristique elit auctor quis. Maecenas ac ipsum ultrices, porta turpis sit
+ amet, congue turpis.
+
+
+
+ Accordion 2
+
+
Vestibulum id elit quis massa interdum sodales.
+
Nunc quis eros vel odio pretium tincidunt nec quis neque.
+
Quisque sed eros non eros ornare elementum.
+
Cras sed libero aliquet, porta dolor quis, dapibus ipsum.
+
+
+
+
+
+
+
+
Article
+
+ Nullam dui arcu, malesuada et sodales eu, efficitur vitae dolor. Sed ultricies dolor non
+ ante vulputate hendrerit. Vivamus sit amet suscipit sapien. Nulla iaculis eros a elit
+ pharetra egestas. Nunc placerat facilisis cursus. Sed vestibulum metus eget dolor pharetra
+ rutrum.
+