168 lines
11 KiB
HTML
168 lines
11 KiB
HTML
<style>
|
|
.actions-dropdown { display: none; }
|
|
.actions-dropdown.is-visible { display: block; }
|
|
</style>
|
|
<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>.
|
|
|
|
<button type="button" class="btn-find-courses">Find New Courses</button>
|
|
|
|
<button type="button" class="verified-info" data-course-key="edX/DemoX/Demo_Course"></button>
|
|
|
|
|
|
<div class="course-container">
|
|
<div class="course honor">
|
|
<section class="details" aria-labelledby="course-details-heading">
|
|
<h2 class="hd hd-2 sr" id="course-details-heading">Course details</h2>
|
|
<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">
|
|
<button type='button'class="action action-more" id="actions-dropdown-link-1" aria-haspopup="true" aria-expanded="false" aria-controls="actions-dropdown-1" data-course-number="CTB3365DWx" data-course-name="Introduction to Drinking Water Treatment" data-dashboard-index="1">
|
|
<span class="sr">
|
|
Course options for Introduction to Drinking Water Treatment
|
|
</span>
|
|
<span class="fa fa-cog" aria-hidden="true"></span>
|
|
</button>
|
|
<div class="actions-dropdown" id="actions-dropdown-1" tabindex="-1">
|
|
<ul class="actions-dropdown-list" id="actions-dropdown-list-1" aria-label="Available Actions" role="menu">
|
|
<li class="actions-item" id="actions-item-unenroll-1">
|
|
<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="1" data-track-info="Are you sure you want to unenroll from %(course_name)s (%(course_number)s)?" id="unenroll-1">Unenroll</a>
|
|
</li>
|
|
<li class="actions-item" id="actions-item-email-settings-1">
|
|
<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="1" data-optout="False" id="email-settings-1">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">
|
|
<span class="action-upgrade-icon" aria-hidden="true"></span>
|
|
<span class="wrapper-copy">
|
|
<span class="copy" id="upgrade-to-verified">Upgrade to Verified</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
<div class="course-container">
|
|
<div class="course honor">
|
|
<div 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">
|
|
<button type='button'class="action action-more" id="actions-dropdown-link-2" aria-haspopup="true" aria-expanded="false" aria-controls="actions-dropdown-2" data-course-number="CTB3365DWx" data-course-name="Introduction to Drinking Water Treatment" data-dashboard-index="2">
|
|
<span class="sr">
|
|
Course options for Introduction to Drinking Water Treatment
|
|
</span>
|
|
<span class="fa fa-cog" aria-hidden="true"></span>
|
|
</button>
|
|
<div class="actions-dropdown" id="actions-dropdown-2" tabindex="-1">
|
|
<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>
|
|
</div>
|
|
<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">
|
|
<span class="action-upgrade-icon" aria-hidden="true"></span>
|
|
<span class="wrapper-copy">
|
|
<span class="copy" id="upgrade-to-verified">Upgrade to Verified</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
</footer>
|
|
</div>
|
|
</div>
|