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;">Training</div>
+    <div style="color: #44546F;">Training</div>
-     <div class="heading" style="color: #F67A07; font-size: 2.25em;  font-weight: 700; text-transform: uppercase; ">LEARN BY DOING</div>
+     <div class="heading" style="color: #112B3C; font-size: 2.25em; font-weight: 700; text-transform: uppercase;">LEARN BY DOING</div>
-   <div style="width: 568px"><span style="color: black; font-size: 16px;  font-weight: 700; word-wrap: break-word">CHOOSE YOUR PATH <br/></span><span style="color: black; font-size: 16px; font-weight: 400; word-wrap: break-word">Create your own model and decide where you want MDriven to take you, whether you’re just starting your career or developing new skills.</span></div>
+    <span style="color: black; font-size: 16px; word-wrap: break-word">Choose your path with MDrivenLearn. </span>
+  </div>
 </div>
+<div class="infoWrapper" style="display: flex; align-items: center;">
+    <img src="/images/person thinking.svg" style="max-width: 100%;flex-basis: auto;">
+    <div >
+        <span style="color: #112B3C; font-size: 40px; font-weight: 700;">Wondering where to start?</span>
+        <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>
+    </div>
 </div>
-<div style="display: flex;">
+<div style="padding: 2rem 5em; display: flex; gap: 70px; flex-wrap: wrap;" class="card-container">
-    <img src="https://newwiki.mdriven.net/images/person thinking.svg" style="padding-left:5em;">
+</html>
-    <div style="width: 857px; height: 55px; align-self: flex-end;">
+{{#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}}
-        <span style="color: #F67A07; font-size: 20px; font-weight: 700; word-wrap: break-word">  </span>
+{{#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}}
-        <span style="color: #F67A07; font-size: 40px; font-weight: 700; word-wrap: break-word">Wondering where to start? Take this quiz!</span>
+{{#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}}
-    </div>
+{{#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>
-<div style="padding:5em; display: flex; gap: 70px;">
 </html>
-{{#widget:Card||heading=|subheading=1000 Steps Program|text=Unraven the mysteries of the MDriven tools, step by step|link=#|linktext=Go here}}
+{{Class|scroll}}
-{{#widget:Card|heading=|subheading=MDriven Levels: Stars & Certificates|text=Beginner, Intermediate, Advanced. Go on Mdriven adventures and earn certificates along the way|link=#|linktext=Get started right away}}