From 9e35adba487723ed5c196803aa4db2c3e82101aa Mon Sep 17 00:00:00 2001
From: Jake Howard <RealOrangeOne@users.noreply.github.com>
Date: Sun, 28 Jan 2024 17:24:07 +0000
Subject: [PATCH] Bootstrap

---
 README.md |  4 +++-
 test.svg  | 24 ++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 test.svg

diff --git a/README.md b/README.md
index 01b8e8e..41e4916 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,3 @@
-# svg-foreign-object-test
\ No newline at end of file
+# svg-foreign-object-test
+
+![Test SVG](./test.svg)
\ No newline at end of file
diff --git a/test.svg b/test.svg
new file mode 100644
index 0000000..e8768d3
--- /dev/null
+++ b/test.svg
@@ -0,0 +1,24 @@
+<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    div {
+      background: pink;
+      font: 12px serif;
+      padding: 10px;
+    }
+    
+    .red {
+      color: red;
+    }
+    
+    .green {
+      color: green
+    }
+  </style>
+
+  <foreignObject x="20" y="20" width="160" height="100">
+    <div xmlns="http://www.w3.org/1999/xhtml">
+      <p class="red">This is red color</p>
+      <a href="//example.com" class="green">This is green color</a>
+    </div>
+  </foreignObject>
+</svg>