Training:Training: Difference between revisions

Training

Latest revision as of 06:31, 20 January 2025

This page was created by Edgar on 2023-11-01. Last edited by Edgar on 2025-01-20.

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: @@
+{{Edited|July|12|2025}}
+<message>Write the content here to display this box</message>
 <html>
 <style>
+.mw-parser-output > *:first-child {
+    display: none;
+}
 #contentContainer.show-nav-menu #bodyContent {
-     padding: 0px;
+	padding: 0px;
+}
+.headerContent {
+     padding: 5em;
 }
 @media (max-width: 767px) {
-    .content {
+	.headerContent {
-        padding: 2em 1em;
+		padding: 2rem 1em;
-        max-width: none;
+		max-width: none;
-    }
+	}
-    .heading {
+	.heading {
-        font-size: 1.5em;
+		font-size: 1.5em;
-    }
+	}
-    .sub-heading {
+	.sub-heading {
-        font-size: 1em;
+		font-size: 1em;
-    }
+	}
-    .description {
+	.description {
-        font-size: 0.875em;
+		font-size: 0.875em;
-    }
+	}
-    .input-container {
+	.input-container {
-        max-width: none;
+		max-width: none;
-        height: auto;
+		height: auto;
-    }
+	}
-    .search-icon {
+	.search-icon {
-        margin-left: 1em;
+		margin-left: 1em;
-    }
+	}
-    .search-input {
+	.search-input {
-        padding-left: 1em;
+		padding-left: 1em;
-        padding-right: 1em;
+		padding-right: 1em;
-    }
+	}
-    img {
+	img {
-        max-width: 100%;
+		max-width: 100%;
-        height: auto;
+		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 {
+	.card-container  {
-    flex-direction: column;
+		flex-direction: column;
+		padding: 2rem 1rem !important;
+		justify-content: center;
+		align-items: center;
+		gap: 20px;
+	}
+   .infoWrapper {
+    padding: 2rem 1em;
    }
 }
-@media (max-width: 767px) {
+.mainpage-card:hover {
-    .card-container {
+	transform: translateY(-5px);
-        padding: 0 !important; /* Force padding to be zero on small screens */
+	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-        gap: 20px; /* Adjust gap for small screens if necessary */
-    }
 }
 </style>
 <div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);">
-   <div class="content" style="padding: 5em; width: auto; 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 class="heading" style="color: #112B3C; font-size: 2.25em; font-weight: 700; text-transform: uppercase;">LEARN BY DOING</div>
-     <div style="max-width: 100%;"><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">Uncover all the possibilities when you build with MDriven, 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 style="display: flex; flex-wrap: wrap; padding-top:80px;">
+<div class="infoWrapper" style="display: flex; align-items: center;">
-     <img src="/images/person thinking.svg" style="max-width: 100%; padding-left:5em; flex-basis: auto;">
+     <img src="/images/person thinking.svg" style="max-width: 100%;flex-basis: auto;">
-     <div style="flex-grow: 1; min-width: 300px; align-self: flex-end;">
+     <div >
-        <span style="color: #F67A07; font-size: 20px; font-weight: 700;">  </span>
          <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="padding:5em; display: flex; gap: 70px; flex-wrap: wrap;" class="card-container">
+<div style="padding: 2rem 5em; display: flex; gap: 70px; flex-wrap: wrap;" class="card-container">
 </html>
-{{#widget:Card||heading=|subheading=1000 Steps Program|text=Unravel the mysteries of the MDriven tools, step by step|link=/index.php/Training:1000 Steps Program|linktext=Go here}}
+{{#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=Learn in Stages|text=Grow your MDriven knowledge gradually and at your own pace.|link=/index.php/Training:MDriven_Architecture|linktext=Get started 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 certificates along the way|link=/index.php/Training:MDriven Levels: Stars & Certificates|linktext=Start right away}}
+{{#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}}