Model Examples
    No edit summary
    No edit summary
    Line 65: Line 65:
    .card-container {
    .card-container {
       display: grid;
       display: grid;
       grid-template-columns: repeat(3, 1fr);  
       grid-template-columns: repeat(3, 1fr);
       grid-gap: 32px;
       grid-gap: 32px;
      padding: 0;
       margin: 0 auto;
       margin: 0 auto;  
       max-width: 960px;
       max-width: 960px;  
    }
    }


    Line 136: Line 135:
         <div class="menu-item">Final model</div>
         <div class="menu-item">Final model</div>
       </div>
       </div>
    <main>
        <!-- Section for Complete Models -->
    <section>
          <h2>Complete Models</h2>
       <div class="card-container">
       <div class="card-container">
         <!-- Card 1 -->
         <!-- Card 1 -->
    Line 209: Line 212:
       </div>
       </div>
    </div>
    </div>
    </section>
    <!-- Section for Complete Models -->
        <section>
          <h2>Complete Models</h2>
      <div class="card-container-two">
        <!-- Card 1 -->
        <div class="cards">
          <img src="https://via.placeholder.com/301x175" alt="Placeholder">
          <div class="contentss">
            <div class="title">Base App</div>
            <div class="description">You can use this as a starting point or you can merge it with most of the other examples and template models.</div>
            <div class="download-link">
              <div class="download-indicator"></div>
              <div>Download .zip</div>
            </div>
          </div>
        </div>
        <!-- Card 2 -->
        <!-- Repeat the structure for other cards as needed -->
        <!-- ... -->
        <div class="cards">
            <img src="https://via.placeholder.com/301x175" alt="Placeholder">
            <div class="contentss">
              <div class="title">Base App</div>
              <div class="description">You can use this as a starting point or you can merge it with most of the other examples and template models.</div>
              <div class="download-link">
                <div class="download-indicator"></div>
                <div>Download .zip</div>
              </div>
            </div>
          </div>
          <div class="cards">
            <img src="https://via.placeholder.com/301x175" alt="Placeholder">
            <div class="contentss">
              <div class="title">Base App</div>
              <div class="description">You can use this as a starting point or you can merge it with most of the other examples and template models.</div>
              <div class="download-link">
                <div class="download-indicator"></div>
                <div>Download .zip</div>
              </div>
            </div>
          </div>
          <div class="cards">
            <img src="https://via.placeholder.com/301x175" alt="Placeholder">
            <div class="contentss">
              <div class="title">Base App</div>
              <div class="description">You can use this as a starting point or you can merge it with most of the other examples and template models.</div>
              <div class="download-link">
                <div class="download-indicator"></div>
                <div>Download .zip</div>
              </div>
            </div>
          </div>
          <div class="cards">
            <img src="https://via.placeholder.com/301x175" alt="Placeholder">
            <div class="contentss">
              <div class="title">Base App</div>
              <div class="description">You can use this as a starting point or you can merge it with most of the other examples and template models.</div>
              <div class="download-link">
                <div class="download-indicator"></div>
                <div>Download .zip</div>
              </div>
            </div>
          </div>
          <div class="cards">
            <img src="https://via.placeholder.com/301x175" alt="Placeholder">
            <div class="contentss">
              <div class="title">Base App</div>
              <div class="description">You can use this as a starting point or you can merge it with most of the other examples and template models.</div>
              <div class="download-link">
                <div class="download-indicator"></div>
                <div>Download .zip</div>
              </div>
            </div>
          </div>
      </div>
    </div>
    <!-- Section for Complete Models -->
        <section>
          <h2>Complete Models</h2>
      <div class="card-container-3">
        <!-- Card 1 -->
        <div class="cards">
          <img src="https://via.placeholder.com/301x175" alt="Placeholder">
          <div class="contentss">
            <div class="title">Base App</div>
            <div class="description">You can use this as a starting point or you can merge it with most of the other examples and template models.</div>
            <div class="download-link">
              <div class="download-indicator"></div>
              <div>Download .zip</div>
            </div>
          </div>
        </div>
        <!-- Card 2 -->
        <!-- Repeat the structure for other cards as needed -->
        <!-- ... -->
        <div class="cards">
            <img src="https://via.placeholder.com/301x175" alt="Placeholder">
            <div class="contentss">
              <div class="title">Base App</div>
              <div class="description">You can use this as a starting point or you can merge it with most of the other examples and template models.</div>
              <div class="download-link">
                <div class="download-indicator"></div>
                <div>Download .zip</div>
              </div>
            </div>
          </div>
          <div class="cards">
            <img src="https://via.placeholder.com/301x175" alt="Placeholder">
            <div class="contentss">
              <div class="title">Base App</div>
              <div class="description">You can use this as a starting point or you can merge it with most of the other examples and template models.</div>
              <div class="download-link">
                <div class="download-indicator"></div>
                <div>Download .zip</div>
              </div>
            </div>
          </div>
          <div class="cards">
            <img src="https://via.placeholder.com/301x175" alt="Placeholder">
            <div class="contentss">
              <div class="title">Base App</div>
              <div class="description">You can use this as a starting point or you can merge it with most of the other examples and template models.</div>
              <div class="download-link">
                <div class="download-indicator"></div>
                <div>Download .zip</div>
              </div>
            </div>
          </div>
          <div class="cards">
            <img src="https://via.placeholder.com/301x175" alt="Placeholder">
            <div class="contentss">
              <div class="title">Base App</div>
              <div class="description">You can use this as a starting point or you can merge it with most of the other examples and template models.</div>
              <div class="download-link">
                <div class="download-indicator"></div>
                <div>Download .zip</div>
              </div>
            </div>
          </div>
          <div class="cards">
            <img src="https://via.placeholder.com/301x175" alt="Placeholder">
            <div class="contentss">
              <div class="title">Base App</div>
              <div class="description">You can use this as a starting point or you can merge it with most of the other examples and template models.</div>
              <div class="download-link">
                <div class="download-indicator"></div>
                <div>Download .zip</div>
              </div>
            </div>
          </div>
      </div>
    </div>
    </main>




    </html>
    </html>

    Revision as of 18:41, 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
    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

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

    © MDRIVEN . All Rights Reserved

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

    © MDRIVEN . All Rights Reserved