diff --git a/public/css/gogs.css b/public/css/gogs.css
index 6bed771140..a6d6b4cce7 100755
--- a/public/css/gogs.css
+++ b/public/css/gogs.css
@@ -1166,7 +1166,7 @@ html, body {
     font-weight: normal;
 }
 
-#issue .issue-child .panel-heading .user,#issue .issue-closed a.user,#issue .issue-opened a.user {
+#issue .issue-child .panel-heading .user, #issue .issue-closed a.user, #issue .issue-opened a.user {
     font-weight: bold;
 }
 
@@ -1174,7 +1174,7 @@ html, body {
     border-color: #CCC;
 }
 
-#issue .issue-is-closed .issue-line{
+#issue .issue-is-closed .issue-line {
     display: none;
 }
 
@@ -1193,7 +1193,7 @@ html, body {
     width: 60%;
 }
 
-#issue .issue-closed .issue-content,#issue .issue-opened .issue-content{
+#issue .issue-closed .issue-content, #issue .issue-opened .issue-content {
     line-height: 42px;
 }
 
@@ -1203,7 +1203,7 @@ html, body {
     padding-bottom: 24px;
 }
 
-#issue .issue-closed .label-danger,#issue .issue-opened .label-success{
+#issue .issue-closed .label-danger, #issue .issue-opened .label-success {
     margin: 0 .8em;
 }
 
@@ -1241,3 +1241,67 @@ html, body {
 .admin-dl-horizontal > dd {
     margin-left: 240px;
 }
+
+/* release page */
+
+#release-head {
+    margin-top: 0;
+    padding-bottom: 30px;
+    margin-bottom: 0;
+    border-bottom: 1px solid #DDD;
+}
+
+#release .release-item .col-md-10 {
+    border-left: 1px solid #DDD;
+    position: relative;
+}
+
+#release .release-item .commit, #release .release-item .tag {
+    display: block;
+    margin-top: 12px;
+}
+
+#release .release-item.release-tag .commit {
+    margin-top: 6px;
+}
+
+#release .release-item .title {
+    line-height: 30px;
+    margin-top: 0;
+}
+
+#release .release-item .dot {
+    width: 9px;
+    height: 9px;
+    background-color: #ccc;
+    z-index: 999;
+    position: absolute;
+    display: block;
+    left: -5px;
+    top: 30px;
+    border-radius: 6px;
+    border: 1px solid #FFF;
+}
+
+#release .release-item > div {
+    padding-top: 20px;
+    padding-bottom: 20px;
+}
+
+#release .release-item p.info {
+    line-height: 20px;
+    color: #666;
+    margin-bottom: 18px;
+}
+
+#release .release-item div.desc {
+    margin-bottom: 18px;
+}
+
+#release .release-item p.info > *, #release .release-item .download a {
+    margin-right: 12px;
+}
+
+#release .release-item .info .avatar {
+    vertical-align: middle;
+}
\ No newline at end of file
diff --git a/templates/release/list.tmpl b/templates/release/list.tmpl
index 7d582e3ff8..d7c4674e84 100644
--- a/templates/release/list.tmpl
+++ b/templates/release/list.tmpl
@@ -3,6 +3,82 @@
 {{template "repo/nav" .}}
 {{template "repo/toolbar" .}}
 <div id="body" class="container">
+    <div id="release">
+        <h4 id="release-head">
+            <span class="release"><strong>Release</strong></span> /
+            <a class="tag" href="/{tag_link}">Tags</a>
+            <!-- comment : if in tag page, show a.release and span.tag please -->
+        </h4>
+        <ul id="release-list" class="list-unstyled">
+            <li class="release-item release-tag clearfix" id="release-tag-{release_tag_id}">
+                <div class="col-md-2 text-right">
+                    <a class="commit" href="{commit_link}"><i class="fa fa-code"></i>commit-sha</a>
+                </div>
+                <div class="col-md-10">
+                    <h5 class="title"><a href="{release_single_link}">Release Tag</a><i class="fa fa-tag"></i></h5>
+                    <p class="info">
+                        <span class="author"><img class="avatar" src="http://1.gravatar.com/avatar/f72f7454ce9d710baa506394f68f4132" alt="" width="20">&nbsp;&nbsp;
+                        <a href="/user/fuxiaohei">fuxiaohei</a></span>
+                        <span class="time">1 week ago</span>
+                        <span class="ahead"><strong>0</strong> commits since this tag</span>
+                    </p>
+                    <p class="download">
+                        <a class="download-link" href="{release_download_link}"><i class="fa fa-download"></i>zip</a>
+                        <a class="download-link" href="{release_download_link}"><i class="fa fa-download"></i>tar.gz</a>
+                    </p>
+                    <span class="dot">&nbsp;</span>
+                </div>
+            </li>
+            <li class="release-item clearfix" id="release-{release_id}">
+                <div class="col-md-2 text-right">
+                    <span class="btn btn-success status stable">Stable</span>
+                    <a class="tag" href="{commit_link}"><i class="fa fa-tag"></i>release tag</a>
+                    <a class="commit" href="{commit_link}"><i class="fa fa-code"></i>commit-sha</a>
+                </div>
+                <div class="col-md-10">
+                    <h4 class="title"><a href="{release_single_link}">Release Title</a></h4>
+                    <p class="info">
+                        <span class="author"><img class="avatar" src="http://1.gravatar.com/avatar/f72f7454ce9d710baa506394f68f4132" alt="" width="20">&nbsp;&nbsp;
+                        <a href="/user/fuxiaohei">fuxiaohei</a></span>
+                        <span class="time">1 week ago</span>
+                        <span class="ahead"><strong>0</strong> commits since this tag</span>
+                    </p>
+                    <div class="markdown desc">
+                        release descriptions, support markdown content
+                    </div>
+                    <p class="download">
+                        <a class="btn btn-default" href="{release_download_link}"><i class="fa fa-download"></i>Source Code (ZIP)</a>
+                        <a class="btn btn-default" href="{release_download_link}"><i class="fa fa-download"></i>Source Code (TAR.GZ)</a>
+                    </p>
+                    <span class="dot">&nbsp;</span>
+                </div>
+            </li>
+            <li class="release-item clearfix" id="release-{release_id}">
+                <div class="col-md-2 text-right">
+                    <span class="btn btn-warning status pre-release">Pre-Release</span>
+                    <a class="tag" href="{commit_link}"><i class="fa fa-tag"></i>release tag</a>
+                    <a class="commit" href="{commit_link}"><i class="fa fa-code"></i>commit-sha</a>
+                </div>
+                <div class="col-md-10">
+                    <h4 class="title"><a href="{release_single_link}">Release Title</a></h4>
+                    <p class="info">
+                        <span class="author"><img class="avatar" src="http://1.gravatar.com/avatar/f72f7454ce9d710baa506394f68f4132" alt="" width="20">&nbsp;&nbsp;
+                        <a href="/user/fuxiaohei">fuxiaohei</a></span>
+                        <span class="time">1 week ago</span>
+                        <span class="ahead"><strong>0</strong> commits since this tag</span>
+                    </p>
+                    <div class="markdown desc">
+                        release descriptions, support markdown content
+                    </div>
+                    <p class="download">
+                        <a class="btn btn-default" href="{release_download_link}"><i class="fa fa-download"></i>Source Code (ZIP)</a>
+                        <a class="btn btn-default" href="{release_download_link}"><i class="fa fa-download"></i>Source Code (TAR.GZ)</a>
+                    </p>
+                    <span class="dot">&nbsp;</span>
+                </div>
+            </li>
+        </ul>
+    </div>
     {{range .Releases}}
         {{.}}
     {{end}}
diff --git a/templates/repo/toolbar.tmpl b/templates/repo/toolbar.tmpl
index 08167ef82b..5484204832 100644
--- a/templates/repo/toolbar.tmpl
+++ b/templates/repo/toolbar.tmpl
@@ -14,6 +14,9 @@
                     </a>{{else}}<a href="{{.RepoLink}}/issues"><button class="btn btn-primary btn-sm">Issues List</button></a>{{end}}</li>
                     {{end}}
                     <li class="{{if .IsRepoToolbarReleases}}active{{end}}"><a href="{{.RepoLink}}/releases">{{if .Repository.NumReleases}}<span class="badge">{{.Repository.NumReleases}}</span> {{end}}Releases</a></li>
+                    {{if .IsRepoToolbarReleases}}
+                    <li class="tmp"><a href="{{.RepoLink}}/releases/new"><button class="btn btn-primary btn-sm">New Release</button></a></li>
+                    {{end}}
                     <!-- <li class="dropdown">
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">More <b class="caret"></b></a>
                         <ul class="dropdown-menu">