feat: add elements html top ranking

assets/templates/reports-filters.html

@@ -86,7 +86,7 @@ <h3>Optimiza tu estrategia de Marketing Digital</h3>
         <span class="arrow"></span>
       </div><!-- hero-wrapper -->
     </header>
-    <section class="container-kpi">
+    <section class="container-reports">
     <div class="wrapper-kpi">
       <div class="reports-box warning--kpi">
         <h3 class="number-kpi">0</h3>
@@ -120,6 +120,21 @@ <h6 class="subtitle-kpi">contactos nuevos</h6>
         </ul>
       </div><!-- reports-box -->
     </div>
+    <div class="wrapper-ranking">
+      <div class="reports-box">
+        <small class="title-ranking">TOP PAGINAS MAS VISITADAS</small>
+        <div class="page-ranking--item">
+          <p class="text-ranking">1</p>
+          <a class="link-ranking" href="https://www.fromdoppler.com/email-marketing" target="_blank">https://www.fromdoppler.com/email-marketing</a>
+          <p class="text-ranking"><strong>9.070</strong> Visitas Totales</p>
+        </div>
+        <div class="page-ranking--item">
+          <p class="text-ranking">1</p>
+          <a class="link-ranking" href="https://www.fromdoppler.com/email-marketing" target="_blank">https://www.fromdoppler.com/email-marketing</a>
+          <p class="text-ranking"><strong>350.758</strong> Visitas Totales</p>
+        </div>
+      </div><!-- reports-box -->
+    </div><!-- wrapper-ranking -->
     </section><!-- container-kpi -->
     <!-- build:js:dist js/app.js -->
     <script src="./js/main.js"></script>