<link href="https://fonts.googleapis.com/css?family=Noto+Serif&amp;subset=vietnamese" rel="stylesheet">
<div id="title" class="section header">
  <h1>Framgia Vietnam</h1>
  <p>Hình tượng mà Framgia muốn hướng đến</p>
  <h2>"Tập đoàn IT chuyên nghiệp có trình độ kĩ thuật số một châu Á"</h2>
</div>

<div id="section1" class="section">
  <div class="text">
    <h2>Đưa Việt Nam đi lên bằng IT</h2>
    <p>Việt Nam là quốc gia chú trọng giáo dục và là nơi sản sinh nhiều nhân tài Toán học, Vật lý. Nếu được đào tạo đúng cách bởi đội ngũ kỹ sư IT dày dạn kinh nghiệm, lập trình viên Việt Nam hoàn toàn có thể vươn tới đẳng cấp hàng đầu thế giới. Song song với việc khai thác các lĩnh vực chưa được IT hóa, thế giới đang thiếu hụt đội ngũ lập trình viên có khả năng chủ động suy nghĩ về chất lượng sản phẩm, bổ sung chức năng và giỏi trong việc cải thiện UI/UX. Framgia giúp kỹ sư IT Việt Nam tạo ra sản phẩm với chất lượng Nhật Bản và từng bước nâng cao mức lương vốn đang thấp của lập trình viên Việt Nam.</p>
  </div>
</div>

<div id="section2" class="section">
  <div class="text">
    <h2>Thay đổi phương thức Nhật Bản bằng phương thức Toàn cầu</h2>
    <p>Thông qua các công ty lớn, Nhật Bản phổ biến hình thức thuê ngoài trong phát triển hệ thống IT. Về bản chất đây là công việc hầu như không lệ thuộc vào ngôn ngữ hay địa điểm thực hiện. Mặc dù dồi dào ý tưởng và tài chính, ngành IT Nhật Bản luôn thiếu hụt nhân lực. Bằng cách Kaizen quy trình, tư duy sáng tạo, Framgia xây dựng những đội lập trình viên đa quốc gia, góp phần giải quyết vấn đề đó.</p>
  </div>
</div>

<div id="section3" class="section">
  <div class="text">
    <h2>Thay đổi thế giới bằng IT</h2>
    <p>Internet đã khiến yếu tố con người, hàng hóa, tiền bạc vượt qua biên giới mọi quốc gia. Các tập đoàn lớn lựa chọn phát triển chi nhánh tại những nước có thuế suất thấp. Cùng với dòng chảy tự nhiên của thời đại, hình thái lấy các nước phát triển làm trung tâm đang dần suy yếu. Giữa những biến động đó, Framgia góp phần tạo ra hình thái thế giới mới, bình quyền và tốt đẹp hơn.</p>
  </div>
</div>

<div id="section4" class="section footer">
  <h2>Framgia cần những kỹ sư IT như thế nào?</h2>
  <p>Kỹ sư IT yêu lập trình, ngày cuối tuần cũng có thể ngồi lập trình hoặc làm app vì sở thích. Kỹ sư IT thích cái mới, sẵn sàng học hỏi và đương đầu với thử thách.

Kỹ sư IT giỏi về cơ cấu, quy trình (quy trình training, quy trình QA, cơ cấu Transparency,...), giỏi chơi đồng đội hơn chơi cá nhân.

Kỹ sư IT khao khát tiến bộ muốn cải tiến mọi thứ, tin rằng mình sẽ trở thành hàng đầu thế giới và sẵn sàng nỗ lực vì mục tiêu.</p>
</div>

@import url("https://fonts.googleapis.com/css?family=Oswald");

/*SETUP*/

html {
  height: 100%;
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  font-family: 'Noto Serif',serif;
  perspective: 1px;
}

/*SECTION PARTS SIZING*/

h1 { font-size: 250% }

.header h1 { margin-top: -20px; }

.header{
  color: #FFF;
}
p {
  font-size: 1.2em;
  line-height: 150%;
  color: #333;
}

.section {
  position: relative;
  padding: 20% 10%;
  min-height: 100%;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 5px 1px rgba(0, 0, 0, .7), 0 -5px 1px rgba(0, 0, 0, .7);
  background: 50% 50% / cover;
}

/*SECTION DATA BOXES*/

.text {
  width: 50%;
  padding: 10px 50px;
  border-radius: 5px;
  background: rgba(200,200,200, .7);
  box-shadow: 0 0 10px rgba(0, 0, 0, .8);
}

#section1 .text {
  margin-left: auto;
  margin-right: auto;
}

#section2 .text {
  margin-left: 0;
  margin-right: auto;
}

#section3 .text {
  margin-left: auto;
  margin-right: 0;
}

.header,
.footer {
  text-align: center;
  font-size: 175%;
  color: #fff;
  text-shadow: 0 2px 2px #000;
}

/*SECTION IMAGES*/

#title {
  /* background-image: url("https://i.imgur.com/kLEnZ9o.jpg"); */
  background-image: url('http://recruit.framgia.vn/wp-content/themes/framgia-vn/css/images/bg/banner.jpg');
  background-attachment: fixed;
}

#section1 {
  background-image: url("http://recruit.framgia.vn/wp-content/themes/framgia-vn/css/images/bg/bg_vision.jpg");
  transform: translateZ(-1px) scale(2);
  z-index: -1;
}

#section2 {
  background-image: url("http://recruit.framgia.vn/wp-content/themes/framgia-vn/css/images/bg/bg_out-activity.png");
  background-attachment: fixed;
}

#section3 {
  background-image: url("http://recruit.framgia.vn/wp-content/themes/framgia-vn/css/images/bg/bg_what-we-do.png");
  transform: translateZ(-1px) scale(2);
  z-index: -1;
}

#section4 {   
  background-image: url("http://recruit.framgia.vn/wp-content/themes/framgia-vn/css/images/bg/footer.png");
}

#section4 p {
   color: #FFF; 
}