-
-
-
@@ -160,7 +160,7 @@
- Preline UI Figma is live. -
- - - - - +
+
diff --git a/examples/html/ab-media-object-style-with-blurred-bg.html b/examples/html/ab-media-object-style-with-blurred-bg.html
index 23b1ea7..75dbb7f 100644
--- a/examples/html/ab-media-object-style-with-blurred-bg.html
+++ b/examples/html/ab-media-object-style-with-blurred-bg.html
@@ -54,7 +54,7 @@
+
Modal Invoice using Tailwind CSS | Preline UI, crafted with Tailwind CSS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/html/ai-offcanvas.html b/examples/html/ai-offcanvas.html
new file mode 100644
index 0000000..da46bc7
--- /dev/null
+++ b/examples/html/ai-offcanvas.html
@@ -0,0 +1,187 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Offcanvas Invoice using Tailwind CSS | Preline UI, crafted with Tailwind CSS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/html/ai-simple-and-compact.html b/examples/html/ai-simple-and-compact.html
new file mode 100644
index 0000000..32d8429
--- /dev/null
+++ b/examples/html/ai-simple-and-compact.html
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Simple and Compact Invoice using Tailwind CSS | Preline UI, crafted with Tailwind CSS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/html/application-layout-dark-header.html b/examples/html/application-layout-dark-header.html
new file mode 100644
index 0000000..01694f9
--- /dev/null
+++ b/examples/html/application-layout-dark-header.html
@@ -0,0 +1,212 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Dark Application Layout Navbar/Header using Tailwind CSS | Preline UI, crafted with Tailwind CSS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Application Layout: Header using Tailwind CSS | Preline UI, crafted with Tailwind CSS
+ Application Layout Navbar: Header using Tailwind CSS | Preline UI, crafted with Tailwind CSS
@@ -63,7 +63,7 @@
Get started today.
diff --git a/examples/html/ai-modal.html b/examples/html/ai-modal.html new file mode 100644 index 0000000..961000c --- /dev/null +++ b/examples/html/ai-modal.html @@ -0,0 +1,192 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Invoice
+
+
+
+ Invoice PDF
+
+
+
+ Print
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- + Billed to: + +
- + + sara@site.com + + +
-
+
- + Billing details: + +
-
+ Sara Williams
+
+ 280 Suzanne Throughway,
+ Breannabury, OR 45801,
+ United States
+ +
+
-
+
- + Shipping details: + +
-
+ Sara Williams
+
+ 280 Suzanne Throughway,
+ Breannabury, OR 45801,
+ United States
+ +
+
+
+
+
+
+ -
+
- + Invoice number: + +
- + ADUQ2189H1-0038 + +
-
+
- + Currency: + +
- + USD - US Dollar + +
-
+
- + Due date: + +
- + 10 Jan 2023 + +
-
+
- + Billing method: + +
- + Send invoice + +
+
+
+
+
+
+
+
+
+
+ Item
+ Qty
+ Rate
+ Amount
+
+
+
+
+
+
+
+ Item
+Design UX and UI
+
+
+ Qty
+1
+
+
+ Rate
+5
+
+
+ Amount
+$500
+
+
+
+
+
+
+
+ Item
+Web project
+
+
+ Qty
+1
+
+
+ Rate
+24
+
+
+ Amount
+$1250
+
+
+
+
+ Item
+SEO
+
+
+ Qty
+1
+
+
+ Rate
+6
+
+
+ Amount
+$2000
+
+
+
+
+
+
+
+
+
+ -
+
- Subotal: +
- $2750.00 +
-
+
- Total: +
- $2750.00 +
-
+
- Tax: +
- $39.00 +
-
+
- Amount paid: +
- $2789.00 +
-
+
- Due balance: +
- $0.00 +
+
+
+
+
+
+ Starter Pages & Examples
+Dark Application Layout Navbar/Header using Tailwind CSS
+This is a simple application layout with header only example using Tailwind CSS.
+ +
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/html/application-layout-header.html b/examples/html/application-layout-header.html
index 10c2214..29c2257 100644
--- a/examples/html/application-layout-header.html
+++ b/examples/html/application-layout-header.html
@@ -11,7 +11,7 @@
-
+
@@ -19,12 +19,12 @@
-
+
-
+
+ + Offcanvas title +
+ +
+
+ + Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc. +
+Starter Pages & Examples
-Application Layout: Header using Tailwind CSS
+Application Layout Navbar: Header using Tailwind CSS
This is a simple application layout with header only example using Tailwind CSS.
- + @@ -389,7 +389,7 @@