Bootcamp/Start/Levels
    No edit summary
    Tags: Reverted 2017 source edit
    (Added Edited template with July 12, 2025.)
     
    (2 intermediate revisions by the same user not shown)
    Line 1: Line 1:
    {{Edited|July|12|2025}}
    <html>
    <html>
    <style>
    <style>
    Line 38: Line 39:
             animation: fadeInUp 1s ease-in-out forwards;
             animation: fadeInUp 1s ease-in-out forwards;
             justify-content: space-between;
             justify-content: space-between;
            flex-wrap: wrap;
         }
         }
         .section {
         .section {
             border-radius: 20px;
             border-radius: 20px;
             padding: 15px;
             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;
             min-height: 150px; /* Reduced height */
             min-height: 100px;
            max-width: 300px; /* Set max width for better spacing */
            margin: 10px; /* Add margin between sections */
             display: flex;
             display: flex;
             flex-direction: column;
             flex-direction: column;
    Line 58: Line 56:
         }
         }
         .section:hover {
         .section:hover {
             transform: scale(1.05);
             transform: scale(1.02);
         }
         }
         .section:link,
         .section:link,
    Line 64: Line 62:
         .section:hover,
         .section:hover,
         .section:active {
         .section:active {
            text-decoration: none;
                text-decoration: none;
            color: inherit;
                color: inherit;
        }
            }
         .beginner {
         .beginner {
             background: rgba(255, 218, 187, 0.60);
             background: rgba(255, 218, 187, 0.60);
    Line 78: Line 76:
         }
         }
         .section-title {
         .section-title {
             font-size: 18px;
             font-size: 20px;
             font-weight: 700;
             font-weight: 700;
             margin-bottom: 8px;
             margin-bottom: 8px;
         }
         }
         .section-content {
         .section-content {
             font-size: 14px;
             font-size: 16px;
             font-weight: 400;
             font-weight: 400;
         }
         }
         .icon-placeholder {
         .icon-placeholder {
             width: 120px;
             width: 150px;
             height: auto;
             height: auto;
             background-size: contain;
             background-size: contain;
    Line 95: Line 93:
         }
         }


    .mw-body-content {
      .mw-body-content {
            background-color: #E2F5FA;
      background-color:#E2F5FA;
        }
     
    }


    .section-container:nth-child(2) {
    .section-container:nth-child(2) {
            animation-delay: 0.2s;
        animation-delay: 0.2s;
        }
    }
        .section-container:nth-child(3) {
    .section-container:nth-child(3) {
            animation-delay: 0.4s;
        animation-delay: 0.4s;
        }
    }


    /* Media queries for mobile responsiveness */
    /* Media queries for mobile responsiveness */
    Line 112: Line 111:
             }
             }
             .section-title {
             .section-title {
                 font-size: 16px;
                 font-size: 18px;
             }
             }
             .section-content {
             .section-content {
                 font-size: 12px;
                 font-size: 14px;
             }
             }
             .icon-placeholder {
             .icon-placeholder {
    Line 130: Line 129:
                 margin: 10px 0;
                 margin: 10px 0;
                 text-align: center;
                 text-align: center;
                max-width: 100%; /* Allow full width on mobile */
             }
             }
         }
         }


    @keyframes fadeIn {
    @keyframes fadeIn {
            0% {
        0% {
                opacity: 0;
            opacity: 0;
            }
        }
            100% {
        100% {
                opacity: 1;
            opacity: 1;
            }
         }
         }
    }


    @keyframes fadeInUp {
    @keyframes fadeInUp {
            0% {
        0% {
                opacity: 0;
            opacity: 0;
                transform: translateY(50px);
            transform: translateY(50px);
            }
        }
            100% {
        100% {
                opacity: 1;
            opacity: 1;
                transform: translateY(0);
            transform: translateY(0);
            }
         }
         }
    }


    @keyframes fadeInScale {
    @keyframes fadeInScale {
            0% {
        0% {
                opacity: 0;
            opacity: 0;
                transform: scale(0.8);
            transform: scale(0.8);
            }
        }
            100% {
        100% {
                opacity: 1;
            opacity: 1;
                transform: scale(1);
            transform: scale(1);
            }
         }
         }
    }
    </style>
    </style>
    <script>
    <script>

    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://learn.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