Bootcamp/Main
No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| Line 6: | Line 6: | ||
background-position: center; | background-position: center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
min-height: 100vh; /* Ensure the background covers the full height */ | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: space-between; | |||
align-items: center; | |||
padding-top: 20px; /* Space for the top box */ | |||
} | } | ||
| Line 14: | Line 19: | ||
padding: 20px; | padding: 20px; | ||
max-width: 600px; | max-width: 600px; | ||
text-align: center; | text-align: center; | ||
font-family: Arial, sans-serif; | font-family: Arial, sans-serif; | ||
| Line 20: | Line 24: | ||
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: 20px; /* Space between the top box and the video */ | |||
} | } | ||
| Line 36: | Line 41: | ||
font-size: 1.2em; | font-size: 1.2em; | ||
margin-top: 10px; | margin-top: 10px; | ||
} | |||
.video-container { | |||
text-align: center; | |||
} | |||
.video-container iframe { | |||
width: 100%; | |||
max-width: 800px; | |||
height: auto; | |||
border: none; | |||
border-radius: 15px; /* Optional: round the video corners */ | |||
} | |||
.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; | |||
} | } | ||
</style> | </style> | ||
<div class="top-box"> | <div class="top-box"> | ||
<span class="top-box-title">MDrivenLearn presents:</span><br> | <span class="top-box-title">MDrivenLearn presents:</span><br> | ||
| Line 46: | Line 75: | ||
<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"> | |||
<iframe src="https://www.youtube.com/embed/YOUR_VIDEO_ID_HERE" allowfullscreen></iframe> | |||
<a href="YOUR_NEXT_STEP_LINK" class="next-step-button">NEXT STEP - BOOTCAMP: BEFORE STARTING GUIDE</a> | |||
</div> | |||
</html> | </html> | ||
Revision as of 21:14, 10 August 2024
MDrivenLearn 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