diff --git a/handlers/client/mdusergroup.handlers.go b/handlers/client/mdusergroup.handlers.go
new file mode 100644
index 0000000..7b2d781
--- /dev/null
+++ b/handlers/client/mdusergroup.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdusergroup "cpone/views/client/mdusergroup"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdUserGroupService interface {
+}
+
+func NewMdUserGroupHandler(us MdUserGroupService) *MdUserGroupHandler {
+	return &MdUserGroupHandler{
+		MdUserGroupService: us,
+	}
+}
+
+type MdUserGroupHandler struct {
+	MdUserGroupService MdUserGroupService
+}
+
+func (uh *MdUserGroupHandler) ShowMdUserGroup(c echo.Context) error {
+	helo := client_mdusergroup.Show()
+	return utils.View(c, helo)
+}
diff --git a/handlers/routes.go b/handlers/routes.go
index 6f48588..d3c7904 100644
--- a/handlers/routes.go
+++ b/handlers/routes.go
@@ -90,4 +90,6 @@ func SetupRoutesClient(app *echo.Echo, appStore db.AppStore) {
 	public.GET("/md/user", mdUserHandler.ShowMdUser)
 	mdCorpHandler := client_handlers.NewMdCorpHandler(l)
 	public.GET("/md/corp", mdCorpHandler.ShowMdCorp)
+	mdUserGroupHandler := client_handlers.NewMdUserGroupHandler(l)
+	public.GET("/md/usergroup", mdUserGroupHandler.ShowMdUserGroup)
 }
diff --git a/services/client/mdusergroup.services.go b/services/client/mdusergroup.services.go
new file mode 100644
index 0000000..062c181
--- /dev/null
+++ b/services/client/mdusergroup.services.go
@@ -0,0 +1,15 @@
+package client_services
+
+import "cpone/db"
+
+type ServicesMdUserGroup struct {
+	MdUserGroupStore db.AppStore
+}
+
+func NewServicesMdUserGroup(uStore db.AppStore) *ServicesMdUserGroup {
+
+	return &ServicesMdUserGroup{
+
+		MdUserGroupStore: uStore,
+	}
+}
diff --git a/views/client/mdusergroup/mdusergroup.templ b/views/client/mdusergroup/mdusergroup.templ
new file mode 100644
index 0000000..923e7f9
--- /dev/null
+++ b/views/client/mdusergroup/mdusergroup.templ
@@ -0,0 +1,40 @@
+package client_mdusergroup
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client Md User Group", Css(), Js()) {
+		@Content()
+	}
+}
diff --git a/views/client/mdusergroup/mdusergroup_templ.go b/views/client/mdusergroup/mdusergroup_templ.go
new file mode 100644
index 0000000..e221d8f
--- /dev/null
+++ b/views/client/mdusergroup/mdusergroup_templ.go
@@ -0,0 +1,131 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package client_mdusergroup
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+func Content() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"bg-white h-100\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = under_development.UnderDevelopment().Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Css() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var2 == nil {
+			templ_7745c5c3_Var2 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<style>\r\n\t\t .underdev {\r\n        font-family: \"Public Sans\";\r\n        font-size: 64px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n      }\r\n      .underdevsub {\r\n        font-family: \"Public Sans\";\r\n        font-size: 26px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: normal;\r\n      }\r\n\t</style>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Js() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var3 == nil {
+			templ_7745c5c3_Var3 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Show() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = Content().Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if !templ_7745c5c3_IsBuffer {
+				_, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer)
+			}
+			return templ_7745c5c3_Err
+		})
+		templ_7745c5c3_Err = layout.PlaygroundLayout("Client Md User Group", Css(), Js()).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}