diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/Layouts/LoginLayout.razor b/src/Elektrifikatsiya/Elektrifikatsiya/Layouts/LoginLayout.razor
new file mode 100644
index 0000000..4962196
--- /dev/null
+++ b/src/Elektrifikatsiya/Elektrifikatsiya/Layouts/LoginLayout.razor
@@ -0,0 +1,18 @@
+@using System.Diagnostics;
+@inherits LayoutComponentBase
+<Image Source="logo.png" Width="Width.Is50" Height="Height.Is50"> </Image>
+<Card Width="Width.Is50" Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Padding="Padding.Is5">
+    <Field Width="Width.Is25" Position="Position.Relative.Top.Is50.Start.Is50.Translate.Middle">
+        <TextEdit Placeholder="Username" />
+    </Field>
+    <Field  Width="Width.Is25" Position="Position.Relative.Top.Is50.Start.Is50.Translate.Middle">
+        <TextEdit Role="TextRole.Password" Placeholder="Password" />
+    </Field>
+    <Button Width="Width.Is25"  Color="Color.Primary" Clicked="Clicked" Position="Position.Relative.Bottom.Is50.Start.Is50.Translate.MiddleX" >Login</Button>
+</Card>
+@code {
+    private void Clicked()
+    {
+        Debug.WriteLine("Button was clicked!");
+    }
+}
\ No newline at end of file
diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/Pages/Login.razor b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/Login.razor
new file mode 100644
index 0000000..5c303a0
--- /dev/null
+++ b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/Login.razor
@@ -0,0 +1,4 @@
+@using System.Diagnostics;
+@using Elektrifikatsiya.Layouts;
+@page "/login"
+@layout LoginLayout;
\ No newline at end of file