diff --git a/public_html/assets/css/ollie.css b/public_html/assets/css/ollie.css index 544f098..a733247 100644 --- a/public_html/assets/css/ollie.css +++ b/public_html/assets/css/ollie.css @@ -11679,12 +11679,36 @@ pre .code { align-items: center; } + .partner-logo { max-width: 150px; /* Adjust the width as needed */ max-height: 90px; margin: 40px; } +.headshot-container { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; +} + +.headshot { + max-width: 140px; /* Adjust the width as needed */ + max-height: 350px; +} + +.headshot-text { + max-width: 130px; /* Adjust the width as needed */ + max-height: 350px; + margin: 5px; +} + +.headshot-div { + margin: 20px; +} + + .timeline-section{ background-color: #b1b1ef; min-height: 100vh; @@ -11895,7 +11919,7 @@ pre .code { padding: 60px 10px; } -.section:nth-child(even) { +.section:nth-child(odd) { background-color: #f1fafb; } @@ -11911,3 +11935,215 @@ pre .code { background: #2C3E50; color: #fff; } + +@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800&display=swap'); + +*, +*:before, +*:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +body { + margin: 0; +} + +.wk-desk-1 { + width: 8.333333%; +} + +.wk-desk-2 { + width: 16.666667%; +} + +.wk-desk-3 { + width: 25%; +} + +.wk-desk-4 { + width: 33.333333%; +} + +.wk-desk-5 { + width: 41.666667%; +} + +.wk-desk-6 { + width: 50%; +} + +.wk-desk-7 { + width: 58.333333%; +} + +.wk-desk-8 { + width: 66.666667%; +} + +.wk-desk-9 { + width: 75%; +} + +.wk-desk-10 { + width: 83.333333%; +} + +.wk-desk-11 { + width: 91.666667%; +} + +.wk-desk-12 { + width: 100%; +} + +@media (max-width: 1024px) { + .wk-ipadp-1 { + width: 8.333333%; + } + + .wk-ipadp-2 { + width: 16.666667%; + } + + .wk-ipadp-3 { + width: 25%; + } + + .wk-ipadp-4 { + width: 33.333333%; + } + + .wk-ipadp-5 { + width: 41.666667%; + } + + .wk-ipadp-6 { + width: 50%; + } + + .wk-ipadp-7 { + width: 58.333333%; + } + + .wk-ipadp-8 { + width: 66.666667%; + } + + .wk-ipadp-9 { + width: 75%; + } + + .wk-ipadp-10 { + width: 83.333333%; + } + + .wk-ipadp-11 { + width: 91.666667%; + } + + .wk-ipadp-12 { + width: 100%; + } +} + +@media (max-width: 768px) { + .wk-tab-1 { + width: 8.333333%; + } + + .wk-tab-2 { + width: 16.666667%; + } + + .wk-tab-3 { + width: 25%; + } + + .wk-tab-4 { + width: 33.333333%; + } + + .wk-tab-5 { + width: 41.666667%; + } + + .wk-tab-6 { + width: 50%; + } + + .wk-tab-7 { + width: 58.333333%; + } + + .wk-tab-8 { + width: 66.666667%; + } + + .wk-tab-9 { + width: 75%; + } + + .wk-tab-10 { + width: 83.333333%; + } + + .wk-tab-11 { + width: 91.666667%; + } + + .wk-tab-12 { + width: 100%; + } +} + +@media (max-width: 500px) { + .wk-mobile-1 { + width: 8.333333%; + } + + .wk-mobile-2 { + width: 16.666667%; + } + + .wk-mobile-3 { + width: 25%; + } + + .wk-mobile-4 { + width: 33.333333%; + } + + .wk-mobile-5 { + width: 41.666667%; + } + + .wk-mobile-6 { + width: 50%; + } + + .wk-mobile-7 { + width: 58.333333%; + } + + .wk-mobile-8 { + width: 66.666667%; + } + + .wk-mobile-9 { + width: 75%; + } + + .wk-mobile-10 { + width: 83.333333%; + } + + .wk-mobile-11 { + width: 91.666667%; + } + + .wk-mobile-12 { + width: 100%; + } +} diff --git a/public_html/assets/imgs/BportreT-1.jpg b/public_html/assets/imgs/BportreT-1.jpg new file mode 100644 index 0000000..aa5f595 Binary files /dev/null and b/public_html/assets/imgs/BportreT-1.jpg differ diff --git a/public_html/assets/imgs/BportreT-2.jpg b/public_html/assets/imgs/BportreT-2.jpg new file mode 100644 index 0000000..b958a46 Binary files /dev/null and b/public_html/assets/imgs/BportreT-2.jpg differ diff --git a/public_html/assets/imgs/BportreT-3.jpg b/public_html/assets/imgs/BportreT-3.jpg new file mode 100644 index 0000000..03e0b84 Binary files /dev/null and b/public_html/assets/imgs/BportreT-3.jpg differ diff --git a/public_html/assets/imgs/BportreT-4.jpg b/public_html/assets/imgs/BportreT-4.jpg new file mode 100644 index 0000000..80eed6b Binary files /dev/null and b/public_html/assets/imgs/BportreT-4.jpg differ diff --git a/public_html/assets/imgs/BportreT-5.jpg b/public_html/assets/imgs/BportreT-5.jpg new file mode 100644 index 0000000..0e98314 Binary files /dev/null and b/public_html/assets/imgs/BportreT-5.jpg differ diff --git a/public_html/assets/imgs/BportreT-6.jpg b/public_html/assets/imgs/BportreT-6.jpg new file mode 100644 index 0000000..2d0aae0 Binary files /dev/null and b/public_html/assets/imgs/BportreT-6.jpg differ diff --git a/public_html/index.html b/public_html/index.html index 09739f6..6974136 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -45,6 +45,9 @@ + @@ -497,6 +500,63 @@
+
+
+ +
+ +
+ + +

Meet the Committee

+ +
+ +
+ +

Merel van Gruijthuijsen

+

Chairwoman

+
+ +
+ +

Chris Preda

+

Secretary

+
+ +
+ +

Darwin Liu

+

Treasurer

+
+ +
+ +

Kimberly Kho

+

Comissioner of Promotion

+
+ +
+ +

Jara Aarts

+

Comissioner of Logistics

+
+ +
+ +

Isabelle Elias

+

Qualitate Qua

+
+
+ + + + +
+
+
+
+