No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
<style> | <style> | ||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
.content { | .content { | ||
padding- | padding: 2em 1em; | ||
max-width: none; | |||
} | } | ||
.heading { | .heading { | ||
| Line 16: | Line 14: | ||
.description { | .description { | ||
font-size: 0.875em; | font-size: 0.875em; | ||
} | |||
.input-container { | |||
max-width: none; | |||
height: auto; | |||
} | |||
.search-icon { | |||
margin-left: 1em; | |||
} | |||
.search-input { | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | } | ||
} | } | ||
</style> | </style> | ||
<div style=" | <div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);"> | ||
<div style="max-width: 589px; width: 100%; display: flex; flex-direction: column; gap: 10px | <div class="content" style="padding: 5em; max-width: 589px; width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box; margin: auto;"> | ||
<div style="color: #182933; font-size: 2.25em; font-weight: 700; text-transform: uppercase; word-wrap: break-word; | <div class="heading" 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-weight: 500; letter-spacing: 0.40px; word-wrap: break-word; | <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 style="color: black; font-size: 1em; font-weight: 400; word-wrap: break-word; | <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 certifications to help you get the most from MDriven products.</div> | ||
<div style="width: 100% | <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 style="margin-left: 10px;"> | <div class="search-icon" style="margin-left: 10px;"> | ||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> | <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> | ||
<path d="M13 13L9 9L13 13ZM10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="#999B9E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> | <path d="M13 13L9 9L13 13ZM10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="#999B9E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> | ||
</svg> | </svg> | ||
</div> | </div> | ||
<input type="search" placeholder="Search MDriven Education" style="flex-grow: 1; border: none; outline: none; padding-left: 10px;"> | <input class="search-input" type="search" placeholder="Search MDriven Education" style="flex-grow: 1; border: none; outline: none; padding-left: 10px;"> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 21:25, 16 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.
Documentation
Find technical documentation
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.
Certification
Showcase your skills
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.
Q&A
Ask questions and get help
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.
Model examples
Try model samples
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.
Best practices
Explore effective solutions
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.