Training:Training: Difference between revisions

Training

Revision as of 08:04, 17 June 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

1000 Steps Program

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

Go 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

Learn in Stages

Grow your MDriven knowledge gradually and at your own pace.

Get started here

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>
+.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">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 style="display: flex; flex-wrap: wrap;">
+<div class="infoWrapper" style="display: flex; align-items: center;">
-     <img src="https://newwiki.mdriven.net/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>
-         <span style="color: #112B3C; font-size: 40px; font-weight: 700;">Wondering where to start? Take this quiz!</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=Unraven the mysteries of the MDriven tools, step by step|link=/index.php/Training:1000 Steps Program|linktext=Go here}}
+{{#widget:Card||heading=|subheading=1000 Steps Program|text=Learn step by step how to use the MDriven tools by using the MDriven Designer.|link=/index.php/Training:1000 Steps Program|linktext=Go here}}
-{{#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=Get started right away}}
+{{#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=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=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}}