Add new admin design blocks

Author: Martussky

en/_mdb5/standard/web/docs/design-blocks/admin/_main/data.php

@@ -1,10 +1,10 @@
 <?php
 global $data_var;
 $data_var = array(
-  'main_title' => 'Blog blocks',
-  'seo_title' => 'Blog blocks - Bootstrap 5 & Material Design 2.0 design blocks',
-  'description' => 'Responsive Blog blocks built with the latest Bootstrap 5 and stunning Material Design 2.0. Create your own Blog with various sections for the article, homepage, and more.',
-  'url' => 'https://mdbootstrap.com/docs/standard/design-blocks/blog/',
-  'image' => 'https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/design-blocks/blog/home/assets/1.jpg',
+  'main_title' => 'Admin blocks',
+  'seo_title' => 'Admin blocks - Bootstrap 5 & Material Design 2.0 design blocks',
+  'description' => 'Responsive Admin blocks built with the latest Bootstrap 5 and stunning Material Design 2.0. Create your own Admin with various sections for the navigation, tables, charts and more.',
+  'url' => 'https://mdbootstrap.com/docs/standard/design-blocks/admin/',
+  'image' => 'https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/design-blocks/admin/charts/assets/3.jpg',
   'video' => 'https://www.youtube.com/watch?v=c9B4TPnak1A',
 );

en/_mdb5/standard/web/docs/design-blocks/admin/_main/o.html

@@ -37,65 +37,143 @@ <h1 class="h6 mb-4"><?= $data_var['seo_title']; ?></h1>
       <!-- Column -->
       <div class="col-lg-6 col-md-12 mb-5">
         <div
-          class="bg-image hover-overlay ripple shadow-block rounded-6 mb-4"
+          class="bg-image hover-overlay ripple shadow-block rounded-6 mb-4 d-flex align-items-center bg-white"
           data-ripple-color="light"
           style="height: 300px;"
         >
           <img
-            src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/design-blocks/blog/post/assets/5.webp"
+            src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/design-blocks/admin/navigation/assets/1.jpg"
             class="w-100"
             alt=""
           />
-          <a href="https://mdbootstrap.com/docs/standard/design-blocks/blog/post/" target="_blank">
+          <a href="https://mdbootstrap.com/docs/standard/design-blocks/admin/navigation/">
             <div class="mask" style="background-color: rgba(251, 251, 251, 0.2);"></div>
           </a>
         </div>
-        <h6 class="mb-0">Post / article</h6>
+        <h6 class="mb-0">Navigation</h6>
       </div>
       <!-- Column -->
 
       <!-- Column -->
       <div class="col-lg-6 col-md-12 mb-5">
         <div
-          class="bg-image bg-white hover-overlay ripple shadow-block rounded-6 mb-4"
+          class="bg-image hover-overlay ripple shadow-block rounded-6 mb-4 d-flex align-items-center bg-white"
           data-ripple-color="light"
           style="height: 300px;"
         >
           <img
-            src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/design-blocks/blog/home/assets/1.jpg"
+            src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/design-blocks/admin/forms/assets/1.jpg"
             class="w-100"
             alt=""
           />
-          <a href="https://mdbootstrap.com/docs/standard/design-blocks/blog/home/" target="_blank">
+          <a href="https://mdbootstrap.com/docs/standard/design-blocks/admin/forms/">
             <div class="mask" style="background-color: rgba(251, 251, 251, 0.2);"></div>
           </a>
         </div>
-        <h6 class="mb-0">Home page</h6>
+        <h6 class="mb-0">Forms</h6>
       </div>
       <!-- Column -->
 
       <!-- Column -->
       <div class="col-lg-6 col-md-12 mb-5">
         <div
-          class="bg-image bg-white hover-overlay ripple shadow-block rounded-6 w-100 mb-4 d-flex align-items-center"
+          class="bg-image hover-overlay ripple shadow-block rounded-6 mb-4 d-flex align-items-center bg-white"
           data-ripple-color="light"
           style="height: 300px;"
         >
           <img
-            src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/design-blocks/blog/navigation/assets/5.webp"
+            src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/design-blocks/admin/stats/assets/4.jpg"
             class="w-100"
             alt=""
           />
-          <a
-            href="https://mdbootstrap.com/docs/standard/design-blocks/blog/navigation/"
-            target="_blank"
-          >
+          <a href="https://mdbootstrap.com/docs/standard/design-blocks/admin/stats/">
             <div class="mask" style="background-color: rgba(251, 251, 251, 0.2);"></div>
           </a>
         </div>
-        <h6 class="mb-0">Navigation</h6>
+        <h6 class="mb-0">Stats</h6>
+      </div>
+      <!-- Column -->
+
+      <!-- Column -->
+      <div class="col-lg-6 col-md-12 mb-5">
+        <div
+          class="bg-image hover-overlay ripple shadow-block rounded-6 mb-4 d-flex align-items-center bg-white"
+          data-ripple-color="light"
+          style="height: 300px;"
+        >
+          <img
+            src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/design-blocks/admin/tables/assets/4.jpg"
+            class="w-100"
+            alt=""
+          />
+          <a href="https://mdbootstrap.com/docs/standard/design-blocks/admin/tables/">
+            <div class="mask" style="background-color: rgba(251, 251, 251, 0.2);"></div>
+          </a>
+        </div>
+        <h6 class="mb-0">Tables</h6>
+      </div>
+      <!-- Column -->
+
+      <!-- Column -->
+      <div class="col-lg-6 col-md-12 mb-5">
+        <div
+          class="bg-image hover-overlay ripple shadow-block rounded-6 mb-4 d-flex align-items-center bg-white"
+          data-ripple-color="light"
+          style="height: 300px;"
+        >
+          <img
+            src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/design-blocks/admin/charts/assets/5.jpg"
+            class="w-100"
+            alt=""
+          />
+          <a href="https://mdbootstrap.com/docs/standard/design-blocks/admin/charts/">
+            <div class="mask" style="background-color: rgba(251, 251, 251, 0.2);"></div>
+          </a>
+        </div>
+        <h6 class="mb-0">Charts</h6>
+      </div>
+      <!-- Column -->
+
+      <!-- Column -->
+      <div class="col-lg-6 col-md-12 mb-5">
+        <div
+          class="bg-image hover-overlay ripple shadow-block rounded-6 mb-4 d-flex align-items-center bg-white"
+          data-ripple-color="light"
+          style="height: 300px;"
+        >
+          <img
+            src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/design-blocks/admin/maps/assets/2.jpg"
+            class="w-100"
+            alt=""
+          />
+          <a href="https://mdbootstrap.com/docs/standard/design-blocks/admin/maps/">
+            <div class="mask" style="background-color: rgba(251, 251, 251, 0.2);"></div>
+          </a>
+        </div>
+        <h6 class="mb-0">Maps</h6>
+      </div>
+      <!-- Column -->
+
+      <!-- Column -->
+      <div class="col-lg-6 col-md-12 mb-5">
+        <div
+          class="bg-image hover-overlay ripple shadow-block rounded-6 mb-4 bg-white d-flex align-items-center"
+          data-ripple-color="light"
+          style="height: 300px;"
+        >
+          <img
+            src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/design-blocks/admin/complex/assets/1.jpg"
+            class="w-100"
+            alt=""
+          />
+          <a href="https://mdbootstrap.com/docs/standard/design-blocks/admin/complex/">
+            <div class="mask" style="background-color: rgba(251, 251, 251, 0.2);"></div>
+          </a>
+        </div>
+        <h6 class="mb-0">Complex</h6>
       </div>
       <!-- Column -->
+      
     </div>
   </section>
   <!-- Section: Subpages -->