diff --git a/lms/static/sass/shared/_course_object.scss b/lms/static/sass/shared/_course_object.scss
index 374caf48982d4f33e1fa71905f9e0c27c14d227d..3adcc11534ad9ca61c52cad8019e43e9eba6b846 100644
--- a/lms/static/sass/shared/_course_object.scss
+++ b/lms/static/sass/shared/_course_object.scss
@@ -13,6 +13,23 @@
}
}
+ .courses-listing {
+ @include clearfix();
+ margin: 0;
+ padding: 0;
+ list-style: none;
+
+ .courses-listing-item {
+ width: flex-grid(4);
+ margin-right: flex-gutter();
+ float: left;
+
+ &:nth-child(3n+3) {
+ margin-right: 0;
+ }
+ }
+ }
+
.course {
background: rgb(250,250,250);
border: 1px solid rgb(180,180,180);
diff --git a/lms/templates/static_templates/_courses-newlisting.html b/lms/templates/static_templates/_courses-newlisting.html
new file mode 100644
index 0000000000000000000000000000000000000000..97985977c1c323271cf4306503e817d537c703ef
--- /dev/null
+++ b/lms/templates/static_templates/_courses-newlisting.html
@@ -0,0 +1,301 @@
+<ul class="courses-listing">
+ <li class="courses-listing-item">
+ <article id="MITx/6.002x/2012_Fall" class="course">
+ <a href="/courses/MITx/6.002x/2012_Fall/about"></a>
+ <div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <header class="course-preview">
+ <hgroup>
+ <h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
+ </hgroup>
+ <div class="info-link">âž”</div>
+ </header>
+ </a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <div class="cover-image">
+ <img src="/static/content-mit-6002x/images/course_image.jpg">
+ </div>
+ <div class="desc">
+ <p>6.002x teaches the fundamentals of circuit and electronic analysis.
+ </p>
+ </div>
+ </a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ </a><a href="/university_profile/MITx" class="university">MITx</a>
+ <span class="start-date">Sep 05, 2012</span>
+ </div>
+ </section>
+ </div>
+ <div class="meta-info">
+ <p class="university">MITx</p>
+ </div>
+ </article>
+ </li>
+
+ <li class="courses-listing-item">
+ <article id="MITx/6.002x/2012_Fall" class="course">
+ <a href="/courses/MITx/6.002x/2012_Fall/about"></a>
+ <div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <header class="course-preview">
+ <hgroup>
+ <h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
+ </hgroup>
+ <div class="info-link">âž”</div>
+ </header>
+ </a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <div class="cover-image">
+ <img src="/static/content-mit-6002x/images/course_image.jpg">
+ </div>
+ <div class="desc">
+ <p>6.002x teaches the fundamentals of circuit and electronic analysis.
+ </p>
+ </div>
+ </a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ </a><a href="/university_profile/MITx" class="university">MITx</a>
+ <span class="start-date">Sep 05, 2012</span>
+ </div>
+ </section>
+ </div>
+ <div class="meta-info">
+ <p class="university">MITx</p>
+ </div>
+ </article>
+ </li>
+
+ <li class="courses-listing-item">
+ <article id="MITx/6.002x/2012_Fall" class="course">
+ <a href="/courses/MITx/6.002x/2012_Fall/about"></a>
+ <div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <header class="course-preview">
+ <hgroup>
+ <h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
+ </hgroup>
+ <div class="info-link">âž”</div>
+ </header>
+ </a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <div class="cover-image">
+ <img src="/static/content-mit-6002x/images/course_image.jpg">
+ </div>
+ <div class="desc">
+ <p>6.002x teaches the fundamentals of circuit and electronic analysis.
+ </p>
+ </div>
+ </a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ </a><a href="/university_profile/MITx" class="university">MITx</a>
+ <span class="start-date">Sep 05, 2012</span>
+ </div>
+ </section>
+ </div>
+ <div class="meta-info">
+ <p class="university">MITx</p>
+ </div>
+ </article>
+ </li>
+
+ <li class="courses-listing-item">
+ <article id="MITx/6.002x/2012_Fall" class="course">
+ <a href="/courses/MITx/6.002x/2012_Fall/about"></a>
+ <div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <header class="course-preview">
+ <hgroup>
+ <h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
+ </hgroup>
+ <div class="info-link">âž”</div>
+ </header>
+ </a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <div class="cover-image">
+ <img src="/static/content-mit-6002x/images/course_image.jpg">
+ </div>
+ <div class="desc">
+ <p>6.002x teaches the fundamentals of circuit and electronic analysis.
+ </p>
+ </div>
+ </a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ </a><a href="/university_profile/MITx" class="university">MITx</a>
+ <span class="start-date">Sep 05, 2012</span>
+ </div>
+ </section>
+ </div>
+ <div class="meta-info">
+ <p class="university">MITx</p>
+ </div>
+ </article>
+ </li>
+
+ <li class="courses-listing-item">
+ <article id="MITx/6.002x/2012_Fall" class="course">
+ <a href="/courses/MITx/6.002x/2012_Fall/about"></a>
+ <div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <header class="course-preview">
+ <hgroup>
+ <h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
+ </hgroup>
+ <div class="info-link">âž”</div>
+ </header>
+ </a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <div class="cover-image">
+ <img src="/static/content-mit-6002x/images/course_image.jpg">
+ </div>
+ <div class="desc">
+ <p>6.002x teaches the fundamentals of circuit and electronic analysis.
+ </p>
+ </div>
+ </a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ </a><a href="/university_profile/MITx" class="university">MITx</a>
+ <span class="start-date">Sep 05, 2012</span>
+ </div>
+ </section>
+ </div>
+ <div class="meta-info">
+ <p class="university">MITx</p>
+ </div>
+ </article>
+ </li>
+
+ <li class="courses-listing-item">
+ <article id="MITx/6.002x/2012_Fall" class="course">
+ <a href="/courses/MITx/6.002x/2012_Fall/about"></a>
+ <div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <header class="course-preview">
+ <hgroup>
+ <h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
+ </hgroup>
+ <div class="info-link">âž”</div>
+ </header>
+ </a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <div class="cover-image">
+ <img src="/static/content-mit-6002x/images/course_image.jpg">
+ </div>
+ <div class="desc">
+ <p>6.002x teaches the fundamentals of circuit and electronic analysis.
+ </p>
+ </div>
+ </a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ </a><a href="/university_profile/MITx" class="university">MITx</a>
+ <span class="start-date">Sep 05, 2012</span>
+ </div>
+ </section>
+ </div>
+ <div class="meta-info">
+ <p class="university">MITx</p>
+ </div>
+ </article>
+ </li>
+
+ <li class="courses-listing-item">
+ <article id="MITx/6.002x/2012_Fall" class="course">
+ <a href="/courses/MITx/6.002x/2012_Fall/about"></a>
+ <div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <header class="course-preview">
+ <hgroup>
+ <h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
+ </hgroup>
+ <div class="info-link">âž”</div>
+ </header>
+ </a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <div class="cover-image">
+ <img src="/static/content-mit-6002x/images/course_image.jpg">
+ </div>
+ <div class="desc">
+ <p>6.002x teaches the fundamentals of circuit and electronic analysis.
+ </p>
+ </div>
+ </a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ </a><a href="/university_profile/MITx" class="university">MITx</a>
+ <span class="start-date">Sep 05, 2012</span>
+ </div>
+ </section>
+ </div>
+ <div class="meta-info">
+ <p class="university">MITx</p>
+ </div>
+ </article>
+ </li>
+
+ <li class="courses-listing-item">
+ <article id="MITx/6.002x/2012_Fall" class="course">
+ <a href="/courses/MITx/6.002x/2012_Fall/about"></a>
+ <div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <header class="course-preview">
+ <hgroup>
+ <h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
+ </hgroup>
+ <div class="info-link">âž”</div>
+ </header>
+ </a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <div class="cover-image">
+ <img src="/static/content-mit-6002x/images/course_image.jpg">
+ </div>
+ <div class="desc">
+ <p>6.002x teaches the fundamentals of circuit and electronic analysis.
+ </p>
+ </div>
+ </a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ </a><a href="/university_profile/MITx" class="university">MITx</a>
+ <span class="start-date">Sep 05, 2012</span>
+ </div>
+ </section>
+ </div>
+ <div class="meta-info">
+ <p class="university">MITx</p>
+ </div>
+ </article>
+ </li>
+
+ <li class="courses-listing-item">
+ <article id="MITx/6.002x/2012_Fall" class="course">
+ <a href="/courses/MITx/6.002x/2012_Fall/about"></a>
+ <div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <header class="course-preview">
+ <hgroup>
+ <h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
+ </hgroup>
+ <div class="info-link">âž”</div>
+ </header>
+ </a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <div class="cover-image">
+ <img src="/static/content-mit-6002x/images/course_image.jpg">
+ </div>
+ <div class="desc">
+ <p>6.002x teaches the fundamentals of circuit and electronic analysis.
+ </p>
+ </div>
+ </a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ </a><a href="/university_profile/MITx" class="university">MITx</a>
+ <span class="start-date">Sep 05, 2012</span>
+ </div>
+ </section>
+ </div>
+ <div class="meta-info">
+ <p class="university">MITx</p>
+ </div>
+ </article>
+ </li>
+
+ <li class="courses-listing-item">
+ <article id="MITx/6.002x/2012_Fall" class="course">
+ <a href="/courses/MITx/6.002x/2012_Fall/about"></a>
+ <div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <header class="course-preview">
+ <hgroup>
+ <h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
+ </hgroup>
+ <div class="info-link">âž”</div>
+ </header>
+ </a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ <div class="cover-image">
+ <img src="/static/content-mit-6002x/images/course_image.jpg">
+ </div>
+ <div class="desc">
+ <p>6.002x teaches the fundamentals of circuit and electronic analysis.
+ </p>
+ </div>
+ </a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
+ </a><a href="/university_profile/MITx" class="university">MITx</a>
+ <span class="start-date">Sep 05, 2012</span>
+ </div>
+ </section>
+ </div>
+ <div class="meta-info">
+ <p class="university">MITx</p>
+ </div>
+ </article>
+ </li>
+</ul>
\ No newline at end of file