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

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://newwikicopy.mdriven.net/index.php?title=Documentation:Model_Examples&oldid=12821"

© MDRIVEN . All Rights Reserved

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

© MDRIVEN . All Rights Reserved