diff --git a/border/box.svg b/border/box.svg new file mode 100644 index 0000000..fce4a19 --- /dev/null +++ b/border/box.svg @@ -0,0 +1,51 @@ + + + + + + + + + + diff --git a/border/index.html b/border/index.html new file mode 100644 index 0000000..2fc9321 --- /dev/null +++ b/border/index.html @@ -0,0 +1,40 @@ + + + + + SVG border + + + + +
+
+
+ +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, + no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, + consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et + dolore magna aliquyam erat, sed diam voluptua. +
+
+
+
+ +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, + no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, + consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et + dolore magna aliquyam erat, sed diam voluptua. +
+
+ +
+ + \ No newline at end of file diff --git a/border/sale.svg b/border/sale.svg new file mode 100644 index 0000000..e036bfa --- /dev/null +++ b/border/sale.svg @@ -0,0 +1,920 @@ + + + + + diff --git a/border/style.css b/border/style.css new file mode 100644 index 0000000..1c9ec4d --- /dev/null +++ b/border/style.css @@ -0,0 +1,17 @@ +.box { + display: flex; + flex-direction: row; + width: 600px; + margin: 3rem; + padding: 1rem; + border: 1px solid #000000; +} + +.box--wobbly-border { + border: 6px solid #000000; + border-image: url(box.svg) 6 / 6px; +} + +.icon { + margin-right: 1rem; +}