diff --git a/src/lib/components/Common/PopUp.svelte b/src/lib/components/Common/PopUp.svelte
new file mode 100644
index 0000000..95f3019
--- /dev/null
+++ b/src/lib/components/Common/PopUp.svelte
@@ -0,0 +1,190 @@
+
+
+
+
+
+ {headline}
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/main.scss b/src/main.scss
index 9d0db9d..164c955 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -9,6 +9,7 @@
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
html,
body {
diff --git a/src/routes/profile/functions/Setting.svelte b/src/routes/profile/functions/Setting.svelte
index 1a70eab..d88c124 100644
--- a/src/routes/profile/functions/Setting.svelte
+++ b/src/routes/profile/functions/Setting.svelte
@@ -1,16 +1,37 @@
@@ -19,13 +40,15 @@
{#if title !== ""}
{title}
{/if}
- {#each itms as { icon, text, link}}
+ {#each itms as { icon, text, options}}
- {text}
+
-
{/each}
{/each}
+ {#if popUp_Active}
+
+ {/if}