Model Examples
    No edit summary
    No edit summary
    Line 131: Line 131:
       <div class="sidebar">
       <div class="sidebar">
         <!-- Menu items -->
         <!-- Menu items -->
        <div class="menu-item">Complete models</div>
        <a href="#complete-models" class="menu-item">Complete models</a>
         <div class="menu-item">Another model</div>
         <a href="#another-model" class="menu-item">Another model</a>
         <div class="menu-item">Final model</div>
         <a href="#final-model" class="menu-item">Final model</a>
       </div>
       </div>
      <main>
      <main>
    Line 140: Line 140:
       </div>
       </div>
         <!-- Section for Complete Models -->
         <!-- Section for Complete Models -->
    <section id="complete-models">
           <h2>Complete Models</h2>
           <h2>Complete Models</h2>
       <div class="card-container">
       <div class="card-container">
    Line 217: Line 218:


    <!-- Section for Complete Models -->
    <!-- Section for Complete Models -->
    <section id="another-model">
           <h2 style="margin-left:300px;">Complete Models</h2>
           <h2 style="margin-left:300px;">Complete Models</h2>
       <div class="card-container" style="margin-left:300px;">
       <div class="card-container" style="margin-left:300px;">
    Line 292: Line 294:
    </div>
    </div>
    <!-- Section for Complete Models -->
    <!-- Section for Complete Models -->
    <section id="final-model">
           <h2 style="margin-left:300px;">Complete Models</h2>
           <h2 style="margin-left:300px;">Complete Models</h2>
       <div class="card-container" style="margin-left:300px;">
       <div class="card-container" style="margin-left:300px;">
    Line 386: Line 389:
    }
    }
    </script>
    </script>
    <script>
    // JavaScript to scroll to the section smoothly when a sidebar link is clicked
    document.addEventListener('DOMContentLoaded', (event) => {
      document.querySelectorAll('.sidebar a').forEach(link => {
        link.addEventListener('click', function(e) {
          e.preventDefault();
          const targetId = this.getAttribute('href');
          const targetSection = document.querySelector(targetId);
          if (targetSection) {
            targetSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
          }
        });
      });
    });
    </script>
    <script>


    document.addEventListener('DOMContentLoaded', (event) => {
      document.querySelectorAll('.sidebar a').forEach(link => {
        link.addEventListener('click', function(e) {
          e.preventDefault();
          const targetId = this.getAttribute('href');
          const targetSection = document.querySelector(targetId);
          if (targetSection) {
            targetSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
          }
        });
      });
    });
    </script>


    </html>
    </html>

    Revision as of 22:00, 7 November 2023

    This page was created by Edgar on 2023-11-02. Last edited by Stephanie@mdriven.net on 2025-03-26.

    Model Samples
    MODEL SAMPLES
    Get started with MDriven sample models. Explore our models and choose what you want to build..
    Complete models Another model Final model

    Complete Models

    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip

    Complete Models

    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip

    Complete Models

    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Test
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip
    Placeholder
    Base App
    You can use this as a starting point or you can merge it with most of the other examples and template models.
    Download .zip

    Retrieved from "https://wiki.mdriven.net/index.php?title=Documentation:Model_Examples&oldid=12821"

    © MDRIVEN . All Rights Reserved

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

    © MDRIVEN . All Rights Reserved