feat(issue20): Customizes job page

content/about-us/jobs.md

@@ -1,20 +1,43 @@
 +++
 title = "Jobs"
 weight = 1
-template = "page.html"
+template = "page-custom-footer-design.html"
 +++
 
+{% layout_centered_content() %}
+##### We are looking for talented people to join our team.
+{% end %}
 
-{% layout_centered_content(force_left=true, min_width=true) %}
 
-We are looking for talented people to join our team. If you want to be at the intersection of physics and engineering, collaborate with world-class scientists, and have the freedom to work with cutting-edge open source technology such as embedded Rust, LLVM, and next-generation FPGA tools such as the nMigen language and Yosys - then consider a job at M-Labs.
+{% layout_centered_content(min_width=true) %}
+
+If you want to be at the intersection of physics and engineering, collaborate with world-class scientists, and have the freedom to work with cutting-edge open source technology such as embedded Rust, LLVM, and next-generation FPGA tools such as the nMigen language and Yosys - then consider a job at M-Labs.
+
+{% end %}
+
+
+{{ layout_photo_style_1(src1="images/IMG_0027@2x.png", src2="images/IMG_0027-side@2x.png") }}
+
+
+{% layout_centered_content(min_width=true) %}
+The laboratories at NIST and PTB, where somme of the main ARTIQ installations are located
+{% end %}
+
+
+{{ layout_photo_style_1(src1="images/IMG_0591-side@2x.png", src2="images/IMG_0591@2x.png") }}
+
+
+{% layout_centered_content(min_width=true) %}
 
 Our office is located in the center of Hong Kong, a cosmopolitan city with world-class infrastructure, many cultural and social events, and <a href="https://www.discoverhongkong.com/eng/see-do/great-outdoors/hikes/index.jsp" rel="noopener noreferrer" target="_blank">beautiful natural scenery</a>. It has a separate system from mainland China, where, for example, communications are unrestricted, taxes are low, and customs tariffs virtually inexistent. Hong Kong is located next to Shenzhen, a city with <a href="https://www.wired.co.uk/video/shenzhen-full-documentary" rel="noopener noreferrer" target="_blank">a bustling tech scene</a>, and where many of the world's electronic gadgets are designed and manufactured.
 
-For local applicants, now is your chance to work on top-notch science and technology projects with partners worldwide, including Oxford University and <a href="https://www.nist.gov/nist-and-nobel/dave-wineland" rel="noopener noreferrer" target="_blank">NIST</a> - in <a href="https://web.archive.org/web/20170114210545/https://www.nature.com/articles/s41570-016-0001" rel="noopener noreferrer" target="_blank">a field whose applications are responsible for 20% of GDP</a>. For international applicants, Hong Kong provides <a href="https://www.immd.gov.hk/eng/services/visas/GEP.html" rel="noopener noreferrer" target="_blank">fast</a>, <a href="https://www.immd.gov.hk/eng/services/fee-tables/index.html" rel="noopener noreferrer" target="_blank">low-cost</a>, and relatively hassle-free employment visa processing.<br />
+For local applicants, now is your chance to work on top-notch science and technology projects with partners worldwide, including Oxford University and <a href="https://www.nist.gov/nist-and-nobel/dave-wineland" rel="noopener noreferrer" target="_blank">NIST</a>. For international applicants, Hong Kong provides <a href="https://www.immd.gov.hk/eng/services/visas/GEP.html" rel="noopener noreferrer" target="_blank">fast</a>, <a href="https://www.immd.gov.hk/eng/services/fee-tables/index.html" rel="noopener noreferrer" target="_blank">low-cost</a>, and relatively hassle-free employment visa processing.<br />
 
 We also accept remote positions, and you may also choose to work at our sister company QUARTIQ GmbH in Berlin-Adlershof, Germany.
 
-Contact us at jobs@m-****.hk!
+{% end %}
-
+
+
+{% layout_centered_content() %}
+##### Contact us at jobs@m-****.hk!
 {% end %}

templates/page-custom-footer-design.html

@@ -0,0 +1,9 @@
+{% extends 'page.html' %}
+
+
+{% block outside %}
+
+<div class="container-fluid hero3 d-flex flex-column justify-content-center">
+</div>
+
+{% endblock %}

templates/shortcodes/layout_photo_style_1.html

@@ -0,0 +1,19 @@
+<div class="{% if css %}{{ css }}{% else %}row d-flex align-items-center mt-5 mb-5{% endif %}">
+
+  <div class="col-12 col-md-6 mb-3 mb-md-0">
+
+    {% if src1 %}
+    <img class="img-fluid" src="{{ get_url(path=src1) }}">
+    {% endif %}
+
+  </div>
+
+  <div class="col-12 col-md-6">
+
+    {% if src2 %}
+    <img class="img-fluid" src="{{ get_url(path=src2) }}">
+    {% endif %}
+
+  </div>
+
+</div>