diff --git a/aio/content/navigation.json b/aio/content/navigation.json
index b9ed19b9f1..a0f425ba3b 100644
--- a/aio/content/navigation.json
+++ b/aio/content/navigation.json
@@ -26,7 +26,8 @@
     },
     {
       "url": "https://ng-china.org/",
-      "title": "**** 2018 ngChina @ 杭州！****"
+      "title": "**** 2018 ngChina @ 杭州！****",
+      "highlight": true
     }
   ],
   "TopBarNarrow": [
diff --git a/aio/src/app/layout/top-menu/top-menu.component.ts b/aio/src/app/layout/top-menu/top-menu.component.ts
index 7cf09713e2..fde4816813 100644
--- a/aio/src/app/layout/top-menu/top-menu.component.ts
+++ b/aio/src/app/layout/top-menu/top-menu.component.ts
@@ -3,9 +3,14 @@ import { NavigationNode } from 'app/navigation/navigation.service';
 
 @Component({
   selector: 'aio-top-menu',
+  styles: [`
+    .nav-link.highlight {
+      color: yellow;
+    }
+  `],
   template: `
     <ul role="navigation">
-      <li *ngFor="let node of nodes"><a class="nav-link" [href]="node.url" [title]="node.title">{{ node.title }}</a></li>
+      <li *ngFor="let node of nodes"><a class="nav-link" [class.highlight]="node.highlight" [href]="node.url" [title]="node.title">{{ node.title }}</a></li>
     </ul>`
 })
 export class TopMenuComponent {
diff --git a/aio/src/app/navigation/navigation.model.ts b/aio/src/app/navigation/navigation.model.ts
index dfdd98a4d4..be0e7d9ba2 100644
--- a/aio/src/app/navigation/navigation.model.ts
+++ b/aio/src/app/navigation/navigation.model.ts
@@ -8,6 +8,7 @@ export interface NavigationNode {
   tooltip?: string;
   hidden?: boolean;
   divider?: boolean;
+  highlight?: boolean;
   children?: NavigationNode[];
 }