Merge pull request #46 from namtx/introduction_fix_1

introduction_fix

app/assets/stylesheets/education/home.scss

@@ -304,3 +304,27 @@
   padding-left: 5px;
   padding-right: 5px;
 }
+
+.feature {
+  align-items: center;
+  border-radius: 2px;
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 25px;
+  min-height: 100px;
+  padding: 10px 5px;
+
+  .feature-description {
+    font-size: 20px;
+    font-weight: 600;
+    padding-left: 15px;
+  }
+
+  .feature-img {
+    min-width: 100px;
+
+    img {
+      width: 100px;
+    }
+  }
+}

app/views/education/home/_course_register_form.html.erb

@@ -26,7 +26,7 @@
             class: "sm-form-control" %>
         </div>
         <div class="col_half col_last">
-          <%= f.input :address, label: t("address"), error_class: :error,
+          <%= f.input :address, label: t(".address"), error_class: :error,
             class: "sm-form-control" %>
         </div>
         <div class="clear"></div>

app/views/education/home/_introduction_video.html.erb

@@ -1,15 +1,33 @@
+<div class="section clearfix">
+  <div class="heading-block center nomargin">
+    <h3><%= t ".heading" %></h3>
+  </div>
+</div>
 <div class="container japan-market-video">
-  <div class="row clearfix common-height">
-    <div class="col-md-6 center col-padding introduction-video-bg">
-      <div>&nbsp;</div>
+  <div class="row clearfix">
+    <div class="col-md-6 ">
+      <% %w(agile certificate expert softskill).each do |feature| %>
+        <div class="feature">
+          <div class="feature-img">
+            <%= image_tag "introduction/#{feature}.png" %>
+          </div>
+          <div class="feature-description">
+            <%= t ".#{feature}" %>
+          </div>
+        </div>
+      <% end %>
     </div>
-    <div class="col-md-6 center col-padding introduction-video-custom">
-      <div>
-        <div class="heading-block nobottomborder">
-          <h3><%= t ".heading" %></h3>
+    <div class="col-md-6 ">
+      <% %w(network teaching job activities).each do |feature| %>
+        <div class="feature">
+          <div class="feature-img">
+            <%= image_tag "introduction/#{feature}.png" %>
+          </div>
+          <div class="feature-description">
+            <%= t ".#{feature}" %>
+          </div>
         </div>
-        <p class="lead nobottommargin"><%= simple_format t(".description") %></p>
-      </div>
+      <% end %>
     </div>
   </div>
 </div>

config/locales/education/education.en.yml

@@ -124,14 +124,14 @@ en:
       introduction_video:
         before_heading: "Easily Understandable & Customizable."
         heading: "What Framgia Awesome Academy will bring to you?"
-        description: "- Agile training program, built on the Agile model
-          - International standard training system certified by IC Agile and Ruby Association after completion of the course
-          - Teaching staff are experts with many years of experience in the field of information technology.
-          - Students are trained to develop soft skills in a holistic manner.
-          - Be directly involved in real projects, operating under the virtual company model
-          - A dynamic, young learning environment with modern facilities.
-          - Commitment to job support for trainees after the course.
-          - Participate in exciting and rewarding extracurricular activities."
+        agile: "Agile training program, built on the Agile model"
+        certificate: "International standard training system certified by IC Agile and Ruby Association after completion of the course"
+        expert: "Teaching staff are experts with many years of experience in the field of information technology"
+        softskill: "Students are trained to develop soft skills in a holistic manner."
+        network: "Be directly involved in real projects, operating under the virtual company model."
+        teaching: "A dynamic, young learning environment with modern facilities."
+        job: "Commitment to job support for trainees after the course."
+        activities: "Participate in exciting and rewarding extracurricular activities."
       statistics:
         course: "Courses"
         trainee: "Trainees"

config/locales/education/education.vi.yml

@@ -121,14 +121,14 @@ vi:
       introduction_video:
         before_heading: "Framgia Awesome Academy sẽ đem đến cho bạn những gì?"
         heading: "Framgia Awesome Academy sẽ đem đến cho bạn những gì?"
-        description: "- Chương trình đào tạo bài bản, được xây dựng theo mô hình Agile 
-          - Hệ thống đào tạo theo chuẩn quốc tế được chứng nhận bởi IC Agile và Ruby Association sau khi hoàn thành khóa học 
-          - Đội ngũ giảng dạy là những chuyên gia có nhiều năm kinh nghiệm trong lĩnh vực công nghệ thông tin.
-          - Học viên được đào tạo để phát triển kỹ năng mềm một cách toàn diện.
-          - Được trực tiếp tham gia vào các dự án thực tế, hoạt động theo mô hình virtual company
-          - Môi trường học tập năng động, trẻ trung với cơ sở vật chất hiện đại.
-          - Cam kết hỗ trợ việc làm cho học viên sau khóa học.
-          - Tham gia các hoạt động ngoại khóa hấp dẫn và bổ ích."
+        agile: "Chương trình đào tạo bài bản, được xây dựng theo mô hình Agile "
+        certificate: "Hệ thống đào tạo theo chuẩn quốc tế được chứng nhận bởi IC Agile và Ruby Association sau khi hoàn thành khóa học "
+        expert: "Đội ngũ giảng dạy là những chuyên gia có nhiều năm kinh nghiệm trong lĩnh vực công nghệ thông tin."
+        softskill: "Học viên được đào tạo để phát triển kỹ năng mềm một cách toàn diện."
+        network: "Được trực tiếp tham gia vào các dự án thực tế, hoạt động theo mô hình virtual company"
+        teaching: "Môi trường học tập năng động, trẻ trung với cơ sở vật chất hiện đại."
+        job: "Cam kết hỗ trợ việc làm cho học viên sau khóa học."
+        activities: "Tham gia các hoạt động ngoại khóa hấp dẫn và bổ ích."
       statistics:
         course: "Khóa học"
         trainee: "Người học"