diff --git a/public/paths.png b/public/paths.png
new file mode 100644
index 0000000..84b4406
Binary files /dev/null and b/public/paths.png differ
diff --git a/public/phototag.png b/public/phototag.png
new file mode 100644
index 0000000..414369a
Binary files /dev/null and b/public/phototag.png differ
diff --git a/src/components/SteppedSpan.tsx b/src/components/SteppedSpan.tsx
new file mode 100644
index 0000000..364caed
--- /dev/null
+++ b/src/components/SteppedSpan.tsx
@@ -0,0 +1,18 @@
+import {FunctionComponent} from "react";
+
+type SteppedSpanProps = {
+    children: string;
+}
+
+const SteppedSpan: FunctionComponent<SteppedSpanProps> = ({children}: SteppedSpanProps) => {
+    return <div className="stepped">
+
+    {children.split('').map((char: string) => {
+        return <span>
+            {char}
+        </span>
+    })}
+    </div>
+}
+
+export default SteppedSpan;
\ No newline at end of file