Final doc (#2436)

* change font-family Segoe

* update

Co-authored-by: Lijiao <15910218274@163.com>

docs/en_US/_templates/index.html

@@ -44,9 +44,7 @@ <h1 class="title">Who should consider using NNI</h1>
 <!-- nni release to version -->
 <div class="inline">
   <h3>NNI v1.4 has been released!</h3>
-  <a href="#nni-released-reminder">
-    <img width="48" src="_images/release_icon.png">
-  </a>
+  <img width="48" src="_images/release_icon.png">
 </div>
 <!-- NNI capabilities in a glance -->
 <div>
@@ -125,8 +123,6 @@ <h1 class="title">NNI capabilities in a glance</h1>
             <li><a href="docs/en_US/TrialExample/SklearnExamples.md">Scikit-learn</a></li>
             <li><a href="docs/en_US/TrialExample/EfficientNet.md">EfficientNet</a></li>
             <a href="docs/en_US/SupportedFramework_Library.md">More...</a><br />
-
-
           </ul>
         </ul>
       </td>
@@ -332,8 +328,8 @@ <h2 class="second-title">Verify installation</h2>
         all the submitted trial jobs as shown below. <a href="{{ pathto('Tutorial/WebUI') }}">Here</a> are more Web UI
         pages.
         <div class="ui-img">
-          <img width="48" src="_images/webui_overview_page.png">
-          <img width="48" src="_images/webui_trialdetail_page.png">
+          <img src="_images/webui_overview_page.png">
+          <img src="_images/webui_trialdetail_page.png">
         </div>
   </div>
   </li>

docs/static/css/custom.css

@@ -36,7 +36,8 @@
 
 /* document body width */
 .wy-nav-content{
-    max-width: 90% !important;
+    max-width: 100% !important;
+    background-color: #fff;
 }
 
 /* nni logo bgcolor */
@@ -45,7 +46,7 @@
 }
 
 /* document body font-family */
-.wy-body-for-nav{
+.wy-body-for-nav, h1, h2, h3, h4, h5, h6, div, p, ul, li, a{
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
@@ -85,6 +86,10 @@ td.framework{
     text-align: center;
 }
 
-.inline{
+.inline img, .inline h3{
     display: inline-block;
+}
+
+.ui-img img{
+    height: 230px;
 }