Training:Bootcamp/Levels

<style>

       body, html {
           margin: 0;
           padding: 0;
           width: 100%;
           height: 100%;
       }
       .bootcamp-container {
           width: 100%;
           max-width: 1125px;
           margin: auto;
           padding: 10px;
           box-sizing: border-box;
       }
       .header {
           width: 100%;
           height: 70px;
           margin: 10px 0;
           background: #E2F5FA;
           display: flex;
           align-items: center;
           justify-content: center;
       }
       .header-text {
           font-family: 'Outfit', sans-serif;
           font-size: 28px;
           font-weight: 600;
           text-transform: uppercase;
       }
       .orange-text {
           color: #FFAE6D;
       }
       .sections {
           display: flex;
           flex-direction: column;
           gap: 20px;
       }
       .section {
           width: 100%;
           border-radius: 20px;
           padding: 20px;
           box-sizing: border-box;
           cursor: pointer;
           transition: transform 0.3s ease;
           display: flex;
           flex-direction: column;
           justify-content: center;
       }
       .section:hover {
           transform: scale(1.05);
       }
       .beginner {
           background: rgba(255, 218, 187, 0.60);
       }
       .intermediate {
           background: rgba(217, 217, 217, 0.45);
       }
       .advanced {
           background: #112B3C;
           color: white;
       }
       .section-title {
           font-size: 28px;
           font-weight: 700;
           margin-bottom: 10px;
       }
       .section-content {
           font-size: 24px;
           font-weight: 400;
       }
       .icon-placeholder {
           background: url('https://newwikicopy.mdriven.net/images/0/0e/MDrivenBootcamp_1.svg') no-repeat;
           background-size: contain;
       }
       .icon-1 {
           width: 156px;
           height: 287px;
           position: absolute;
           left: 99px;
           top: 122px;
       }
       .icon-2 {
           width: 274px;
           height: 300px;
           position: absolute;
           right: 20px;
           top: 395px;
       }
       .icon-3 {
           width: 269px;
           height: 376px;
           position: absolute;
           left: 0;
           top: 690px;
       }

@media (max-width: 768px) {

           .sections {
               gap: 10px;
           }
           .section-title, .section-content {
               font-size: 18px;
           }
       }
   </style>

               Choose the right option for you

BEGINNER

You are brand new to MDriven modeling and tools and you've got a lot of questions. This is the place to start - right from the basics!

INTERMEDIATE

You have some understanding of models but you need to brush up on what you know and learn what else is new. Join the trail from here!

ADVANCED

You are very familiar with modeling and now you just want to understand how MDriven does it. Dive right in with the more advanced concepts behind the MDriven tools.

</body> </html>