Add all five ND modes

docs/pilots-corner/a32nx-briefing/nd/index.md

@@ -6,15 +6,15 @@
 ## Interactive ND
 
 <div style="position: relative;">
-    <img src="../../assets/a32nx-briefing/nd/nd.png" style="width: 100%; height: auto;">
-    <a href="/pilots-corner/a32nx-briefing/nd/tpl/">               <div class="imagemap" style="visibility: visible; position: absolute; left:     0%; top:     0%; width:   17.5%; height: 8%;"><span class="imagemapname">Top Left Corner</span></div></a>
-    <a href="/pilots-corner/a32nx-briefing/nd/tpr/">               <div class="imagemap" style="visibility: visible; position: absolute; left:     79.5%; top:     0%; width:   20.5%; height: 13%;"><span class="imagemapname">Top Right Corner</span></div></a>
+    <img src="../../assets/a32nx-briefing/nd/ndconst.png" style="width: 100%; height: auto;">
+    <a href="/pilots-corner/a32nx-briefing/nd/tpl/">               <div class="imagemap" style="visibility: visible; position: absolute; left:     0%; top:     5%; width:   19%; height: 8%;"><span class="imagemapname">Top Left Corner</span></div></a>
+    <a href="/pilots-corner/a32nx-briefing/nd/tpr/">               <div class="imagemap" style="visibility: visible; position: absolute; left:     74.5%; top:     5%; width:   25.5%; height: 13%;"><span class="imagemapname">Top Right Corner</span></div></a>
     <a href="/pilots-corner/a32nx-briefing/nd/crs/"><div class="imagemap" style="position: absolute; left: 45%; top: 16.5%; width: 10.25%; height: 70%;"><span class="imagemapname">Course</span></div></a>
     <a href="/pilots-corner/a32nx-briefing/nd/sel-heading/">         <div class="imagemap" style="position: absolute; left:     0%; top: 18%; width: 9.5%; height: 7.5%;"><span class="imagemapname">Selected Heading</span></div></a>
     <a href="/pilots-corner/a32nx-briefing/nd/other-msg/">       <div class="imagemap" style="position: absolute; left: 20%; top: 89%; width: 60%; height: 9%;"><span class="imagemapname">Other Messages</span></div></a>
     <a href="/pilots-corner/a32nx-briefing/nd/chrono/">     <div class="imagemap" style="position: absolute; left:     0%; top: 81.5%; width: 14%; height: 4.5%;"><span class="imagemapname">Chronometer</span></div></a>
     <a href="/pilots-corner/a32nx-briefing/nd/nav-receivers/">     <div class="imagemap" style="position: absolute; left:     0%; top: 87.00%; width: 16.00%; height: 12%;"><span class="imagemapname">Navigation Receivers</span></div></a>
-    <a href="/pilots-corner/a32nx-briefing/nd/nav-receivers/">     <div class="imagemap" style="position: absolute; left:     80%; top: 87.00%; width: 19.00%; height: 12%;"><span class="imagemapname">Navigation Receivers</span></div></a>
+    <a href="/pilots-corner/a32nx-briefing/nd/nav-receivers/">     <div class="imagemap" style="position: absolute; left:     81%; top: 87.00%; width: 19.00%; height: 12%;"><span class="imagemapname">Navigation Receivers</span></div></a>
 </div>
 
 ## Description
@@ -39,6 +39,76 @@ The Navigation Display (ND) is the main navigation instrument for the pilots. It
 - Waypoints
 - Weather and terrain info
 - Other messages such as GPS PRIMARY
+## Modes
+
+### Rose LS
+<div style="position: relative;">
+    <img src="../../assets/a32nx-briefing/nd/rosels.png" style="width: 100%; height: auto;">
+    <a href="/pilots-corner/a32nx-briefing/nd/tpl/">               <div class="imagemap" style="visibility: visible; position: absolute; left:     0%; top:     5%; width:   19%; height: 8%;"><span class="imagemapname">Top Left Corner</span></div></a>
+    <a href="/pilots-corner/a32nx-briefing/nd/sel-ils/">               <div class="imagemap" style="visibility: visible; position: absolute; left:     74.5%; top:     5%; width:   9%; height: 4%;"><span class="imagemapname"></span></div></a>
+    <a href="/pilots-corner/a32nx-briefing/nd/freq/">               <div class="imagemap" style="visibility: visible; position: absolute; left:     85.5%; top:     5%; width:   12%; height: 4%;"><span class="imagemapname"></span></div></a> 
+    <a href="/pilots-corner/a32nx-briefing/nd/sel-course/">               <div class="imagemap" style="visibility: visible; position: absolute; left:     83%; top:     8%; width:   17%; height: 5%;"><span class="imagemapname"></span></div></a>
+    <a href="/pilots-corner/a32nx-briefing/nd/ident/">               <div class="imagemap" style="visibility: visible; position: absolute; left:     83%; top:     12%; width:   17%; height: 5%;"><span class="imagemapname"></span></div></a>
+    <!--<a href="/pilots-corner/a32nx-briefing/nd/crs/"><div class="imagemap" style="position: absolute; left: 45%; top: 16.5%; width: 10.25%; height: 70%;"><span class="imagemapname">Course</span></div></a> 
+    <a href="/pilots-corner/a32nx-briefing/nd/glide-deviation/"><div class="imagemap" style="position: absolute; left: 90%; top: 25%; width: 10.25%; height: 50%;"><span class="imagemapname">Glide Slope Indicator</span></div></a>
+    <a href="/pilots-corner/a32nx-briefing/nd/sel-heading/">         <div class="imagemap" style="position: absolute; left:     0%; top: 18%; width: 9.5%; height: 7.5%;"><span class="imagemapname">Selected Heading</span></div></a>
+    <a href="/pilots-corner/a32nx-briefing/nd/other-msg/">       <div class="imagemap" style="position: absolute; left: 20%; top: 89%; width: 60%; height: 9%;"><span class="imagemapname">Other Messages</span></div></a>
+    <a href="/pilots-corner/a32nx-briefing/nd/chrono/">     <div class="imagemap" style="position: absolute; left:     0%; top: 81.5%; width: 14%; height: 4.5%;"><span class="imagemapname">Chronometer</span></div></a>
+    <a href="/pilots-corner/a32nx-briefing/nd/nav-receivers/">     <div class="imagemap" style="position: absolute; left:     0%; top: 87.00%; width: 16.00%; height: 12%;"><span class="imagemapname">Navigation Receivers</span></div></a>
+    <a href="/pilots-corner/a32nx-briefing/nd/nav-receivers/">     <div class="imagemap" style="position: absolute; left:     81%; top: 87.00%; width: 19.00%; height: 12%;"><span class="imagemapname">Navigation Receivers</span></div></a> -->
+</div>
+
+## Description
+
+The **Rose Landing System** mode is used during an approach. It shows the following valuable information:
+
+- ILS Course Pointer Magenta
+- Localizer Deviation Bar 
+- Glide Deviation 
+- Selected ILS Information
+- ILS Message
+### ROSE VOR
+<div style="position: relative;">
+    <img src="../../assets/a32nx-briefing/nd/rosevor.png" style="width: 100%; height: auto;">
+</div>
+
+## Description
+
+The **Rose VOR** mode is used while navigating via a VOR (VHF omnidirectional range). It shows the following valuable information:
+
+- VOR Course Pointer
+- Lateral Deviation Bar
+- VOR Information 
+- VOR or GPS Message
+
+### ROSE NAV
+<div style="position: relative;">
+    <img src="../../assets/a32nx-briefing/nd/rosevor.png" style="width: 100%; height: auto;">
+</div>
+
+## Description
+
+The **Rose NAV** mode shows the same information as the arc mode except it does not have the 90 degree forward facing limit that the ARC mode has.
+
+### ARC 
+<div style="position: relative;">
+    <img src="../../assets/a32nx-briefing/nd/arc.png" style="width: 100%; height: auto;">
+</div>
+
+## Description
+
+### PLAN
+<div style="position: relative;">
+    <img src="../../assets/a32nx-briefing/nd/plan.png" style="width: 100%; height: auto;">
+</div>
+
+## Description
+
+The **Plan** mode statistically displays flight plan legs oriented to true north centered on a waypoint. The centered waypoint can be selected by scrolling through the MCDU. It displays the following information:
+
+- Aircraft position and true track
+- Map reference point
+- Cross track error
 
 
 ---