No edit summary
mNo edit summary
Tag: 2017 source edit
 
(32 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
#flexContainer >*:first-child {
  display: none;
}
#mainContent {
  padding: 0px !important;
  max-width: unset !important;
}
.mw-parser-output > *:first-child {
  display: none;
}
     @media (max-width: 767px) {
     @media (max-width: 767px) {
         .content {
         .content {
            padding: 2em 1em;
             max-width: none;
             max-width: none;
         }
         }
Line 30: Line 43:
         }
         }
     }
     }
@media screen and (max-width: 1100px) {
  .image-container {
      display: none;
  }
}
.mainpage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
</style>
</style>


<div style="background: linear-gradient(93deg, #E2F5FA 14.35%, #F7FAFC 56.13%, #FCFBFA 97.91%); display: flex; justify-content: space-between; align-items: center; position: relative;">
<div style="background: linear-gradient(93deg, #E2F5FA 14.35%, #F7FAFC 56.13%, #FCFBFA 97.91%); display: flex; justify-content: space-between; align-items: center; position: relative;">
   <div class="content" style="padding: 5em; max-width: 589px; width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
   <div class="content" style="padding: 5em; max-width: 589px; width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
     <div class="heading" style="color: #182933; font-size: 2.25em;  font-weight: 700; text-transform: uppercase; word-wrap: break-word;">MDriven education</div>
     <div class="heading" style="color: #182933; font-size: 2.25em;  font-weight: 700; text-transform: uppercase; word-wrap: break-word;">MDriven Learn</div>
     <div class="sub-heading" style="color: #182933; font-size: 1.25em; font-weight: 500; letter-spacing: 0.40px; word-wrap: break-word;">Learn. Model. Design</div>
     <div class="sub-heading" style="color: #182933; font-size: 1.25em; font-weight: 500; letter-spacing: 0.40px; word-wrap: break-word;">Learn. Model. Build.</div>
     <div class="description" style="color: black; font-size: 1em; font-weight: 400; word-wrap: break-word;">Visualize and build your ideas. Discover more with MDriven documentation, hands-on training, and models to help you get the most from MDriven products.</div>
     <div class="description" style="color: black; font-size: 1em; font-weight: 400; word-wrap: break-word;">Visualize and design your ideas. Discover more with MDriven documentation, hands-on training, and ready-made models to get the most from MDriven's tools and services.</div>
     <div class="input-container" style="width: 100%; height: 2.25em; position: relative; display: flex; align-items: center; background: white; border-radius: 4px; border: 1px #E3E8EE solid;">
     <div class="input-container" style="width: 100%; height: 2.25em; position: relative; display: flex; align-items: center; background: white; border-radius: 4px; border: 1px #E3E8EE solid;">
         <div class="search-icon" style="margin-left: 10px;">
         <div class="search-icon" style="margin-left: 10px;">
Line 44: Line 73:
         </div>
         </div>
     <form id="bs-extendedsearch-box" class="form-inline " action="/index.php" method="GET" role="search" style="width:100%;">
     <form id="bs-extendedsearch-box" class="form-inline " action="/index.php" method="GET" role="search" style="width:100%;">
         <input class="search-input" type="search" placeholder="Search MDriven Education" style="flex-grow: 1; border: none; outline: none; padding-left: 10px;" name="raw_term" >
         <input class="search-input" type="search" placeholder="Search MDriven Learn" style="flex-grow: 1; border: none; outline: none; padding-left: 10px;" name="raw_term" >
     <div id="suggestion-container"></div>
     <div id="suggestion-container"></div>
         <input type="hidden" name="title" value="Special:SearchCenter">
         <input type="hidden" name="title" value="Special:SearchCenter">
Line 51: Line 80:
     </div>
     </div>
   </div>
   </div>
  <div class="image-container" style="flex-shrink: 0; position: absolute; right: 0; top: -0%; z-index: 1;">
  <div class="image-container" style="flex-shrink: 0; position: absolute; right: 0; top: 3%; z-index: 1;">
     <img src="https://newwiki.mdriven.net/images/mainpage.svg" alt="Image" style="max-width: 100%; height: 500%; padding-right: 15em; padding-bottom:30px;">
     <img src="/images/mainpage.svg" alt="Image" style="max-width: 100%; height: 430px; padding-right: 8em;">
   </div>
   </div>
   </div>
   </div>
Line 61: Line 90:
<style>
<style>
     @media (max-width: 767px) {
     @media (max-width: 767px) {
        .grid-container {
    .grid-container {
            grid-template-columns: 1fr !important;
        grid-template-columns: 1fr !important;
            padding-left: 0 !important;
        padding-left: 0 !important;
            padding-right: 4em !important;
        padding-right: 0 !important;
         }
         justify-items: center; /* This centers the items in the grid */
        .card {
    }
            margin-left: 0 !important;  
    .card {
        }
        margin: 0 auto !important; /* This centers the card and gives equal margins on both sides */
     }
     }
}
</style>
</style>


<div style="display: grid; padding: 4em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container">
<div style="display: grid; padding: 5em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container">
</html>
</html>
{{#widget:Card|heading=Training|display=block|imageIcon=https://newwiki.mdriven.net/images/main1.svg|subheading=Learn by doing|text=Experience MDriven through hands-on training and tutorials designed to educate and inspire you to model your ideas.|link=/index.php/Training:Training|linktext=Take Training}}
{{#widget:Card|heading=Documentation|display=block|imageIcon=/images/main2.svg|subheading=Find technical documentation|text=Gain understanding through in-depth explanations of the concepts behind the MDriven tools.|link=/index.php/Documentation:Documentation|linktext=Read Documentation}}
{{#widget:Card|heading=Documentation|display=block|imageIcon=https://newwiki.mdriven.net/images/main2.svg|subheading=Find technical documentation|text=Gain knowledge through simple explanations of the concepts behind the MDriven tools.|link=/index.php/Documentation:Documentation|linktext=Read documentation}}
{{#widget:Card|heading=Training|display=block|imageIcon=/images/main1.svg|subheading=Learn by doing|text=Practical training and tutorials on MDriven designed to educate and inspire you to model your ideas.|link=/index.php/Training:Training|linktext=Take Training}}
{{#widget:Card|heading=Q&A|display=block|imageIcon=https://newwiki.mdriven.net/images/main1.svg|subheading=Ask questions and get help|text=Write to us your MDriven-related questions and receive quality answers and feedback.|link=/index.php/Documentation:Q_and_A|linktext=Explore Q&A}}
{{#widget:Card|heading=Q&A|display=block|imageIcon=/images/main1.svg|subheading=Ask questions and get help|text=Write to us your MDriven-related questions and receive quality answers and feedback.|link=/index.php/Documentation:Q_and_A|linktext=Explore Q&A}}
{{#widget:Card|heading=Model examples|display=block|imageIcon=https://newwiki.mdriven.net/images/main3.svg|subheading=Try model samples|text=Use our unique and pre-built models to achieve your design goals or ask us to help you customise your model.|link=/index.php/Documentation:Model_Examples|linktext=Browse samples}}
{{#widget:Card|heading=Model Examples|display=block|imageIcon=/images/main3.svg|subheading=Try model samples|text=Use our unique, pre-built models to build your ideas and achieve your goals.|link=/index.php/Documentation:Model_Examples|linktext=Browse samples}}
{{#widget:Card|heading=Best practices|display=block|imageIcon=https://newwiki.mdriven.net/images/main4.svg|subheading=Explore effective solutions|text=Follow our suggestions on how you can envision and build your ideas with MDriven.|link=/index.php/BestPractices:Best_Practices|linktext=Try these Best Practices}}
{{#widget:Card|heading=Best Practices|display=block|imageIcon=/images/main4.svg|subheading=Explore effective solutions|text=Our suggestions on how you can maximize the benefits of the MDriven tools to realize business solutions.|link=/index.php/BestPractices:Best_Practices|linktext=Try these Best Practices}}
{{#widget:Card|heading=Releases|display=block|imageIcon=https://newwiki.mdriven.net/images/main5.svg|subheading=See the latest MDriven offers|text=Keep up with all the latest news on updates, bug fixes and upcoming features from MDriven.|link=/index.php/Releases:Releases|linktext=Read the latest MDriven news}}
<html>
<html>
</div>
</div>
</html>
</html>
{{Edited|July|12|2024}}
{{Class|scroll}}

Latest revision as of 15:47, 26 March 2024

MDriven Learn
Learn. Model. Build.
Visualize and design your ideas. Discover more with MDriven documentation, hands-on training, and ready-made models to get the most from MDriven's tools and services.
Image
Icon
Documentation
Find technical documentation
Gain understanding through in-depth explanations of the concepts behind the MDriven tools.
Icon
Training
Learn by doing
Practical training and tutorials on MDriven designed to educate and inspire you to model your ideas.
Icon
Q&A
Ask questions and get help
Write to us your MDriven-related questions and receive quality answers and feedback.
Icon
Model Examples
Try model samples
Use our unique, pre-built models to build your ideas and achieve your goals.
Icon
Best Practices
Explore effective solutions
Our suggestions on how you can maximize the benefits of the MDriven tools to realize business solutions.


Retrieved from "https://wiki.mdriven.net/index.php?title=Main_Page&oldid=17782"

© MDRIVEN . All Rights Reserved

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

© MDRIVEN . All Rights Reserved