diff --git a/src/widgets/footer/styles.module.scss b/src/widgets/footer/styles.module.scss
new file mode 100644
index 0000000..cb80c9b
--- /dev/null
+++ b/src/widgets/footer/styles.module.scss
@@ -0,0 +1,3 @@
+.Footer {
+
+}
\ No newline at end of file
diff --git a/src/widgets/footer/ui.tsx b/src/widgets/footer/ui.tsx
new file mode 100644
index 0000000..8a6cc39
--- /dev/null
+++ b/src/widgets/footer/ui.tsx
@@ -0,0 +1,5 @@
+import s from './styles.module.scss';
+
+export default function Footer() {
+  return <footer className={s.Footer}>footer</footer>;
+}
diff --git a/src/widgets/header/styles.module.scss b/src/widgets/header/styles.module.scss
new file mode 100644
index 0000000..5c8eb59
--- /dev/null
+++ b/src/widgets/header/styles.module.scss
@@ -0,0 +1,2 @@
+.Header {
+}
\ No newline at end of file
diff --git a/src/widgets/header/ui.tsx b/src/widgets/header/ui.tsx
new file mode 100644
index 0000000..181455f
--- /dev/null
+++ b/src/widgets/header/ui.tsx
@@ -0,0 +1,5 @@
+import s from './styles.module.scss';
+
+export default function Header() {
+  return <header className={s.Header}>header</header>;
+}