diff --git a/frontend/src/layouts/AuthTemplate.vue b/frontend/src/layouts/AuthTemplate.vue
new file mode 100644
index 000000000..2f9e9af0f
--- /dev/null
+++ b/frontend/src/layouts/AuthTemplate.vue
@@ -0,0 +1,59 @@
+<template>
+  <div class="auth-template container-fluid h-100 w-100">
+    <auth-header />
+    <b-row class="auth-template-box">
+      <b-col lg="6" md="none" sm="none">
+        <div class="bg-img-box d-none d-lg-block">
+          <b-img-lazy class="bg-img" src="/img/template/Foto_01.jpg"></b-img-lazy>
+        </div>
+        <div>
+          <h1 class="text-danger">{{ $t('site.login.heading') }}</h1>
+          <div>{{ $t('site.login.community') }}</div>
+        </div>
+      </b-col>
+      <b-col lg="6" md="12" sm="12">
+        <auth-login />
+        <auth-register />
+ 
+      </b-col>
+    </b-row>
+    <!-- <auth-layout-gdd />-->
+  </div>
+</template>
+<script>
+import AuthHeader from '@/components/Auth/Header.vue'
+import AuthLogin from '@/components/Auth/Login.vue'
+import AuthRegister from '@/components/Auth/Register.vue'
+// import AuthLayoutGdd from '@/layouts/AuthLayout_gdd.vue'
+
+export default {
+  name: 'AuthTemplate',
+  components: {
+    AuthHeader,
+    AuthLogin,
+    AuthRegister,
+    // AuthLayoutGdd,
+  },
+}
+</script>
+<style lang="scss">
+.auth-header {
+  z-index: 1000;
+}
+
+.bg-img-box {
+  margin-top: -178px;
+  margin-left: -80px;
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  min-width: 600px;
+  max-width: 800px;
+}
+
+.bg-img {
+  width: 100%;
+  border-radius: 0% 50% 70% 0% / 50% 70% 70% 50%;
+  overflow: hidden;
+}
+</style>