diff --git a/config.toml b/config.toml
index 53035794458df640d735d40c084cc9acfab51127..b83e329037a9b7478aba1a10e72276dd1e319b11 100644
--- a/config.toml
+++ b/config.toml
@@ -283,9 +283,83 @@ paginate = 10
 
 [params.cards]
     enable = true
+    title = "Welcome to openEuler"
+    description = "The openEuler Project is a community-driven free software effort focused on delivering an operation system open source ecosystem."
+
+[languages.zh.params.cards]
+    enable = true
+    title = "欢迎加入openEuler社区"    
+    description = "openEuler社区致力于构建一个开放的操作系统社区"
+
+# cards 
+[[params.card]]
+    image = "/img/1.svg"
+    title = "Contribution"
+    url = "https://gitee.com/openeuler/"
+    description = "Easy to use operating system for laptop and desktop computers"
+    weight = 1
+
+[[params.card]]
+    image = "/img/2.svg"
+    title = "Getting Started"
+    url = "/docs/home.html"
+    description = "We puts you in control of all your infrastructure and services"
+    weight = 2
+
+[[params.card]]
+    image = "/img/3.svg"
+    title = "Cooperation"
+    url = "/docs/home.html"
+    description = "We provides a trusted open source platform as a strong foundation"
+    weight = 3
+
+[[params.card]]
+    image = "/img/4.svg"
+    title = "Application Development"
+    url = "/docs/home.html"
+    description = "We are always free for anyone to use, modify and development"
+    weight = 4
+
+#  chinese cards
+[[languages.zh.params.card]]
+    image = "/img/1.svg"
+    title = "社区贡献"
+    url = "https://gitee.com/openeuler/"
+    description = "点击这里了解如何参与社区贡献"
+    weight = 1
+
+[[languages.zh.params.card]]
+    image = "/img/2.svg"
+    title = "快速入门"
+    url = "/zh/docs/home.html"
+    description = "点击这里了解如何快速入门"
+    weight = 2
+
+[[languages.zh.params.card]]
+    image = "/img/3.svg"
+    title = "合作伙伴"
+    url = "/docs/home.html"
+    description = "了解更多合作伙伴"
+    weight = 3
+
+[[languages.zh.params.card]]
+    image = "/img/4.svg"
+    title = "应用开发"
+    url = "/zh/docs/home.html"
+    description = "点击这里如何开发应用"
+    weight = 4
+
+# why party configuration
+[params.why]
+    enable = true
 
 [params.emails]
     enable = true
+    title = "Email Subscribe"
+
+[languages.zh.params.emails]
+    enable = true
+    title = "邮件订阅"
 
 [params.news]
     enable = true
@@ -329,6 +403,12 @@ paginate = 10
     title = "Our Partners"
     subtitle = ""
 
+
+[languages.zh.params.clients]
+    enable = true
+    title = "合作伙伴"
+    subtitle = ""
+
 [params.recent_posts]
     enable = true
     title = "From our news"
diff --git a/content/intro/why.md b/content/intro/why.md
new file mode 100644
index 0000000000000000000000000000000000000000..9a638cd2cbdf477236665a2af2dfc07384119e2b
--- /dev/null
+++ b/content/intro/why.md
@@ -0,0 +1,8 @@
++++
+question = "Why openEuler"
+title = "openEuler"
+brief = "An innovative, free, and open source platform"
++++
+
+For users, we offer a consistent manageable platform that suits a wide variety of deployments.
+For open source communities, we offer a solid, predictable base to build upon, along with extensive resources to build, test, release, and maintain their code.
diff --git a/content/intro/why.zh.md b/content/intro/why.zh.md
new file mode 100644
index 0000000000000000000000000000000000000000..975adbc1e12fb563d36a3b4baaf8161fa3728053
--- /dev/null
+++ b/content/intro/why.zh.md
@@ -0,0 +1,8 @@
++++
+question = "为什么选择openEuler"
+title = "openEuler"
+brief = "一个免费、开放的创新操作系统"
++++
+
+For users, we offer a consistent manageable platform that suits a wide variety of deployments.
+For open source communities, we offer a solid, predictable base to build upon, along with extensive resources to build, test, release, and maintain their code.
diff --git a/content/maillist/community.md b/content/maillist/community.md
new file mode 100644
index 0000000000000000000000000000000000000000..9f78792ff875514ee3d7a6e3ec278e5c92192806
--- /dev/null
+++ b/content/maillist/community.md
@@ -0,0 +1,6 @@
++++
+emailaddress = "community@openeuler.io"
+description = "The main discuss the mailboxes used"
+websitelink = "http://mailweb.openeuler.io/postorius/lists/community.openeuler.io"
+buttontext = "Subscription"
++++
diff --git a/content/maillist/community.zh.md b/content/maillist/community.zh.md
new file mode 100644
index 0000000000000000000000000000000000000000..34f11884c5532ab57aa918dc0e86a5063983bcd5
--- /dev/null
+++ b/content/maillist/community.zh.md
@@ -0,0 +1,6 @@
++++
+emailaddress = "community@openeuler.io"
+description = "社区基本讨论"
+websitelink = "http://mailweb.openeuler.io/postorius/lists/community.openeuler.io"
+buttontext = "订阅"
++++
diff --git a/content/maillist/dev.md b/content/maillist/dev.md
new file mode 100644
index 0000000000000000000000000000000000000000..03bda85b5a503f5a54b8f47c27f47147c58f858a
--- /dev/null
+++ b/content/maillist/dev.md
@@ -0,0 +1,6 @@
++++
+emailaddress = "dev@openeuler.io"
+description = "The main list for dev"
+websitelink = "http://mailweb.openeuler.io/postorius/lists/dev.openeuler.io"
+buttontext = "Subscription"
++++
diff --git a/content/maillist/dev.zh.md b/content/maillist/dev.zh.md
new file mode 100644
index 0000000000000000000000000000000000000000..1b1c36ddaba34daff2d665a93f1adcc19ba1caf7
--- /dev/null
+++ b/content/maillist/dev.zh.md
@@ -0,0 +1,6 @@
++++
+emailaddress = "dev@openeuler.io"
+description = "开发专用邮件列表"
+websitelink = "http://mailweb.openeuler.io/postorius/lists/dev.openeuler.io"
+buttontext = "订阅"
++++
diff --git a/themes/project/layouts/partials/cards.html b/themes/project/layouts/partials/cards.html
index fd56e296ac1307b626681a4089bea0ed72fdbd41..1e7a1a14bfcfc97b72ba3e74997d5b53ed4e5ae3 100644
--- a/themes/project/layouts/partials/cards.html
+++ b/themes/project/layouts/partials/cards.html
@@ -1,19 +1,20 @@
 {{ if isset .Site.Params "cards" }}
 {{ if .Site.Params.cards.enable }}
-{{ if gt (len .Site.Data.cards) 0 }}
+{{ if gt (len .Site.Params.card) 0 }}
         <div class="bannernew">
                 <div class="content">
-                    <h2>Welcome to openEuler</h2>
-                    <p>The openEuler Project is a community-driven free software effort focused on delivering a robust
-                        open source ecosystem.</p>
+                    <h2>{{ .Site.Params.cards.title }}</h2>
+                    <p> {{ .Site.Params.Cards.description }}</p>
                 </div>
                 <div class="cards">
                         <ul>
-                            {{ range .Site.Data.cards }}
+                            {{ range .Site.Params.card }}
                             <li>
+                                 <a href="{{ .url }}">
                                     <img src="{{ .image }}" alt="{{ .title }}">
                                     <h3>{{ .title }}</h3>
                                     <p>{{ .description }}</p>
+                                </a>
                             </li>
                             {{ end }}
                         </ul>
diff --git a/themes/project/layouts/partials/emails.html b/themes/project/layouts/partials/emails.html
index 1b4138a7d6bc63b00cce751bd92fe3cf6ad125d8..a5c96d9c12f9c03f2a1ca189316e834688231b3b 100644
--- a/themes/project/layouts/partials/emails.html
+++ b/themes/project/layouts/partials/emails.html
@@ -1,19 +1,18 @@
 {{ if isset .Site.Params "emails" }}
 {{ if .Site.Params.emails.enable }}
-{{ if gt (len .Site.Data.emails) 0 }}
 
 <div class="e_mail">
-        <h2>E-mail Subscription</h2>
+        <h2>{{ .Site.Params.emails.title }}</h2>
         <ul>
-                {{ range .Site.Data.emails }}
+                 {{ range where .Data.Pages "Type" "maillist" }}
                 <li>
                         <div>
-                                <h3>{{ .emailaddress }}</h3>
-                                <p> {{ .description }}</p>
+                                <h3>{{ .Params.emailaddress }}</h3>
+                                <p> {{ .Params.description }}</p>
                         </div>
 
-                        <a href="{{ .websitelink}}" target="_blank">
-                                <div class="btn">{{ .buttontext }} </div>
+                        <a href="{{ .Params.websitelink}}" target="_blank">
+                                <div class="btn">{{ .Params.buttontext }} </div>
                         </a>
                 </li>
                 {{ end }}
@@ -22,4 +21,3 @@
 
 {{ end }}
 {{ end }}
-{{ end }}
\ No newline at end of file
diff --git a/themes/project/layouts/partials/reason.html b/themes/project/layouts/partials/reason.html
index 885d422b0c3632a2c3e06758bec608f09d9e844a..d97fcac6e7a42ad607b214772b35a1fb42f5e298 100644
--- a/themes/project/layouts/partials/reason.html
+++ b/themes/project/layouts/partials/reason.html
@@ -1,15 +1,19 @@
+{{ if isset .Site.Params "why" }}
+{{ if .Site.Params.why.enable }}
 <div class="reason">
-        <h2>Why openEuler</h2>
+    {{ $whys := where .Data.Pages "Type" "intro" }}
+    {{ range first 1 $whys }}
+        <h2>{{ .Params.question }}</h2>
         <div class="content_why">
             <div class="bg">
-                <h3>OpenEuler</h3>
-                <p>An innovative, free, and open source platform</p>
+                <h3>{{ .Params.Title }}</h3>
+                <p>{{ .Params.Brief }}</p>
             </div>
             <div class="detail">
-                <p>For users, we offer a consistent manageable platform that suits a wide variety of deployments.
-                </p>
-                <p> For open source communities, we offer a solid, predictable base to build upon, along with
-                    extensive resources to build, test, release, and maintain their code.</p>
+                {{ .Content }}
             </div>
         </div>
-</div>
\ No newline at end of file
+    {{ end }}
+</div>
+{{ end }}
+{{ end }}