mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2025-04-13 13:35:30 -04:00
Courses UI - Updating copy on landing page
This commit is contained in:
parent
ae0dc0eb7c
commit
1b21a677dc
2 changed files with 21 additions and 23 deletions
app
|
@ -1,5 +1,8 @@
|
|||
#courses-view
|
||||
|
||||
.btn-continue
|
||||
margin-top: 40px
|
||||
|
||||
.center
|
||||
text-align: center
|
||||
|
||||
|
|
|
@ -51,31 +51,26 @@ block content
|
|||
.col-md-12
|
||||
button.btn.btn-success.btn-lg.btn-buy(data-course-id="#{courseID}") Buy this course
|
||||
|
||||
h1.center Courses
|
||||
h1.center Courses on CodeCombat
|
||||
|
||||
.info-container
|
||||
//- p.center.gameplay-img-container
|
||||
//- img(src="/images/pages/courses/101_info.png" width='800')
|
||||
p A course is a selection of CodeCombat levels designed to introduce computer science concepts in a fun and engaging environment.
|
||||
p Courses are designed to introduce computer science concepts using CodeCombat's fun and engaging environment. CodeCombat levels are organized around key topics to encourage progressive learning, over the course of 5 hours.
|
||||
|
||||
.container-fluid
|
||||
.row
|
||||
.col-md-12
|
||||
p.center
|
||||
button.btn.btn-success.btn-lg.btn-buy Enroll Now!
|
||||
.row
|
||||
.col-md-6
|
||||
div With CodeCombat courses, you and your students will:
|
||||
ul
|
||||
li Learn more in less time
|
||||
li With no experience necesssary
|
||||
li Monitor student progress
|
||||
br
|
||||
li No coding experience necesssary
|
||||
li Easily monitor student progress
|
||||
|
||||
div Purchase a course for your entire class. It's easy to sign up your students!
|
||||
.col-md-6
|
||||
p
|
||||
.well.well-sm
|
||||
div.praise-quote "#{praise.quote}"
|
||||
div.caption-text - #{praise.source}
|
||||
|
||||
//- h2.center Available Courses
|
||||
h2.center Choose Your Course:
|
||||
|
||||
.container-fluid
|
||||
- var i = 0
|
||||
|
@ -95,13 +90,13 @@ mixin course-block(course, courseID)
|
|||
span.spr #{course.title}
|
||||
strong #{course.unlocked ? '[ enrolled ]' : ''}
|
||||
.panel-body
|
||||
strong Topics
|
||||
ul
|
||||
each topic in course.topics
|
||||
li= topic
|
||||
strong Hours of content: #{course.duration}
|
||||
.container-fluid
|
||||
.row.button-row.center
|
||||
.col-md-12
|
||||
br
|
||||
button.btn.btn-success.btn-continue(data-toggle='modal', data-target="#continueModal", data-course-title="#{course.title}", data-course-id="#{courseID}") #{course.unlocked ? 'Continue' : 'Enter'}
|
||||
.row.button-row
|
||||
.col-md-6
|
||||
strong Topics
|
||||
ul
|
||||
each topic in course.topics
|
||||
li= topic
|
||||
strong Hours of content: #{course.duration}
|
||||
.col-md-6.center
|
||||
button.btn.btn-lg.btn-success.btn-continue(data-toggle='modal', data-target="#continueModal", data-course-title="#{course.title}", data-course-id="#{courseID}") #{course.unlocked ? 'Continue' : 'Enter'}
|
||||
|
|
Loading…
Add table
Reference in a new issue