Q and A
No edit summary
No edit summary
Tag: 2017 source edit
 
(24 intermediate revisions by 4 users not shown)
Line 14: 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;
         }
         }
     }
     }
.mw-parser-output > *:first-child {
display: none;
}
.mainpage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
</style>
</style>


Line 33: Line 29:
<div style="color: #44546F;">Q&A</div>
<div style="color: #44546F;">Q&A</div>
     <div class="heading" style="color: #182933; font-size: 2.25em;  font-weight: 700; text-transform: uppercase; ">WHAT DO YOU NEED HELP WITH TODAY?</div>
     <div class="heading" style="color: #182933; font-size: 2.25em;  font-weight: 700; text-transform: uppercase; ">WHAT DO YOU NEED HELP WITH TODAY?</div>
     <div class="description" style="color: black; font-size: 1em; font-weight: 400; word-wrap: break-word;">Find The Answers To All Your Questions </div>
     <div class="description" style="color: black; font-size: 1em; font-weight: 400; word-wrap: break-word;">Get answers to anything you want to know about MDriven </div>
    <div class="input-container" style="max-width: 589px; 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="Type in your question" 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>
</div>
</div>
<style>
  .card-container {
    display: flex;
    gap: 70px;
    justify-content: center;
    padding: 5em;
  }


<div style=" display: flex; gap: 70px; justify-content: center; padding:5em;">
  @media (max-width: 768px) {
    .card-container {
      flex-direction: column;
      align-items: center;
    }
  }
</style>
 
<div class="card-container">
</html>
</html>
{{#widget:Card|heading=|subheading=FAQs|text=Common questions by MDriven users|cardColor=#E2F5FA|link=/index.php/Contact|linktext=Visit}}
{{#widget:Card|heading=|subheading=Post on our Stack|text=Ask us questions on StackOverflow. You will get a quality response as soon as possible.|cardColor=#E2F5FA|link=https://stackoverflow.com/questions/tagged/mdriven|linktext=Go to StackOverflow}}
{{#widget:Card|heading=|subheading=Contact Us|text=Inbox us your specific question|cardColor=#E2F5FA|link=/index.php/Training:MDriven Levels: Stars & Certificates|linktext=Visit}}
{{#widget:Card|heading=|subheading=Contact Us|text=Want more customized solutions? Register here for paid support to reach us at support@mdriven.|cardColor=#E2F5FA|link=/index.php/Support_registration_form|linktext=Register here}}
{{#widget:Card|heading=|subheading=Visit our Stack Overflow|text=Check out the questions and answers on our stack|cardColor=#E2F5FA|link=/index.php/Training:MDriven Levels: Stars & Certificates|linktext=Visit}}
{{Edited|July|12|2024}}
{{Class|scroll}}

Latest revision as of 13:35, 2 April 2024

Q&A
WHAT DO YOU NEED HELP WITH TODAY?
Get answers to anything you want to know about MDriven
Icon
Training
Post on our Stack
Ask us questions on StackOverflow. You will get a quality response as soon as possible.
Icon
Training
Contact Us
Want more customized solutions? Register here for paid support to reach us at support@mdriven.