Training:Videos: Difference between revisions

Videos

Latest revision as of 05:13, 29 May 2024

Training

EXPLORE MDriven through Video

INTRODUCING THE MDRIVEN VIDEO EXPERIENCE
Watch videos tailored to simplify everything you need to know about MDriven.

Check out the official MDriven YouTube here: www.youtube.com/@MDrivenOfficial

Continue watching

@@ Line 34: / Line 34: @@
      }
      .notification {
-                 font-size: 1.2em !important; /* Smaller font size for notifications */
+                 font-size: 1.2em !important;
-                 white-space: normal !important; /* Allow text to wrap */
+                 white-space: normal !important;
-                 padding: 0 1em !important; /* Add some padding for text wrapping */
+                 padding: 0 1em !important;
-                 height: auto !important; /* Adjust height automatically */
+                 height: auto !important;
              }
 }
+   .mdrivenContainer {
+            max-width: 100%;
+            background: #E2F5FA;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding: 10px;
+            box-sizing: border-box;
+            margin-top:40px;
+        }
+@media (max-width: 600px) {
+            .mdrivenText {
+                font-size: 18px;
+            }
+            .mwWidgetContinueWatching svg {
+    width: 40px;
+    height: 18px;
+}
+        }
+ .youtube-video-row {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 60px;
+    margin-top: 40px;
+}
+ .mdrivenText {
+                font-size: 25px;
+            }
+.youtube-video-row > iframe {
+    flex: 1;
+    min-width: 300px;
+    max-width: 360px;
+    border-radius: 15px;
+    overflow: hidden;
+    height: 203px;
+}
+@media (max-width: 768px) {
+    .youtube-video-row > iframe {
+        flex-basis: 100%;
+        max-width: 100%;
+        height: auto;
+    }
+}
+@media (max-width: 768px) {
+    .heading {
+        font-size: 1.75em;
+    }
+}
 </style>
@@ Line 45: / Line 104: @@
    <div class="content" style="padding: 5em; 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;">MDRIVEN LEVELS: STARS AND CERTIFICATES</div>
+     <div class="heading" style="color: #112B3C; font-size: 2.25em; font-weight: 700; text-transform: uppercase;">EXPLORE MDriven through Video</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>
+     <div style="max-width: 100%;"><span style="color: black; font-size: 16px; font-weight: 700; word-wrap: break-word">INTRODUCING THE MDRIVEN VIDEO EXPERIENCE <br/></span><span style="color: black; font-size: 16px; font-weight: 400; word-wrap: break-word">Watch videos tailored to simplify everything you need to know about MDriven.</span></div>
    </div>
 </div>
+    <div class="mdrivenContainer" style="height: auto;">
+        <div style="margin: 5px; word-wrap: break-word; text-align: center;">
+            <span class="mdrivenText" style="font-weight: 600; color: black;">Check out the official MDriven YouTube here: </span>
+            <a class="mdrivenText" style="color: #0060A8;" href="https://www.youtube.com/@MDrivenOfficial">www.youtube.com/@MDrivenOfficial</a>
+        </div>
+    </div>
+</html>
+{{#widget:Videos|heading=MOCKOTYPE|link=https://www.youtube.com/playlist?list=PLVF9iJ0UDk7dS-D35BVAytletlXIIUlu8}}
+<html>
+<div class="youtube-video-row">
+</html>
+{{#widget:Youtube|link=https://www.youtube.com/embed/2l5LJGpwEzU?si=v3K0wtIftcLc_-iD}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/DjFnAA2tIgc?si=_toZ_Kusot0xRkw3}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/fOfNSFtVqdY?si=tGmmdM-1LkIbJFTe}}
+</div>
+{{#widget:Videos|heading=MDRIVEN DESIGNER OVERVIEW|link=https://www.youtube.com/playlist?list=PLVF9iJ0UDk7e6UEnABWQMGNEwT_SNhg2Q}}
+<html>
+<div class="youtube-video-row">
+</html>
+{{#widget:Youtube|link=https://www.youtube.com/embed/RxBhb0K6ibo?si=52SxvSy_cVjdAnzX}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/KQerwRGgmE4?si=TZtVPL9a0tvydNZk}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/it0ZD7gtjnE?si=_FCvRL-nbyvu98v5}}
+</div>
+{{#widget:Videos|heading=MDRIVEN TURNKEY|link=https://www.youtube.com/playlist?list=PLVF9iJ0UDk7ddLL-WARYjJwy4jAZkjCze}}
+<html>
+<div class="youtube-video-row">
+</html>
+{{#widget:Youtube|link=https://www.youtube.com/embed/JmL77B4SU7M?si=QRLBaOCHPlejh6Dn}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/Ca6ShDvSjxc?si=A0HSDSrO8piqKDjL}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/uz_8q4a_p78?si=2_UPP4jUcCKqXeXc}}
+</div>
+{{#widget:Videos|heading=MDRIVEN SERVER|link=https://www.youtube.com/playlist?list=PLVF9iJ0UDk7cq1diFC71rtY48HFitH7mI}}
+<html>
+<div class="youtube-video-row">
+</html>
+{{#widget:Youtube|link=https://www.youtube.com/embed/1fJnvsbMWpQ?si=8xYwPp1-k42vwo4d}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/mc66E3bZYe8?si=kOw-DajrsP55dGG0}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/0RaL2L81cZw?si=FM4rpJ_NwkeYGlzW}}
+</div>
+{{#widget:Videos|heading=MDRIVEN FRAMEWORK|link=https://www.youtube.com/playlist?list=PLVF9iJ0UDk7fEDFpt4aqQrmK9rBrOfi08}}
+<html>
+<div class="youtube-video-row">
 </html>
+{{#widget:Youtube|link=https://www.youtube.com/embed/nuNktUpn-cg?si=ZLJL4B9cIRXk0lGG}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/F5s-st3RCLI?si=iwPpzzkYWX0qUVsx}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/xxVmsm0Ntmo?si=nbC0AyFmT4gjHR0c}}
+</div>