(DOCSP-9744): Add Charts to Cloud Landing page

Author: jeff-allen-mongo

src/html/cloud.html

@@ -14,6 +14,9 @@
           <li class="toc__item">
             <a class="toc__link" href="https://docs.atlas.mongodb.com/">MongoDB Atlas</a>
           </li>
+          <li class="toc__item">
+           <a class="toc__link" href="https://docs.mongodb.com/charts">MongoDB Charts</a>
+         </li>
           <li class="toc__item">
             <a class="toc__link" href="https://docs.cloudmanager.mongodb.com/">MongoDB Cloud Manager</a>
           </li>
@@ -56,6 +59,15 @@ <h3 class="card__title">MongoDB Atlas</h3>
         </p>
       </a>
 
+      <a class="card" href="https://docs.mongodb.com/charts">
+       <span class="card__icon card__icon--document"></span>
+       <h3 class="card__title">MongoDB Charts</h3>
+       <p class="card__body">
+         Reference guide for MongoDB Charts. Learn how to create visualizations for
+         your MongoDB data with an easy-to-use interface.
+       </p>
+     </a>
+
       <a class="card" href="https://docs.cloudmanager.mongodb.com/">
         <span class="card__icon card__icon--document"></span>
         <h3 class="card__title">MongoDB Cloud Manager</h3>
@@ -119,23 +131,41 @@ <h4 class="block__title">
       </div>
       <div class="row">
         <div class="col-3 no-left-gutter">
-          <div class="block">
-            <h3 class="block__header">MongoDB Cloud Manager</h3>
-            <h4 class="block__title">
-              <a class="block__link" href="https://docs.cloudmanager.mongodb.com/application/">Overview</a>
-            </h4>
-            <h4 class="block__title">
-              <a class="block__link" href="https://docs.cloudmanager.mongodb.com/tutorial/nav/manage-hosts/">Create or Import Deployments</a>
-            </h4>
-            <h4 class="block__title">
-              <a class="block__link" href="https://docs.cloudmanager.mongodb.com/tutorial/nav/backup-use/">Backup and Restore</a>
-            </h4>
-            <h4 class="block__title">
-              <a class="block__link" href="https://docs.cloudmanager.mongodb.com/tutorial/nav/security/">Security</a>
-            </h4>
-          </div>
+         <div class="block">
+           <h3 class="block__header">MongoDB Charts</h3>
+           <h4 class="block__title">
+             <a class="block__link" href="https://docs.mongodb.com/charts/saas/launch-charts/">Launch MongoDB Charts</a>
+           </h4>
+           <h4 class="block__title">
+             <a class="block__link" href="https://docs.mongodb.com/charts/master/chart-types/">Chart Types</a>
+           </h4>
+           <h4 class="block__title">
+             <a class="block__link" href="https://docs.mongodb.com/charts/master/tutorial/movie-details/movie-details-tutorial-overview/">Tutorial: Visualize Movie Data</a>
+           </h4>
+           <h4 class="block__title">
+             <a class="block__link" href="https://docs.mongodb.com/charts/master/embedding-charts/">Embed Charts in a Web Application</a>
+           </h4>
+         </div>
+       </div>
+       <div class="col-3 no-right-gutter">
+        <div class="block">
+          <h3 class="block__header">MongoDB Cloud Manager</h3>
+          <h4 class="block__title">
+            <a class="block__link" href="https://docs.cloudmanager.mongodb.com/application/">Overview</a>
+          </h4>
+          <h4 class="block__title">
+            <a class="block__link" href="https://docs.cloudmanager.mongodb.com/tutorial/nav/manage-hosts/">Create or Import Deployments</a>
+          </h4>
+          <h4 class="block__title">
+            <a class="block__link" href="https://docs.cloudmanager.mongodb.com/tutorial/nav/backup-use/">Backup and Restore</a>
+          </h4>
+          <h4 class="block__title">
+            <a class="block__link" href="https://docs.cloudmanager.mongodb.com/tutorial/nav/security/">Security</a>
+          </h4>
         </div>
-        <div class="col-3 no-right-gutter">
+      </div>
+      <div class="row">
+        <div class="col-3 no-left-gutter">
           <div class="block">
             <h3 class="block__header">MongoDB Ops Manager</h3>
             <h4 class="block__title">