Browse Source

update structure html about session BT#9889 #TMI

aragonc 9 years ago
parent
commit
94aee9b9ba
2 changed files with 66 additions and 82 deletions
  1. 1 1
      main/template/default/layout/page_body.tpl
  2. 65 81
      main/template/default/session/about.tpl

+ 1 - 1
main/template/default/layout/page_body.tpl

@@ -10,7 +10,7 @@
 {#  Page header #}
 {% if header != '' %}
     <div class="page-header">
-        <h1>{{ header }}</h1>
+        <h2>{{ header }}</h2>
     </div>
 {% endif %}
 

+ 65 - 81
main/template/default/session/about.tpl

@@ -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>