|
@@ -1,10 +1,11 @@
|
|
|
+<div id="about-session">
|
|
|
{% for course_data in courses %}
|
|
|
{% if courses|length > 1 %}
|
|
|
- <div class="row">
|
|
|
- <div class="col-xs-12">
|
|
|
- <h2 class="text-uppercase">{{ course_data.course.getTitle }}</h2>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-xs-12">
|
|
|
+ <h2 class="text-uppercase">{{ course_data.course.getTitle }}</h2>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
{% endif %}
|
|
|
|
|
|
<div class="row">
|
|
@@ -17,108 +18,91 @@
|
|
|
{% endif %}
|
|
|
|
|
|
<div class="{{ course_data.video ? 'col-sm-6 col-md-5' : 'col-sm-12' }}">
|
|
|
- <div class="well">
|
|
|
+ <div class="description-course">
|
|
|
{{ course_data.description.getContent }}
|
|
|
-
|
|
|
- {% if course_data.tags %}
|
|
|
- <p>
|
|
|
- <i class="fa fa-check-square-o"></i>
|
|
|
-
|
|
|
- {% for tag in course_data.tags %}
|
|
|
- <span>{{ tag.getTag }}</span>
|
|
|
- {% endfor %}
|
|
|
- </p>
|
|
|
- {% endif %}
|
|
|
-
|
|
|
- <p class="text-right text-uppercase">
|
|
|
- <a href="#" class="btn btn-success">{{ "Subscribe"|get_lang }}</a>
|
|
|
- </p>
|
|
|
</div>
|
|
|
+ {% if course_data.tags %}
|
|
|
+ <div class="tags-course">
|
|
|
+ <i class="fa fa-check-square-o"></i>
|
|
|
+ {% for tag in course_data.tags %}
|
|
|
+ <span>{{ tag.getTag }}</span>
|
|
|
+ {% endfor %}
|
|
|
+ </div>
|
|
|
+ {% endif %}
|
|
|
+ <div class="subscribe">
|
|
|
+ <a href="#" class="btn btn-success btn-lg">{{ "Subscribe"|get_lang }}</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
- <div class="col-xs-12">
|
|
|
- <h3 class="text-uppercase">{{ "CourseInformation"|get_lang }}</h3>
|
|
|
+ <div class="col-xs-12 col-md-12">
|
|
|
+ <h3>{{ "CourseInformation"|get_lang }}</h3>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
- <div class="col-sm-6 col-md-7">
|
|
|
+ <div class="col-xs-12 col-md-7">
|
|
|
{% if course_data.objectives %}
|
|
|
- <div class="row">
|
|
|
- <div class="col-xs-12">
|
|
|
- <h4>{{ "Objectives"|get_lang }}</h4>
|
|
|
- <div class="well">
|
|
|
- {{ course_data.objectives.getContent }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="objective-course">
|
|
|
+ <h4>{{ "Objectives"|get_lang }}</h4>
|
|
|
+ {{ course_data.objectives.getContent }}
|
|
|
</div>
|
|
|
{% endif %}
|
|
|
-
|
|
|
{% if course_data.topics %}
|
|
|
- <div class="row">
|
|
|
- <div class="col-xs-12">
|
|
|
- <h4>{{ "Topics"|get_lang }}</h4>
|
|
|
- <div class="well">
|
|
|
- {{ course_data.topics.getContent }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="topics">
|
|
|
+ <h4>{{ "Topics"|get_lang }}</h4>
|
|
|
+ {{ course_data.topics.getContent }}
|
|
|
</div>
|
|
|
{% endif %}
|
|
|
</div>
|
|
|
|
|
|
- <div class="col-sm-6 col-md-5">
|
|
|
- <div class="row">
|
|
|
- <div class="col-xs-12">
|
|
|
- <div class="well">
|
|
|
- {% if course_data.coaches %}
|
|
|
- <h5>{{ "Coaches"|get_lang }}</h5>
|
|
|
-
|
|
|
- {% for coach in course_data.coaches %}
|
|
|
- <div class="media">
|
|
|
- <div class="media-body">
|
|
|
- <h4 class="media-heading">{{ coach.complete_name }}</h4>
|
|
|
-
|
|
|
- {% if coach.officer_position %}
|
|
|
- <p>{{ coach.officer_position }}</p>
|
|
|
- {% endif %}
|
|
|
-
|
|
|
- {% if coach.work_or_study_place %}
|
|
|
- <p>{{ coach.work_or_study_place }}</p>
|
|
|
- {% endif %}
|
|
|
- </div>
|
|
|
- <div class="media-right">
|
|
|
- <img src="{{ coach.image }}" alt="{{ coach.complete_name }}">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- {% endfor %}
|
|
|
- <hr>
|
|
|
- {% endif %}
|
|
|
+ <div class="col-xs-12 col-md-5">
|
|
|
+ {% if course_data.coaches %}
|
|
|
+ <div class="coaches">
|
|
|
+ <h4>{{ "Coaches"|get_lang }}</h4>
|
|
|
+ {% for coach in course_data.coaches %}
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-6">
|
|
|
+ <h4>{{ coach.complete_name }}</h4>
|
|
|
+ {% if coach.officer_position %}
|
|
|
+ <p>{{ coach.officer_position }}</p>
|
|
|
+ {% endif %}
|
|
|
|
|
|
- <p class="text-center">{{ "ShareWithYourFriends"|get_lang }}</p>
|
|
|
- <p class="text-center">
|
|
|
- <a href="#" class="btn bnt-link btn-lg">
|
|
|
- <i class="fa fa-facebook fa-2x"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn bnt-link btn-lg">
|
|
|
- <i class="fa fa-twitter fa-2x"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn bnt-link btn-lg">
|
|
|
- <i class="fa fa-linkedin fa-2x"></i>
|
|
|
- </a>
|
|
|
- </p>
|
|
|
+ {% if coach.work_or_study_place %}
|
|
|
+ <p>{{ coach.work_or_study_place }}</p>
|
|
|
+ {% endif %}
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6">
|
|
|
+ <img src="{{ coach.image }}" alt="{{ coach.complete_name }}">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ {% endfor %}
|
|
|
+ </div>
|
|
|
+ {% endif %}
|
|
|
+ <div class="social-share">
|
|
|
+ <div class="text-center">{{ "ShareWithYourFriends"|get_lang }}</div>
|
|
|
+ <div class="icons-social text-center">
|
|
|
+ <a href="#" class="btn bnt-link btn-lg">
|
|
|
+ <i class="fa fa-facebook fa-2x"></i>
|
|
|
+ </a>
|
|
|
+ <a href="#" class="btn bnt-link btn-lg">
|
|
|
+ <i class="fa fa-twitter fa-2x"></i>
|
|
|
+ </a>
|
|
|
+ <a href="#" class="btn bnt-link btn-lg">
|
|
|
+ <i class="fa fa-linkedin fa-2x"></i>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
- <div class="col-xs-12">
|
|
|
- <p class="text-center text-uppercase">
|
|
|
- <a href="#" class="btn btn-success">{{ "Subscribe"|get_lang }}</a>
|
|
|
- </p>
|
|
|
+ <div class="col-xs-12 col-md-12">
|
|
|
+ <div class="text-center">
|
|
|
+ <a href="#" class="btn btn-success btn-lg">{{ "Subscribe"|get_lang }}</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
{% endfor %}
|
|
|
+</div>
|