Bootcamp/Start/Levels
    No edit summary
    Tag: 2017 source edit
    (Added Edited template with July 12, 2025.)
     
    (5 intermediate revisions by 2 users not shown)
    Line 1: Line 1:
    {{Edited|July|12|2025}}
    <html>
    <html>
    <style>
    <style>
    Line 15: Line 16:
         .header {
         .header {
             width: 100%;
             width: 100%;
             height: 70px;
             height: 60px;
             background: #E2F5FA;
             background: #E2F5FA;
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             justify-content: center;
             justify-content: center;
             margin-top: 20px;
             margin-top: 10px;
         }
         }
         .header-text {
         .header-text {
             font-family: 'Outfit', sans-serif;
             font-family: 'Outfit', sans-serif;
             font-size: 28px;
             font-size: 24px;
             font-weight: 600;
             font-weight: 600;
             text-transform: uppercase;
             text-transform: uppercase;
    Line 35: Line 36:
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             margin: 20px 0;
             margin: 15px 0;
             animation: fadeInUp 1s ease-in-out forwards;
             animation: fadeInUp 1s ease-in-out forwards;
            justify-content: space-between;
         }
         }
         .section {
         .section {
             border-radius: 20px;
             border-radius: 20px;
             padding: 50px;
             padding: 20px;
             box-sizing: border-box;
             box-sizing: border-box;
             cursor: pointer;
             cursor: pointer;
             transition: transform 0.3s ease;
             transition: transform 0.3s ease;
             flex: 1;
             flex: 1;
             height: 300px;
             min-height: 100px;
             display: flex;
             display: flex;
             flex-direction: column;
             flex-direction: column;
    Line 54: Line 56:
         }
         }
         .section:hover {
         .section:hover {
             transform: scale(1.05);
             transform: scale(1.02);
         }
         }
         .section:link,
         .section:link,
    Line 74: Line 76:
         }
         }
         .section-title {
         .section-title {
             font-size: 24px;
             font-size: 20px;
             font-weight: 700;
             font-weight: 700;
             margin-bottom: 10px;
             margin-bottom: 8px;
         }
         }
         .section-content {
         .section-content {
             font-size: 20px;
             font-size: 16px;
             font-weight: 400;
             font-weight: 400;
         }
         }
         .icon-placeholder {
         .icon-placeholder {
             width: 250px;
             width: 150px;
             height: auto;
             height: auto;
             background-size: contain;
             background-size: contain;
             background-repeat: no-repeat;
             background-repeat: no-repeat;
             margin: 0 20px;
             margin: 0 10px;
             animation: fadeInScale 1s ease-in-out forwards;
             animation: fadeInScale 1s ease-in-out forwards;
         }
         }
    Line 106: Line 108:
         @media screen and (max-width: 768px) {
         @media screen and (max-width: 768px) {
             .header-text {
             .header-text {
                 font-size: 22px;
                 font-size: 18px;
             }
             }
             .section-title {
             .section-title {
                 font-size: 20px;
                 font-size: 18px;
             }
             }
             .section-content {
             .section-content {
                 font-size: 16px;
                 font-size: 14px;
             }
             }
             .icon-placeholder {
             .icon-placeholder {
    Line 127: Line 129:
                 margin: 10px 0;
                 margin: 10px 0;
                 text-align: center;
                 text-align: center;
            }
            .beginner, .advanced {
                margin: 0;
            }
            .intermediate {
                margin: 0;
             }
             }
         }
         }
    Line 197: Line 193:
             <a href="/index.php/Training:Bootcamp/Start/Levels/Intermediate" class="section intermediate">
             <a href="/index.php/Training:Bootcamp/Start/Levels/Intermediate" class="section intermediate">
                 <div class="section-title">INTERMEDIATE</div>
                 <div class="section-title">INTERMEDIATE</div>
                 <div class="section-content">You have some understanding of models but you would like to brush up on how MDriven approaches modeling. Join the trail from here!</div>
                 <div class="section-content">You would like to understand modeling better and examine how MDriven approaches modeling. Join the trail from here!</div>
             </a>
             </a>
             <img src="https://wiki.mdriven.net/images/0/00/Person_intermediate.png" alt="Intermediate Icon" class="icon-placeholder">
             <img src="https://wiki.mdriven.net/images/0/00/Person_intermediate.png" alt="Intermediate Icon" class="icon-placeholder">
    Line 206: Line 202:
             <a href="/index.php/Training:Bootcamp/Start/Levels/Experienced" class="section advanced">
             <a href="/index.php/Training:Bootcamp/Start/Levels/Experienced" class="section advanced">
                 <div class="section-title">ADVANCED</div>
                 <div class="section-title">ADVANCED</div>
                 <div class="section-content">You are familiar with modeling but you want to understand how MDriven works with other integrations. Dive right in with the more advanced concepts behind the MDriven tools.</div>
                 <div class="section-content">You have some knowledge about models, but want to understand the inner workings of MDriven. Dive right in with the more complex concepts behind the MDriven tools.</div>
             </a>
             </a>
         </div>
         </div>

    Latest revision as of 06:27, 20 January 2025

    This page was created by Edgar on 2024-08-12. Last edited by Edgar on 2025-01-20.

    Choose the right option for you
    Beginner Icon
    BEGINNER
    You want to learn software modeling using the MDriven tools and you’ve got a lot of questions. This is the place to start - right from the basics!
    INTERMEDIATE
    You would like to understand modeling better and examine how MDriven approaches modeling. Join the trail from here!
     Intermediate Icon
    Advanced Icon
    ADVANCED
    You have some knowledge about models, but want to understand the inner workings of MDriven. Dive right in with the more complex concepts behind the MDriven tools.

    Retrieved from "https://wiki.mdriven.net/index.php?title=Training:Bootcamp/Start/Levels&oldid=25631"

    © MDRIVEN . All Rights Reserved

    API Docs
    MDriven World | Portal | Blog | YouTube | StackOverflow | Facebook

    © MDRIVEN . All Rights Reserved