Bootcamp
No edit summary Tag: 2017 source edit |
(Added Edited template with July 12, 2025.) |
||
(14 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{Edited|July|12|2025}} | |||
<html> | <html> | ||
<style> | <style> | ||
#mw-content-text.mw-body-content.mw-content-ltr { | #mw-content-text.mw-body-content.mw-content-ltr { | ||
background-image: url('https://wiki.mdriven.net/images/ | background-image: url('https://wiki.mdriven.net/images/background_desktop.webp'); | ||
background-size: cover; | background-size: cover; | ||
background-position: center; | background-position: center; | ||
Line 10: | Line 11: | ||
flex-direction: column; | flex-direction: column; | ||
justify-content: flex-start; | justify-content: flex-start; | ||
align-items: | align-items: flex-start; | ||
padding: 2em; | |||
} | } | ||
Line 19: | Line 21: | ||
max-width: 80%; | max-width: 80%; | ||
width: 100%; | width: 100%; | ||
text-align: left; | text-align: left; | ||
font-size: 1.2em; | font-size: 1.2em; | ||
color: #000; | color: #000; | ||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | ||
margin-bottom: | margin-bottom: 4em; | ||
opacity: 0; | opacity: 0; | ||
animation: fadeIn 1.5s ease-out forwards; | animation: fadeIn 1.5s ease-out forwards; | ||
Line 32: | Line 33: | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
white-space: nowrap; | |||
} | } | ||
.top-box-subtitle { | .top-box-subtitle { | ||
font-weight: bold; | font-weight: bold; | ||
font-size: | font-size: 1em; | ||
} | } | ||
Line 46: | Line 47: | ||
.video-container { | .video-container { | ||
text-align: | text-align: left; | ||
margin-bottom: 60px; | margin-bottom: 60px; | ||
opacity: 0; | opacity: 0; | ||
Line 73: | Line 74: | ||
opacity: 0; | opacity: 0; | ||
animation: fadeIn 1.5s ease-out 1s forwards; | animation: fadeIn 1.5s ease-out 1s forwards; | ||
} | |||
.video-container iframe { | |||
width: 100%; | |||
max-width: 640px; | |||
height: 360px; | |||
border: none; | |||
border-radius: 15px; | |||
} | } | ||
Line 82: | Line 91: | ||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
#mw-content-text.mw-body-content.mw-content-ltr { | #mw-content-text.mw-body-content.mw-content-ltr { | ||
background-image: url('https://wiki.mdriven.net/images/ | background-image: url('https://wiki.mdriven.net/images/background_mobile.webp'); | ||
padding: 1em; | |||
} | } | ||
} | } | ||
</style> | </style> | ||
<div class="top-box"> | <div class="top-box"> | ||
<span class="top-box-title">MDriven <span style="color:#F67A07;"> Learn </span> presents: | <span class="top-box-title">MDriven <span style="color:#F67A07;"> Learn </span> presents:<span class="top-box-subtitle">BOOTCAMP</span></span><br> | ||
<span class="top-box-description">Learn how to model, prototype and build anything.</span> | <span class="top-box-description">Learn how to model, prototype and build anything.</span> | ||
</div> | </div> | ||
<div class="video-container"> | <div class="video-container"> | ||
<iframe src="https://www.youtube.com/embed/ | <iframe src="https://www.youtube.com/embed/ysfF0UbFATE?si=JpWyvMhJ5SPq5wBr" allowfullscreen></iframe> | ||
<a href="/index.php/Training:Bootcamp/Start" class="next-step-button">NEXT STEP - BOOTCAMP: BEFORE STARTING GUIDE</a> | <a href="/index.php/Training:Bootcamp/Start" class="next-step-button">NEXT STEP - BOOTCAMP: BEFORE STARTING GUIDE</a> | ||
</div> | </div> | ||
</html> | </html> |
Latest revision as of 06:27, 20 January 2025
This page was created by Edgar on 2024-08-12. Last edited by Edgar on 2025-01-20.
MDriven Learn presents:BOOTCAMP
Learn how to model, prototype and build anything.
Learn how to model, prototype and build anything.