112 lines
6.6 KiB
HTML
112 lines
6.6 KiB
HTML
<a class="cover" data-course-key="edX/DemoX/Demo_Course" href="courses/edX/DemoX/Demo_Course/info">
|
|
<img alt="DemoX" class="course-image" src="/path/to/image.jpg">
|
|
</a>
|
|
|
|
<h3 class="course-title">
|
|
<a data-course-key="edX/DemoX/Demo_Course">
|
|
Introduction to edX
|
|
</a>
|
|
</h3>
|
|
|
|
<div class="wrapper-action-more" data-course-key="edX/DemoX/Demo_Course">
|
|
</div>
|
|
|
|
<a data-course-key="edX/DemoX/Demo_Course" class="enter-course" href="/courses/edX/DemoX/Demo_Course/info">
|
|
View Course
|
|
</a>
|
|
|
|
<a data-course-key="edX/DemoX/Demo_Course" class="verified-info" href="/what_is_verified_cert">Learn more about the verified Certificate of Achievement</a>.
|
|
|
|
<a href="#" class="btn-find-courses">Find New Courses</a>
|
|
|
|
<a href="#" class="verified-info" data-course-key="edX/DemoX/Demo_Course"></a>
|
|
|
|
<div class="course-container">
|
|
<div class="label-xseries-association">
|
|
<i class="xseries-icon"></i>
|
|
<p class="message-copy">XSeries Program Course</p>
|
|
</div>
|
|
<article class="course honor">
|
|
<section class="details">
|
|
<div class="wrapper-course-image" aria-hidden="true">
|
|
<a class="cover">
|
|
<img src="/asset-v1:DelftX+CTB3365DWx+1T2016+type@asset+block@Delftx_water_course_image2.jpg" class="course-image" alt="CTB3365DWx Introduction to Drinking Water Treatment Cover Image">
|
|
</a>
|
|
<span class="sts-enrollment" title="You're enrolled as an honor code student">
|
|
<span class="label">Enrolled as: </span>
|
|
<div class="sts-enrollment-value">Honor Code</div>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="wrapper-course-details">
|
|
<h3 class="course-title"><span>Introduction to Drinking Water Treatment</span></h3>
|
|
<div class="course-info">
|
|
<span class="info-university">DelftX - </span>
|
|
<span class="info-course-id">CTB3365DWx</span>
|
|
<span class="info-date-block" data-tooltip="Hi">Starts - Tuesday at 12pm UTC</span>
|
|
</div>
|
|
<div class="wrapper-course-actions">
|
|
<div class="course-actions">
|
|
<div class="wrapper-action-more" data-course-key="course-v1:DelftX+CTB3365DWx+1T2016">
|
|
<a href="#actions-dropdown-2" class="action action-more" id="actions-dropdown-link-2" aria-haspopup="true" aria-expanded="false" data-course-number="CTB3365DWx" data-course-name="Introduction to Drinking Water Treatment" data-dashboard-index="2">
|
|
<span class="sr">Course options dropdown</span>
|
|
<i class="fa fa-cog" aria-hidden="true"></i>
|
|
</a>
|
|
<div class="actions-dropdown" id="actions-dropdown-2" aria-label="Additional Actions Menu">
|
|
<ul class="actions-dropdown-list" id="actions-dropdown-list-2" aria-label="Available Actions" role="menu">
|
|
<li class="actions-item" id="actions-item-unenroll-2">
|
|
<a href="#unenroll-modal" class="action action-unenroll" rel="leanModal" data-course-id="course-v1:DelftX+CTB3365DWx+1T2016" data-course-number="CTB3365DWx" data-course-name="Introduction to Drinking Water Treatment" data-dashboard-index="2" data-track-info="Are you sure you want to unenroll from %(course_name)s (%(course_number)s)?" id="unenroll-2">Unenroll</a>
|
|
</li>
|
|
<li class="actions-item" id="actions-item-email-settings-2">
|
|
<a href="#email-settings-modal" class="action action-email-settings" rel="leanModal" data-course-id="course-v1:DelftX+CTB3365DWx+1T2016" data-course-number="CTB3365DWx" data-dashboard-index="2" data-optout="False" id="email-settings-2">Email Settings</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<footer class="wrapper-messages-primary">
|
|
<ul class="messages-list">
|
|
<div class="message message-upsell has-actions is-shown">
|
|
<div class="wrapper-extended">
|
|
<p class="message-copy" align="justify">
|
|
<b class="message-copy-bold">Pursue a Certificate of Achievement to highlight the knowledge and skills you gain in this course.</b>
|
|
<br>
|
|
It's official. It's easily shareable. It's a proven motivator to complete the course.
|
|
<br>
|
|
<a href="https://www.edx.org/verified-certificate" class="verified-info" data-course-key="course-v1:DelftX+CTB3365DWx+1T2016">Learn more about the verified Certificate of Achievement</a>.
|
|
</p>
|
|
<div class="action-upgrade-container">
|
|
<a class="action action-upgrade" href="/verify_student/upgrade/course-v1:DelftX+CTB3365DWx+1T2016/" data-course-id="course-v1:DelftX+CTB3365DWx+1T2016" data-user="Anon">
|
|
<i class="action-upgrade-icon"></i>
|
|
<span class="wrapper-copy">
|
|
<span class="copy" id="upgrade-to-verified">Upgrade to Verified</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="message message-status is-shown credit-message">
|
|
<div class="xseries-action">
|
|
<div class="message-copy xseries-msg">
|
|
<p><b class="message-copy-bold">XSeries Program: Interested in more courses in this subject?</b></p>
|
|
<p></p>
|
|
<p class="message-copy">
|
|
This course is 1 of 3 courses in the <a href="https://www.edx.org/xseries/water-management">Water Management</a> XSeries.
|
|
</p>
|
|
</div>
|
|
|
|
<a class="btn xseries-border-btn" href="https://www.edx.org/xseries/water-management" target="_blank"
|
|
data-program-id="xseries007">
|
|
<i class="action-xseries-icon"></i>
|
|
<span>View XSeries Details</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
</footer>
|
|
</article>
|
|
</div>
|