Bootcamp/Main
No edit summary
Tag: 2017 source edit
No edit summary
Tag: 2017 source edit
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
html, body {
#mw-content-text.mw-body-content.mw-content-ltr {
    min-height: 100vh;
    margin: 0;
    padding: 0;
     background-image: url('https://wiki.mdriven.net/images/d/de/Bootcamp_background.png');
     background-image: url('https://wiki.mdriven.net/images/d/de/Bootcamp_background.png');
     background-size: cover;
     background-size: cover;
     background-position: center;
     background-position: center;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
    min-height: 100vh;
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;
    justify-content: flex-start;
     align-items: center;
     align-items: center;
}
.content {
    display: none; /* Initially hide content */
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 60px;
}
}


Line 30: Line 21:
     margin: 0 10%;
     margin: 0 10%;
     text-align: left;
     text-align: left;
    font-family: Arial, sans-serif;
     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: 60px;
     margin-bottom: 7em;
    opacity: 0;
    animation: fadeIn 1.5s ease-out forwards;
}
}


Line 56: Line 48:
     text-align: center;
     text-align: center;
     margin-bottom: 60px;
     margin-bottom: 60px;
    opacity: 0;
    animation: fadeIn 1.5s ease-out 0.5s forwards;
}
}


Line 77: Line 71:
     text-decoration: none;
     text-decoration: none;
     text-align: center;
     text-align: center;
    opacity: 0;
    animation: fadeIn 1.5s ease-out 1s forwards;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
}
</style>
</style>
     <div class="content">
     <div class="top-box">
         <div class="top-box">
         <span class="top-box-title">MDriven <span style="color:#F67A07;"> Learn </span> presents:</span><br>
            <span class="top-box-title">MDrivenLearn presents:</span><br>
        <span class="top-box-subtitle">BOOTCAMP</span><br>
            <span class="top-box-subtitle">Bootcamp</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/YOUR_VIDEO_ID_HERE" allowfullscreen></iframe>
        <iframe src="https://www.youtube.com/embed/video" allowfullscreen></iframe>
            <a href="YOUR_NEXT_STEP_LINK" 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>
     </div>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        var img = new Image();
        img.onload = function() {
            document.querySelector('.content').style.display = 'flex';
        };
        img.src = 'https://wiki.mdriven.net/images/d/de/Bootcamp_background.png';
        if (img.complete) img.onload();
    });
    </script>
</html>
</html>

Latest revision as of 12:06, 12 August 2024

MDriven Learn presents:
BOOTCAMP
Learn how to model, prototype and build anything.

This page was edited 160 days ago on 08/12/2024. What links here