No edit summary
No edit summary
Line 2: Line 2:
<div style="padding: 5em; background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);">
<div style="padding: 5em; background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);">
   <div style="max-width: 589px; width: 100%; display: flex; flex-direction: column; gap: 10px; padding-right: 4em; box-sizing: border-box;">
   <div style="max-width: 589px; width: 100%; display: flex; flex-direction: column; gap: 10px; padding-right: 4em; box-sizing: border-box;">
     <div style="color: #182933; font-size: 2.25em; font-family: 'Outfit', sans-serif; font-weight: 700; text-transform: uppercase; word-wrap: break-word;">MDriven education</div>
     <div style="color: #182933; font-size: 2.25em; font-weight: 700; text-transform: uppercase; word-wrap: break-word;">MDriven education</div>
     <div style="color: #182933; font-size: 1.25em; font-family: 'Outfit', sans-serif; font-weight: 500; letter-spacing: 0.40px; word-wrap: break-word;">Learn. Model. Design</div>
     <div style="color: #182933; font-size: 1.25em; font-weight: 500; letter-spacing: 0.40px; word-wrap: break-word;">Learn. Model. Design</div>
     <div style="color: black; font-size: 1em; font-family: 'Outfit', sans-serif; font-weight: 400; word-wrap: break-word;">Visualize and build your ideas. Discover more with MDriven documentation, hands-on training, and certifications to help you get the most from MDriven products.</div>
     <div 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 certifications to help you get the most from MDriven products.</div>
     <div style="width: 100%; max-width: 392px; height: 2.25em; position: relative; display: flex; align-items: center; background: white; border-radius: 4px; border: 1px #E3E8EE solid;">
     <div style="width: 100%; max-width: 392px; height: 2.25em; position: relative; display: flex; align-items: center; background: white; border-radius: 4px; border: 1px #E3E8EE solid;">
         <div style="margin-left: 10px;">
         <div style="margin-left: 10px;">
Line 15: Line 15:
   </div>
   </div>
</div>
</div>
<div style="display: grid; padding: 4em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);">
    <!-- Card 1 -->
    <div style="width: 361px; height: 183px; padding: 24px; background: #F3F6F9; border-radius: 6px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; display: inline-flex">
        <div style="flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: flex; margin-top:10px;">
            <div style="color: #44546F; font-size: 14px;  font-weight: 400; word-wrap: break-word">Training</div>
            <div style="color: #112B3C; font-size: 20px;  font-weight: 700; word-wrap: break-word">Learn by doing</div>
          </div>
          <div style="width: 313px; height: 50px; color: black; font-size: 14px; font-weight: 300; word-wrap: break-word">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div>
          <div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex; margin-top:10px;">
            <div style="color: #1A50AD; font-size: 14px;  font-weight: 600; word-wrap: break-word">Take training</div>
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none">
              <path d="M1 5H13M13 5L9.57143 1.57143M13 5L9.57143 8.42857" stroke="#1A50AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
    </div>
    <!-- Card 2 -->
    <div style="width: 361px; height: 183px; padding: 24px; background: #F3F6F9; border-radius: 6px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; display: inline-flex">
        <div style="flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: flex; margin-top:10px;">
            <div style="color: #44546F; font-size: 14px;  font-weight: 400; word-wrap: break-word">Training</div>
            <div style="color: #112B3C; font-size: 20px;  font-weight: 700; word-wrap: break-word">Learn by doing</div>
          </div>
          <div style="width: 313px; height: 50px; color: black; font-size: 14px; font-weight: 300; word-wrap: break-word">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div>
          <div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex; margin-top:10px;">
            <div style="color: #1A50AD; font-size: 14px; font-weight: 600; word-wrap: break-word">Take training</div>
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none">
              <path d="M1 5H13M13 5L9.57143 1.57143M13 5L9.57143 8.42857" stroke="#1A50AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
    </div>
    <!-- Card 3 -->
    <div style="width: 361px; height: 183px; padding: 24px; background: #F3F6F9; border-radius: 6px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; display: inline-flex">
        <div style="flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: flex">
            <div style="color: #44546F; font-size: 14px; font-weight: 400; word-wrap: break-word">Training</div>
            <div style="color: #112B3C; font-size: 20px; font-weight: 700; word-wrap: break-word">Learn by doing</div>
          </div>
          <div style="width: 313px; height: 50px; color: black; font-size: 14px; font-weight: 300; word-wrap: break-word">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div>
          <div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex; margin-top:10px;">
            <div style="color: #1A50AD; font-size: 14px; font-weight: 600; word-wrap: break-word">Take training</div>
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none">
              <path d="M1 5H13M13 5L9.57143 1.57143M13 5L9.57143 8.42857" stroke="#1A50AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
    </div>
    <!-- Card 4 -->
    <div style="width: 361px; height: 183px; padding: 24px; background: #F3F6F9; border-radius: 6px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; display: inline-flex">
        <div style="flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: flex">
            <div style="color: #44546F; font-size: 14px; font-weight: 400; word-wrap: break-word">Training</div>
            <div style="color: #112B3C; font-size: 20px; font-weight: 700; word-wrap: break-word">Learn by doing</div>
          </div>
          <div style="width: 313px; height: 50px; color: black; font-size: 14px; font-weight: 300; word-wrap: break-word">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div>
          <div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex; margin-top:10px;">
            <div style="color: #1A50AD; font-size: 14px; font-weight: 600; word-wrap: break-word">Take training</div>
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none">
              <path d="M1 5H13M13 5L9.57143 1.57143M13 5L9.57143 8.42857" stroke="#1A50AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
    </div>
    <!-- Card 5 -->
    <div style="width: 361px; height: 183px; padding: 24px; background: #F3F6F9; border-radius: 6px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; display: inline-flex">
        <div style="flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: flex">
            <div style="color: #44546F; font-size: 14px; font-weight: 400; word-wrap: break-word">Training</div>
            <div style="color: #112B3C; font-size: 20px; font-weight: 700; word-wrap: break-word">Learn by doing</div>
          </div>
          <div style="width: 313px; height: 50px; color: black; font-size: 14px; font-weight: 300; word-wrap: break-word">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div>
          <div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex; margin-top:10px;">
            <div style="color: #1A50AD; font-size: 14px; font-weight: 600; word-wrap: break-word">Take training</div>
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none">
              <path d="M1 5H13M13 5L9.57143 1.57143M13 5L9.57143 8.42857" stroke="#1A50AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
    </div>
    <!-- Card 6 -->
    <div style="width: 361px; height: 183px; padding: 24px; background: #F3F6F9; border-radius: 6px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; display: inline-flex">
        <div style="flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: flex">
            <div style="color: #44546F; font-size: 14px; font-weight: 400; word-wrap: break-word">Training</div>
            <div style="color: #112B3C; font-size: 20px;  font-weight: 700; word-wrap: break-word">Learn by doing</div>
          </div>
          <div style="width: 313px; height: 50px; color: black; font-size: 14px; font-weight: 300; word-wrap: break-word">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div>
          <div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex; margin-top:10px;">
            <div style="color: #1A50AD; font-size: 14px; font-weight: 600; word-wrap: break-word">Take training</div>
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none">
              <path d="M1 5H13M13 5L9.57143 1.57143M13 5L9.57143 8.42857" stroke="#1A50AD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </div>
    </div>
</div>


</html>
</html>

Revision as of 13:15, 10 October 2023

MDriven education
Learn. Model. Design
Visualize and build your ideas. Discover more with MDriven documentation, hands-on training, and certifications to help you get the most from MDriven products.
Training
Learn by doing
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Take training
Training
Learn by doing
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Take training
Training
Learn by doing
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Take training
Training
Learn by doing
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Take training
Training
Learn by doing
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Take training
Training
Learn by doing
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Take training

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

© MDRIVEN . All Rights Reserved

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

© MDRIVEN . All Rights Reserved