OSPPCloudUniversity3/addons/mx_elearning_plus/static/description/index.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>