212 lines
		
	
	
		
			13 KiB
		
	
	
	
		
			HTML
		
	
	
			
		
		
	
	
			212 lines
		
	
	
		
			13 KiB
		
	
	
	
		
			HTML
		
	
	
| <div class="row"
 | |
|    style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex;justify-content: center;">
 | |
|    <a href="https://www.manprax.com/" target="_blank"><img src="images/manprax.png"
 | |
|          style=" width: 293px; padding: 1rem 0rem; margin: auto" alt="manprax-logo"></a>
 | |
| </div>
 | |
| <div class="row"
 | |
|    style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;">
 | |
|    <div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px">
 | |
|       <div
 | |
|          style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;">
 | |
|          <h1 style="font-size: 39px;font-weight: 600;margin: 0px !important;">Elearning Plus </h1>
 | |
|          </h3>
 | |
|       </div>
 | |
|       <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
 | |
|       <ul style=" padding: 0 1px; list-style: none; ">
 | |
|          <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | |
|                style="width:40px; color:#00438b"></i>
 | |
|             Collapse/Expand Feature in course content list.
 | |
|          </li>
 | |
|          <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | |
|                style="width:40px; color:#00438b"></i>
 | |
|             Fix Bug of Publish/Unpublish Button on course Fullscreen.
 | |
|          </li>
 | |
|          <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | |
|                style="width:40px; color:#00438b"></i>
 | |
|             Publish slides directly from backend.
 | |
|          </li>
 | |
|          <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | |
|             style="width:40px; color:#00438b"></i>
 | |
|             Add Description with HTML editor.
 | |
|          </li>
 | |
|          <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | |
|             style="width:40px; color:#00438b"></i>
 | |
|             Short Introduction video for course.
 | |
|          </li>
 | |
|          <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | |
|             style="width:40px; color:#00438b"></i>
 | |
|             Like/Dislike option for content in fullscreen.
 | |
|          </li>
 | |
|          <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | |
|             style="width:40px; color:#00438b"></i>
 | |
|             Comment option for content in fullscreen.
 | |
|          </li>
 | |
|       </ul>
 | |
|    </div>
 | |
| </div>
 | |
| <div>
 | |
|    <h2 class="text-center">Screenshots</h2>
 | |
|    <section class="oe_container">
 | |
|       <div>
 | |
|          <div>
 | |
|             <div>
 | |
|                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | |
|                   <h3 class="alert"
 | |
|                      style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | |
|                      <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | |
|                      Collapse/Expand Feature in course content list.
 | |
|                   </h3>
 | |
|                   <div style="text-align: center;"><img class="img img-responsive center-block"
 | |
|                         style="border-top-left-radius: 10px;border-top-right-radius: 10px; width: 80%;"
 | |
|                         src="images/screen1.png"></div>
 | |
|                </div>
 | |
|             </div>
 | |
|             <div style="min-height: 0px;">
 | |
|                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | |
|                   <h3 class="alert"
 | |
|                      style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | |
|                      <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | |
|                      Fix Bug of Publish/Unpublish Button on course Fullscreen.
 | |
|                      <br>
 | |
|                   </h3>
 | |
|                   <div style="text-align: center;"><img class="img img-responsive center-block"
 | |
|                         style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | |
|                         src="images/screen2.png"></div>
 | |
|                </div>
 | |
|             </div>
 | |
|             <div style="min-height: 0px;">
 | |
|                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | |
|                   <h3 class="alert"
 | |
|                      style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | |
|                      <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | |
|                      Publish slides directly from backend.
 | |
|                      <br>
 | |
|                   </h3>
 | |
|                   <div style="text-align: center;"><img class="img img-responsive center-block"
 | |
|                         style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | |
|                         src="images/screen3.png"></div>
 | |
|                </div>
 | |
|             </div>
 | |
|             <div style="min-height: 0px;">
 | |
|                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | |
|                   <h3 class="alert"
 | |
|                      style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | |
|                      <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | |
|                      Add Description for course in HTML Editor.
 | |
|                      <br>
 | |
|                   </h3>
 | |
|                   <div style="text-align: center;"><img class="img img-responsive center-block mb-5"
 | |
|                         style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | |
|                         src="images/screen4.png"></div>
 | |
|                   <div style="text-align: center;"><img class="img img-responsive center-block mb-5"
 | |
|                      style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | |
|                      src="images/screen5.png"></div>
 | |
|                </div>
 | |
|             </div>
 | |
|             <div style="min-height: 0px;">
 | |
|                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | |
|                   <h3 class="alert"
 | |
|                      style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | |
|                      <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | |
|                      Add Youtube Video URL or Google Drive Video URL.
 | |
|                      <br>
 | |
|                   </h3>
 | |
|                   <div style="text-align: center;"><img class="img img-responsive center-block mb-5"
 | |
|                         style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | |
|                         src="images/screen6.png"></div>
 | |
|                   <div style="text-align: center;"><img class="img img-responsive center-block  mb-5"
 | |
|                      style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | |
|                      src="images/screen7.png"></div>
 | |
|                   <div style="text-align: center;"><img class="img img-responsive center-block  mb-5"
 | |
|                      style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | |
|                      src="images/screen8.png"></div>
 | |
|                </div>
 | |
|             </div>
 | |
|             <div style="min-height: 0px;">
 | |
|                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | |
|                   <h3 class="alert"
 | |
|                      style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | |
|                      <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | |
|                      Like/Dislike option for content in fullscreen.
 | |
|                      <br>
 | |
|                   </h3>
 | |
|                   <div style="text-align: center;"><img class="img img-responsive center-block mb-5"
 | |
|                         style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | |
|                         src="images/screen9.png"></div>
 | |
|                </div>
 | |
|             </div>
 | |
|             <div style="min-height: 0px;">
 | |
|                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | |
|                   <h3 class="alert"
 | |
|                      style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | |
|                      <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | |
|                      Comment option for content in fullscreen.
 | |
|                      <br>
 | |
|                   </h3>
 | |
|                   <div style="text-align: center;"><img class="img img-responsive center-block mb-5"
 | |
|                         style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | |
|                         src="images/screen10.png"></div>
 | |
|                   <div style="text-align: center;"><img class="img img-responsive center-block mb-5"
 | |
|                      style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | |
|                      src="images/screen11.png"></div>
 | |
|                </div>
 | |
|             </div>
 | |
|          </div>
 | |
|       </div>
 | |
|    </section>
 | |
| </div>
 | |
| <div>
 | |
|    <div style="max-width:1540px; margin: 0 auto; ">
 | |
|          <div class="col-lg-12 mb-4">
 | |
|             <h4 class="text-center">Need Help?</h4>
 | |
|             <hr style="border-width: 4px; border-color:#875A7B; width: 80px;">
 | |
|          </div>
 | |
|    </div>
 | |
| 
 | |
|    <!-- Contact Cards -->
 | |
|    <div class="row d-flex justify-content-center align-items-center" style="max-width:1540px; margin: 0 auto;">
 | |
|          <div class="col-lg-3  shadow mt-2"
 | |
|             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 180px;">
 | |
|          <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';text-align: center;">Visit us</h5>
 | |
|          <a href="https://manprax.com" target="_blank" class="btn btn-block mb-2 deep_hover"
 | |
|             style="text-decoration: none; background-color: #546E7A; color: #FFF;  border-radius: 4px;">ManpraX Software LLP</a>
 | |
|       </div>
 | |
|       <div class="col-lg-3  shadow mt-2"
 | |
|             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 180px;">
 | |
|          <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';text-align: center;">Bite Sized Conversation</h5>
 | |
|          <a href="https://wa.me/+918448440100" target="_blank" class="btn btn-block mb-2 deep_hover"
 | |
|             style="text-decoration: none; background-color: #546E7A; color: #FFF;  border-radius: 4px;">WhatsApp</a>
 | |
|       </div>
 | |
|    </div>
 | |
| </div>
 | |
| <div class="mt-5">
 | |
|    <div style="max-width:1540px; margin: 0 auto; ">
 | |
|          <div class="col-lg-12 mb-4">
 | |
|             <h4 class="text-center">Enquires</h4>
 | |
|             <hr style="border-width: 4px; border-color:#875A7B; width: 80px;">
 | |
|          </div>
 | |
|    </div>
 | |
| 
 | |
|    <!-- Contact Cards -->
 | |
|    <div class="row d-flex justify-content-center align-items-center" style="max-width:1540px; margin: 0 auto;">
 | |
|          <div class="col-lg-3  shadow mt-2"
 | |
|             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 180px;">
 | |
|          <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';text-align: center;">Business Enquiry</h5>
 | |
|          <a href="mailto:sales@manprax.com" target="_blank" class="btn btn-block mb-2 deep_hover"
 | |
|             style="text-decoration: none; background-color: #546E7A; color: #FFF;  border-radius: 4px;">Click Here</a>
 | |
|       </div>
 | |
|       <div class="col-lg-3  shadow mt-2"
 | |
|             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 180px;">
 | |
|          <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';text-align: center;">General Enquiry</h5>
 | |
|          <a href="mailto:info@manprax.com" target="_blank" class="btn btn-block mb-2 deep_hover"
 | |
|             style="text-decoration: none; background-color: #546E7A; color: #FFF;  border-radius: 4px;">Click Here</a>
 | |
|       </div>
 | |
|       <div class="col-lg-3  shadow mt-2"
 | |
|             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 180px;">
 | |
|          <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';text-align: center;">Join the MX Team</h5>
 | |
|          <a href="mailto:apply@manprax.com" target="_blank" class="btn btn-block mb-2 deep_hover"
 | |
|             style="text-decoration: none; background-color: #546E7A; color: #FFF;  border-radius: 4px;">Click Here</a>
 | |
|       </div>
 | |
|    </div>
 | |
| </div>
 |