diff --git a/static/css/styles.css b/static/css/styles.css
index e69de29..11eee07 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -0,0 +1,164 @@
+
+/* Reset and base styles */
+* {
+ padding: 0px;
+ margin: 0px;
+ border: none;
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+/* Links */
+
+a, a:link, a:visited {
+ text-decoration: none;
+ color: black;
+}
+
+a:hover {
+ text-decoration: none;
+}
+
+/* Common */
+
+aside, nav, footer, header, section, main {
+ display: block;
+}
+
+h1, h2, h3, h4, h5, h6, p {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+ul, ul li {
+ list-style: none;
+}
+
+img {
+ vertical-align: top;
+}
+
+img, svg {
+ max-width: 100%;
+ height: auto;
+}
+
+address {
+ font-style: normal;
+}
+
+/* Form */
+
+input, textarea, button, select {
+ font-family: inherit;
+ font-size: inherit;
+ color: inherit;
+ background-color: transparent;
+}
+
+input::-ms-clear {
+ display: none;
+}
+
+button, input[type="submit"] {
+ display: inline-block;
+ box-shadow: none;
+ background-color: transparent;
+ background: none;
+ cursor: pointer;
+}
+
+input:focus, input:active,
+button:focus, button:active {
+ outline: none;
+}
+
+button::-moz-focus-inner {
+ padding: 0;
+ border: 0;
+}
+
+label {
+ cursor: pointer;
+}
+
+legend {
+ display: block;
+}
+
+html, body{
+ height: 100%;
+}
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
+
+.header {
+ display: flex;
+ justify-content: space-between;
+ padding: 10px;
+ background: #F8F8F8;
+ font-family: Inter;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 22px;
+ color: black;
+}
+
+.header__section{
+ display: flex;
+ align-items: center;
+}
+.header__item{
+ padding: 10px 15px;
+ margin-left: 5px;
+ color: black;
+}
+
+.footer{
+ display: flex;
+ justify-content: space-between;
+}
+
+.content{
+ flex: 1 1 auto;
+}
+
+.wrapper{
+min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+}
+.reg_inputs{
+ column-count: 2;
+ justify-content: center;
+ width: 630px;
+ height: 100px;
+ left: 405px;
+ top: 330px;
+
+}
+
+.reg_inputs label{
+ display: block;
+ border: 1px solid #FF613A;
+ border-radius: 10px;
+ width: 305px;
+ height: 30px;
+
+}
+
+.reg_button{
+ display: flex;
+flex-direction: row;
+justify-content: center;
+align-items: center;
+padding: 20px 76px;
+gap: 10px;
+ background: #FF613A;
+ border-radius: 10px;
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
+}
diff --git a/static/js/header.js b/static/js/header.js
new file mode 100644
index 0000000..04be1d5
--- /dev/null
+++ b/static/js/header.js
@@ -0,0 +1,21 @@
+function SendRegistrationForm(el){
+ event.preventDefault()
+ let form = el.form;
+ let formData = new FormData(form);
+
+ $.ajax({
+ headers: { "X-CSRFToken": '{{csrf_token}}' },
+ url: '/ru/user_account/registration/',
+ type: "POST",
+ // async: true,
+ cache: false,
+ processData: false,
+ contentType: false,
+ // enctype: 'json',
+ data: formData,
+ success: function(data){
+ location.href = '/'
+ }
+ });
+}
+
diff --git a/templates/blocks/b_content.html b/templates/blocks/b_content.html
new file mode 100644
index 0000000..9a78d39
--- /dev/null
+++ b/templates/blocks/b_content.html
@@ -0,0 +1 @@
+Content
\ No newline at end of file
diff --git a/templates/blocks/b_footer.html b/templates/blocks/b_footer.html
new file mode 100644
index 0000000..852d23d
--- /dev/null
+++ b/templates/blocks/b_footer.html
@@ -0,0 +1,35 @@
+{% load i18n %}
+
\ No newline at end of file
diff --git a/templates/blocks/b_header.html b/templates/blocks/b_header.html
new file mode 100644
index 0000000..d8b0b3f
--- /dev/null
+++ b/templates/blocks/b_header.html
@@ -0,0 +1,15 @@
+{% load i18n %}
+
\ No newline at end of file
diff --git a/templates/inter/meta.html b/templates/inter/meta.html
new file mode 100644
index 0000000..4f6574c
--- /dev/null
+++ b/templates/inter/meta.html
@@ -0,0 +1,3 @@
+{% load static %}
+
+Title
+ {% include 'inter/meta.html' %}
+
+ {% include 'blocks/b_header.html' %}
+ {% include 'blocks/b_content.html' %}
+ {% include 'blocks/b_footer.html' %}
+