diff --git a/app/assets/images/introduction/activities.png b/app/assets/images/introduction/activities.png new file mode 100644 index 0000000..74de6bd Binary files /dev/null and b/app/assets/images/introduction/activities.png differ diff --git a/app/assets/images/introduction/agile.png b/app/assets/images/introduction/agile.png new file mode 100644 index 0000000..e647d9e Binary files /dev/null and b/app/assets/images/introduction/agile.png differ diff --git a/app/assets/images/introduction/certificate.png b/app/assets/images/introduction/certificate.png new file mode 100644 index 0000000..f839c59 Binary files /dev/null and b/app/assets/images/introduction/certificate.png differ diff --git a/app/assets/images/introduction/expert.png b/app/assets/images/introduction/expert.png new file mode 100644 index 0000000..81696a6 Binary files /dev/null and b/app/assets/images/introduction/expert.png differ diff --git a/app/assets/images/introduction/job.png b/app/assets/images/introduction/job.png new file mode 100644 index 0000000..2bc46eb Binary files /dev/null and b/app/assets/images/introduction/job.png differ diff --git a/app/assets/images/introduction/network.png b/app/assets/images/introduction/network.png new file mode 100644 index 0000000..80624a8 Binary files /dev/null and b/app/assets/images/introduction/network.png differ diff --git a/app/assets/images/introduction/softskill.png b/app/assets/images/introduction/softskill.png new file mode 100644 index 0000000..8b8208f Binary files /dev/null and b/app/assets/images/introduction/softskill.png differ diff --git a/app/assets/images/introduction/teaching.png b/app/assets/images/introduction/teaching.png new file mode 100644 index 0000000..3ae194a Binary files /dev/null and b/app/assets/images/introduction/teaching.png differ diff --git a/app/assets/stylesheets/education/home.scss b/app/assets/stylesheets/education/home.scss index e1624fb..9337286 100644 --- a/app/assets/stylesheets/education/home.scss +++ b/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; + } + } +} diff --git a/app/views/education/home/_course_register_form.html.erb b/app/views/education/home/_course_register_form.html.erb index 1b2e766..4fd32ea 100644 --- a/app/views/education/home/_course_register_form.html.erb +++ b/app/views/education/home/_course_register_form.html.erb @@ -26,7 +26,7 @@ class: "sm-form-control" %>
- <%= f.input :address, label: t("address"), error_class: :error, + <%= f.input :address, label: t(".address"), error_class: :error, class: "sm-form-control" %>
diff --git a/app/views/education/home/_introduction_video.html.erb b/app/views/education/home/_introduction_video.html.erb index ebe7e10..1065859 100644 --- a/app/views/education/home/_introduction_video.html.erb +++ b/app/views/education/home/_introduction_video.html.erb @@ -1,15 +1,33 @@ +
+
+

<%= t ".heading" %>

+
+
-
-
-
 
+
+
+ <% %w(agile certificate expert softskill).each do |feature| %> +
+
+ <%= image_tag "introduction/#{feature}.png" %> +
+
+ <%= t ".#{feature}" %> +
+
+ <% end %>
-
-
-
-

<%= t ".heading" %>

+
+ <% %w(network teaching job activities).each do |feature| %> +
+
+ <%= image_tag "introduction/#{feature}.png" %> +
+
+ <%= t ".#{feature}" %> +
-

<%= simple_format t(".description") %>

-
+ <% end %>
diff --git a/config/locales/education/education.en.yml b/config/locales/education/education.en.yml index 63c3166..137452d 100644 --- a/config/locales/education/education.en.yml +++ b/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" diff --git a/config/locales/education/education.vi.yml b/config/locales/education/education.vi.yml index 282e680..2f7ebc9 100644 --- a/config/locales/education/education.vi.yml +++ b/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"