MDrivenWiki
turnkeydb
https://wiki.mdriven.net/Main_Page
MediaWiki 1.39.4
first-letter
Media
Special
Talk
User
User talk
Site
Site talk
File
File talk
MediaWiki
MediaWiki talk
Template
Template talk
Help
Help talk
Category
Category talk
Widget
Widget talk
Gadget
Gadget talk
Gadget definition
Gadget definition talk
Customer
Customer talk
MDrivenStart
MDrivenStart talk
Documentation
Documentation talk
Training
Training talk
BestPractices
BestPractices talk
ReleaseNotes
ReleaseNotes talk
Main Page
0
1
17782
17781
2024-03-26T15:47:03Z
Alexandra
4
17782
wikitext
text/x-wiki
<html>
<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) {
.content {
max-width: none;
}
.heading {
font-size: 1.5em;
}
.sub-heading {
font-size: 1em;
}
.description {
font-size: 0.875em;
}
.input-container {
max-width: none;
height: auto;
}
.search-icon {
margin-left: 1em;
}
.search-input {
padding-left: 1em;
padding-right: 1em;
}
.image-container {
display: none;
}
}
@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>
<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="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. Build.</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="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">
<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>
</div>
<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 Learn" style="flex-grow: 1; border: none; outline: none; padding-left: 10px;" name="raw_term" >
<div id="suggestion-container"></div>
<input type="hidden" name="title" value="Special:SearchCenter">
<input type="hidden" name="fulltext" value="1">
</form>
</div>
</div>
<div class="image-container" style="flex-shrink: 0; position: absolute; right: 0; top: 3%; z-index: 1;">
<img src="/images/mainpage.svg" alt="Image" style="max-width: 100%; height: 430px; padding-right: 8em;">
</div>
</div>
</div>
<style>
@media (max-width: 767px) {
.grid-container {
grid-template-columns: 1fr !important;
padding-left: 0 !important;
padding-right: 0 !important;
justify-items: center; /* This centers the items in the grid */
}
.card {
margin: 0 auto !important; /* This centers the card and gives equal margins on both sides */
}
}
</style>
<div style="display: grid; padding: 5em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container">
</html>
{{#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=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=/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=/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=/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}}
<html>
</div>
</html>
{{Edited|July|12|2024}}
{{Class|scroll}}
22d4gqnjopsu3zdoah2lla2hejo4641