Training:Training: Difference between revisions

Training

Latest revision as of 05:02, 29 August 2024

Training

LEARN BY DOING

Choose your path with MDrivenLearn.

Wondering where to start?

Learn to model with MDriven, whether you’re after short-term fixes or looking to build long-term business solutions.

Training

BOOTCAMP

Learn step by step how to use the MDriven tools by using the MDriven Designer.

Go here

Training

ModelCraft

Grow your modeling skills with an in-depth study of software modeling.

Get started here

Training

The MDriven Book

Learn the foundational truths on which MDriven is built.

Start here

Training

The MDriven Video Experience

MDriven video materials organized for you to learn with ease.

Watch now

Training

MDriven Levels: Stars & Certificates

Beginner, Intermediate, Advanced. Go on MDriven adventures and earn your MDriven certification.

Start right away

@@ Line 1: / Line 1: @@
+<message>Write the content here to display this box</message>
 <html>
 <style>
-     @media (max-width: 767px) {
+.mw-parser-output > *:first-child {
-        .content {
+     display: none;
-            padding: 2em 1em;
+}
-            max-width: none;
-        }
+#contentContainer.show-nav-menu #bodyContent {
-        .heading {
+	padding: 0px;
-            font-size: 1.5em;
+}
-        }
-        .sub-heading {
+.headerContent {
-            font-size: 1em;
+    padding: 5em;
-        }
+}
-        .description {
+@media (max-width: 767px) {
-            font-size: 0.875em;
+	.headerContent {
-        }
+		padding: 2rem 1em;
-        .input-container {
+		max-width: none;
-            max-width: none;
+	}
-            height: auto;
+	.heading {
-        }
+		font-size: 1.5em;
-        .search-icon {
+	}
-            margin-left: 1em;
+	.sub-heading {
-        }
+		font-size: 1em;
-        .search-input {
+	}
-            padding-left: 1em;
+	.description {
-            padding-right: 1em;
+		font-size: 0.875em;
-        }
+	}
-     }
+	.input-container {
+		max-width: none;
+		height: auto;
+	}
+	.search-icon {
+		margin-left: 1em;
+	}
+	.search-input {
+		padding-left: 1em;
+		padding-right: 1em;
+	}
+	img {
+		max-width: 100%;
+		height: auto;
+	}
+}
+.card-container {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 70px;
+}
+.infoWrapper {
+    display: flex;
+    align-items: center;
+    padding: 2rem 5em;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+}
+/* Adjustments for screens wider than 768px */
+@media (min-width: 769px) {
+	.card-container  {
+		flex-direction: row;
+	}
+}
+/* Adjustments for screens up to 768px */
+@media (max-width: 768px) {
+	.card-container  {
+		flex-direction: column;
+		padding: 2rem 1rem !important;
+		justify-content: center;
+		align-items: center;
+		gap: 20px;
+	}
+   .infoWrapper {
+     padding: 2rem 1em;
+  }
+}
+.mainpage-card:hover {
+	transform: translateY(-5px);
+	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
 </style>
 <div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);">
-   <div class="content" style="padding: 5em;  width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
+   <div class="headerContent" style="width: auto; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
-<div style="color: #44546F;">Documentation</div>
+    <div style="color: #44546F;">Training</div>
-     <div class="heading" style="color: #182933; font-size: 2.25em;  font-weight: 700; text-transform: uppercase; ">Technical Documentation</div>
+     <div class="heading" style="color: #112B3C; font-size: 2.25em; font-weight: 700; text-transform: uppercase;">LEARN BY DOING</div>
-     <div class="description" style="color: black; font-size: 1em; font-weight: 400; word-wrap: break-word;">Search for comprehensive articles related to your ideas. </div>
+     <span style="color: black; font-size: 16px; word-wrap: break-word">Choose your path with MDrivenLearn. </span>
-    <div class="input-container" style="max-width: 589px; height: 2.25em; position: relative; display: flex; align-items: center; background: white; border-radius: 4px; border: 1px #E3E8EE solid;">
+  </div>
-        <div class="search-icon" style="margin-left: 10px;">
+</div>
-            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+<div class="infoWrapper" style="display: flex; align-items: center;">
-                <path d="M13 13L9 9L13 13ZM10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="#999B9E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <img src="/images/person thinking.svg" style="max-width: 100%;flex-basis: auto;">
-            </svg>
+    <div >
-         </div>
+        <span style="color: #112B3C; font-size: 40px; font-weight: 700;">Wondering where to start?</span>
-     <form id="bs-extendedsearch-box" class="form-inline " action="/index.php" method="GET" role="search" style="width:100%;">
+         <div style="max-width: 100%;"><span style="color: black; font-size: 16px; font-weight: 400; word-wrap: break-word">Learn to model with MDriven, whether you’re after short-term fixes or looking to build long-term business solutions.</span></div>
-        <input class="search-input" type="search" placeholder="Search documentation" style="flex-grow: 1; border: none; outline: none; padding-left: 10px;" name="raw_term" >
-    <div id="suggestion-container"></div>
-        <input type="hidden" name="title" value="Special:SearchCenter">
-            <input type="hidden" name="fulltext" value="1">
-        </form>
      </div>
-  </div>
 </div>
+<div style="padding: 2rem 5em; display: flex; gap: 70px; flex-wrap: wrap;" class="card-container">
+</html>
+{{#widget:Card||heading=|subheading=BOOTCAMP|text=Learn step by step how to use the MDriven tools by using the MDriven Designer.|link=/index.php/Training:Bootcamp|linktext=Go here}}
+{{#widget:Card||heading=|subheading=ModelCraft|text=Grow your modeling skills with an in-depth study of software modeling.|link=/index.php/Training:ModelCraft|linktext=Get started here}}
+{{#widget:Card||heading=|subheading=The MDriven Book|text=Learn the foundational truths on which MDriven is built.|link=/index.php/Training:What_is_MDriven|linktext=Start here}}
+{{#widget:Card||heading=|subheading=The MDriven Video Experience|text=MDriven video materials organized for you to learn with ease.|link=/index.php/Training:Videos|linktext=Watch now}}
+{{#widget:Card|heading=|subheading=MDriven Levels: Stars & Certificates|text=Beginner, Intermediate, Advanced. Go on MDriven adventures and earn your MDriven certification.|link=/index.php/Training:MDriven Levels: Stars & Certificates|linktext=Start right away}}
+<html>
+</div>
 </html>
+{{Class|scroll}}