Bootcamp
(Created page with "<html> <style> #mw-content-text.mw-body-content.mw-content-ltr { background-image: url('https://wiki.mdriven.net/images/d/de/Bootcamp_background.png'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .top-box { border-radius: 35px; background: rgba(255, 255, 255, 0.50); padding: 2...") Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| (7 intermediate revisions by 2 users not shown) | |||
| Line 2: | Line 2: | ||
<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 10: | ||
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 20: | ||
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 46: | Line 46: | ||
.video-container { | .video-container { | ||
text-align: | text-align: left; | ||
margin-bottom: 60px; | margin-bottom: 60px; | ||
opacity: 0; | opacity: 0; | ||
| Line 73: | Line 73: | ||
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 78: | Line 86: | ||
from { opacity: 0; } | from { opacity: 0; } | ||
to { opacity: 1; } | to { opacity: 1; } | ||
} | |||
@media (max-width: 767px) { | |||
#mw-content-text.mw-body-content.mw-content-ltr { | |||
background-image: url('https://wiki.mdriven.net/images/background_mobile.webp'); | |||
padding: 1em; | |||
} | |||
} | } | ||
</style> | </style> | ||
| Line 87: | Line 102: | ||
<div class="video-container"> | <div class="video-container"> | ||
<iframe src="https://www.youtube.com/embed/ | <iframe src="https://www.youtube.com/embed/xdbXkwVMz8c?si=rZuxuJbCBLlEwnrr" 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 11:34, 21 August 2024
MDriven Learn presents:
BOOTCAMP
Learn how to model, prototype and build anything.
BOOTCAMP
Learn how to model, prototype and build anything.