Bootcamp/Main
No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| (17 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
background-position: center; | background-position: center; | ||
background-repeat: no-repeat; | 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: 20px; | |||
max-width: 80%; | |||
width: 100%; | |||
margin: 0 10%; | |||
text-align: left; | |||
font-size: 1.2em; | |||
color: #000; | |||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | |||
margin-bottom: 7em; | |||
opacity: 0; | |||
animation: fadeIn 1.5s ease-out forwards; | |||
} | |||
.top-box-title { | |||
font-weight: bold; | |||
font-size: 1.5em; | |||
} | |||
.top-box-subtitle { | |||
font-weight: bold; | |||
font-size: 1.8em; | |||
margin-top: 10px; | |||
} | |||
.top-box-description { | |||
font-size: 1.2em; | |||
margin-top: 10px; | |||
} | |||
.video-container { | |||
text-align: center; | |||
margin-bottom: 60px; | |||
opacity: 0; | |||
animation: fadeIn 1.5s ease-out 0.5s forwards; | |||
} | |||
.video-container iframe { | |||
width: 100%; | |||
max-width: 800px; | |||
height: 450px; | |||
border: none; | |||
border-radius: 15px; | |||
} | |||
.next-step-button { | |||
display: inline-block; | |||
margin-top: 20px; | |||
padding: 10px 20px; | |||
border-radius: 25px; | |||
background: #E2F5FA; | |||
color: #000; | |||
font-size: 1.1em; | |||
font-weight: bold; | |||
text-decoration: none; | |||
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="top-box"> | |||
<span class="top-box-title">MDriven <span style="color:#F67A07;"> Learn </span> presents:</span><br> | |||
<span class="top-box-subtitle">BOOTCAMP</span><br> | |||
<span class="top-box-description">Learn how to model, prototype and build anything.</span> | |||
</div> | |||
<div class="video-container"> | |||
<iframe src="https://www.youtube.com/embed/video" allowfullscreen></iframe> | |||
<a href="/index.php/Training:Bootcamp/Start" class="next-step-button">NEXT STEP - BOOTCAMP: BEFORE STARTING GUIDE</a> | |||
</div> | |||
</html> | </html> | ||
Latest revision as of 12:06, 12 August 2024
MDriven Learn presents:
BOOTCAMP
Learn how to model, prototype and build anything.
BOOTCAMP
Learn how to model, prototype and build anything.
This page was edited 160 days ago on 08/12/2024. What links here