{"id":63380,"date":"2026-02-17T12:25:35","date_gmt":"2026-02-17T09:25:35","guid":{"rendered":"https:\/\/www.qu.edu.sa\/?post_type=openaccess&#038;p=63380"},"modified":"2026-05-12T10:47:32","modified_gmt":"2026-05-12T07:47:32","slug":"civil-engineering-laboratory","status":"publish","type":"openaccess","link":"https:\/\/www.qu.edu.sa\/en\/openaccess\/civil-lab\/","title":{"rendered":"Civil Engineering Lab"},"content":{"rendered":"<!--\n  \u256d\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256e\n  \u2502  Lab Units Accordion Component                  \u2502\n  \u2502   <style> <script>       \u2502\n  \u2502                      \u2502\n  \u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256f\n-->\n\n<style>\n  .qu-lab-units {\n    max-width: 100%;\n    overflow-x: hidden;\n    --sa-50:  #F3FCF6;\n    --sa-100: #DFF6E7;\n    --sa-200: #B8EACB;\n    --sa-300: #88D8AD;\n    --sa-500: #25935F;\n    --sa-600: #1B8354;\n    --sa-700: #166A45;\n    --sa-800: #14573A;\n    --gray-50:  #F9FAFB;\n    --gray-100: #F3F4F6;\n    --gray-200: #E5E7EB;\n    --gray-500: #6C737F;\n    --gray-700: #384250;\n    --gray-800: #1F2A37;\n\n    font-family: inherit;\n    color: var(--gray-800);\n    direction: inherit;\n  }\n\n  .qu-lab-units * { box-sizing: border-box; }\n\n  .qu-lab-units .acc {\n    display: flex;\n    flex-direction: column;\n    gap: .85rem;\n  }\n\n  .qu-lab-units .acc-item {\n    border: 1.5px solid var(--gray-200);\n    border-radius: 8px;\n    background: #fff;\n    overflow: hidden;\n    transition: border-color .2s, box-shadow .2s;\n  }\n  .qu-lab-units .acc-item.open {\n    border-color: var(--sa-500);\n    box-shadow: 0 0 0 1px var(--sa-500), 0 4px 12px rgba(37,147,95,.08);\n  }\n\n  .qu-lab-units .acc-header {\n    width: 100% !important;\n    max-width: 100% !important;\n    display: flex !important;\n    align-items: center;\n    justify-content: space-between;\n    gap: 1rem;\n    padding: 1.05rem 1.25rem;\n    background: var(--sa-50);\n    border: none;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--sa-800);\n    text-align: start;\n    transition: background .2s;\n    white-space: normal !important;\n    overflow-wrap: anywhere !important;\n    word-break: break-word !important;\n    box-sizing: border-box;\n  }\n  .qu-lab-units .acc-header:hover { background: var(--sa-100); }\n  .qu-lab-units .acc-item.open .acc-header { background: #fff; border-bottom: 1px solid var(--sa-100); }\n\n  .qu-lab-units .acc-title {\n    flex: 1 1 0% !important;\n    min-width: 0 !important;\n    max-width: 100%;\n    line-height: 1.5;\n    white-space: normal !important;\n    overflow-wrap: anywhere !important;\n    word-break: break-word !important;\n  }\n\n  .qu-lab-units .acc-chevron {\n    width: 12px; height: 12px;\n    border-right: 2px solid var(--sa-600);\n    border-bottom: 2px solid var(--sa-600);\n    transform: rotate(45deg);\n    transition: transform .25s ease;\n    flex-shrink: 0;\n    margin-bottom: 4px;\n  }\n  .qu-lab-units .acc-item.open .acc-chevron {\n    transform: rotate(-135deg);\n    margin-bottom: -4px;\n  }\n\n  .qu-lab-units .acc-body {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height .35s ease;\n    background: #fff;\n  }\n  .qu-lab-units .acc-item.open .acc-body { max-height: 5000px; }\n\n  .qu-lab-units .acc-body-inner {\n    margin: 1rem 1.25rem 1.25rem;\n    background: var(--gray-50);\n    border: 1px solid var(--gray-100);\n    border-radius: 10px;\n    padding: .5rem 1rem;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .qu-lab-units .device {\n    display: flex;\n    align-items: flex-start;\n    gap: .65rem;\n    padding: .55rem .25rem;\n  }\n  .qu-lab-units .device-dot {\n    width: 8px; height: 8px;\n    border-radius: 50%;\n    background: var(--sa-500);\n    margin-top: .55rem;\n    flex-shrink: 0;\n  }\n  .qu-lab-units .device-name {\n    font-size: .9rem;\n    font-weight: 600;\n    color: var(--gray-800);\n    line-height: 1.6;\n    flex: 1;\n    white-space: normal !important;\n    overflow-wrap: anywhere !important;\n    word-break: break-word !important;\n  }\n\n  \/* \u2500\u2500\u2500 Sub-test title (standalone point above the box) \u2500\u2500\u2500 *\/\n  .qu-lab-units .sub-test-title {\n    display: flex;\n    align-items: flex-start;\n    gap: .65rem;\n    padding: .55rem .25rem .15rem;\n    font-size: .9rem;\n    font-weight: 600;\n    color: var(--gray-800);\n    line-height: 1.6;\n  }\n  .qu-lab-units .sub-test-title::before {\n    content: \"\";\n    width: 8px; height: 8px;\n    border-radius: 50%;\n    background: var(--sa-500);\n    margin-top: .55rem;\n    flex-shrink: 0;\n  }\n\n  \/* \u2500\u2500\u2500 Sub-list (white box with analytes) \u2500\u2500\u2500 *\/\n  .qu-lab-units .sub-list {\n    margin: 0 0 .25rem 1.55rem;\n    background: #fff;\n    border: 1px solid var(--gray-200);\n    border-radius: 8px;\n    padding: .75rem 1rem;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n    gap: .15rem .85rem;\n    list-style: none;\n  }\n  .qu-lab-units .sub-list li {\n    position: relative;\n    padding-inline-start: 1rem;\n    padding-block: .3rem;\n    font-size: .85rem;\n    font-weight: 500;\n    color: var(--gray-700);\n    line-height: 1.55;\n  }\n  .qu-lab-units .sub-list li::before {\n    content: \"\";\n    position: absolute;\n    inset-inline-start: .15rem;\n    top: .7rem;\n    width: 5px; height: 5px;\n    border-radius: 50%;\n    background: var(--sa-300);\n  }\n\n  @media (max-width: 768px) {\n    .qu-lab-units .acc-header {\n      padding: .85rem .9rem;\n      font-size: .85rem;\n      gap: .6rem;\n      align-items: flex-start;\n    }\n    .qu-lab-units .acc-title { line-height: 1.55; }\n    .qu-lab-units .acc-chevron { margin-top: .35rem; margin-bottom: 0; }\n    .qu-lab-units .acc-item.open .acc-chevron { margin-top: .55rem; }\n\n    .qu-lab-units .acc-body-inner {\n      margin: .75rem .9rem 1rem;\n      padding: .35rem .85rem;\n    }\n    .qu-lab-units .device-name { font-size: .82rem; line-height: 1.7; }\n\n    .qu-lab-units .sub-test-title { font-size: .85rem; }\n    .qu-lab-units .sub-list {\n      grid-template-columns: 1fr 1fr;\n      gap: .1rem .5rem;\n    }\n    .qu-lab-units .sub-list li { font-size: .78rem; }\n  }\n<\/style>\n\n<div class=\"qu-lab-units\">\n  <div class=\"acc\">\n\n    <!-- \u2500\u2500 1. \u062c\u0647\u0627\u0632 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0634\u0627\u0645\u0644 MTS \u2500\u2500 -->\n    <div class=\"acc-item open\">\n      <button class=\"acc-header\" type=\"button\">\n        <span class=\"acc-title\">MTS-Universal Testing Machine (1000 kN Capacity)<\/span>\n        <span class=\"acc-chevron\"><\/span>\n      <\/button>\n      <div class=\"acc-body\">\n        <div class=\"acc-body-inner\">\n          <div class=\"device\"><span class=\"device-dot\"><\/span>\n            <span class=\"device-name\">Compression Test<\/span>\n          <\/div>\n          <div class=\"device\"><span class=\"device-dot\"><\/span>\n            <span class=\"device-name\">Flexural Test<\/span>\n          <\/div>\n          <div class=\"device\"><span class=\"device-dot\"><\/span>\n            <span class=\"device-name\">Fatigue Test<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500 2. \u0645\u062d\u0644\u0644 \u0636\u0648\u0626\u064a \u2500\u2500 -->\n    <div class=\"acc-item\">\n      <button class=\"acc-header\" type=\"button\">\n        <span class=\"acc-title\">Thermo Scientific Gallery - photometric analyzer<\/span>\n        <span class=\"acc-chevron\"><\/span>\n      <\/button>\n      <div class=\"acc-body\">\n        <div class=\"acc-body-inner\">\n\n          <div class=\"device\"><span class=\"device-dot\"><\/span>\n            <span class=\"device-name\">Water-Quality Test<\/span>\n          <\/div>\n\n          <div class=\"sub-test-title\">Environmental parameters Test<\/div>\n          <ul class=\"sub-list\">\n            <li>Ammonium<\/li>\n            <li>Nitrates<\/li>\n            <li>Nitrite<\/li>\n            <li>Total Nitrogen<\/li>\n            <li>Urea<\/li>\n            <li>Phosphate<\/li>\n            <li>Total phosphorus<\/li>\n            <li>Silica<\/li>\n            <li>Sulfates<\/li>\n            <li>Chloride<\/li>\n            <li>Cyanide<\/li>\n            <li>Fluoride<\/li>\n            <li>Bromide<\/li>\n          <\/ul>\n\n          <div class=\"sub-test-title\">Colorimetric Determination of Metals<\/div>\n          <ul class=\"sub-list\">\n            <li>Iron (Fe\u00b2\u207a \/ Fe\u00b3\u207a)<\/li>\n            <li>Manganese<\/li>\n            <li>Copper<\/li>\n            <li>Aluminum<\/li>\n            <li>Zinc<\/li>\n            <li>Nickel<\/li>\n            <li>Cobalt<\/li>\n            <li>Chromium<\/li>\n            <li>Magnesium<\/li>\n            <li>Calcium<\/li>\n          <\/ul>\n\n          <div class=\"sub-test-title\">Quantification of organic and carbon-related parameters<\/div>\n          <ul class=\"sub-list\">\n            <li>Chemical Oxygen Demand<\/li>\n            <li>Total Organic Carbon<\/li>\n            <li>Phenols<\/li>\n            <li>Formaldehyde<\/li>\n            <li>Anionic surfactants<\/li>\n          <\/ul>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  (function(){\n    document.querySelectorAll('.qu-lab-units .acc-header').forEach(function(h){\n      h.addEventListener('click', function(){\n        var item = h.parentElement;\n        var isOpen = item.classList.contains('open');\n        item.parentElement.querySelectorAll('.acc-item').forEach(function(i){ i.classList.remove('open'); });\n        if (!isOpen) item.classList.add('open');\n      });\n    });\n  })();\n<\/script>\n\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>\u062c\u0647\u0627\u0632 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0634\u0627\u0645\u0644 MTS (\u0628\u0633\u0639\u0629 1000 \u0643\u064a\u0644\u0648 \u0646\u064a\u0648\u062a\u0646) \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0636\u063a\u0637 \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0627\u0646\u062d\u0646\u0627\u0621 \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0643\u0644\u0644 (\u0627\u0644\u0643\u0644\u0627\u0644) \u0645\u062d\u0644\u0644 \u0636\u0648\u0626\u064a \u0627\u062e\u062a\u0628\u0627\u0631 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0628\u064a\u0626\u064a\u0629 \u0627\u0644\u0623\u0645\u0648\u0646\u064a\u0648\u0645 \u0627\u0644\u0646\u064a\u062a\u0631\u0627\u062a \u0627\u0644\u0646\u064a\u062a\u0631\u064a\u062a \u0627\u0644\u0646\u064a\u062a\u0631\u0648\u062c\u064a\u0646 \u0627\u0644\u0643\u0644\u064a \u0627\u0644\u064a\u0648\u0631\u064a\u0627 \u0627\u0644\u0641\u0648\u0633\u0641\u0627\u062a \u0627\u0644\u0641\u0648\u0633\u0641\u0648\u0631 \u0627\u0644\u0643\u0644\u064a \u0627\u0644\u0633\u064a\u0644\u064a\u0643\u0627 \u0627\u0644\u0643\u0628\u0631\u064a\u062a\u0627\u062a \u0627\u0644\u0643\u0644\u0648\u0631\u064a\u062f \u0627\u0644\u0633\u064a\u0627\u0646\u064a\u062f \u0627\u0644\u0641\u0644\u0648\u0631\u064a\u062f \u0627\u0644\u0628\u0631\u0648\u0645\u064a\u062f \u0627\u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0644\u0648\u0646\u064a \u0644\u0644\u0645\u0639\u0627\u062f\u0646 \u0627\u0644\u062d\u062f\u064a\u062f (Fe\u00b2\u207a \/ Fe\u00b3\u207a) \u0627\u0644\u0645\u0646\u063a\u0646\u064a\u0632 \u0627\u0644\u0646\u062d\u0627\u0633 \u0627\u0644\u0623\u0644\u0648\u0645\u0646\u064a\u0648\u0645 \u0627\u0644\u0632\u0646\u0643 \u0627\u0644\u0646\u064a\u0643\u0644 \u0627\u0644\u0643\u0648\u0628\u0627\u0644\u062a \u0627\u0644\u0643\u0631\u0648\u0645 \u0627\u0644\u0645\u063a\u0646\u064a\u0633\u064a\u0648\u0645 \u0627\u0644\u0643\u0627\u0644\u0633\u064a\u0648\u0645 \u0642\u064a\u0627\u0633 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":72167,"menu_order":8,"template":"","openaccess-category":[653],"departments-list":[158],"class_list":["post-63380","openaccess","type-openaccess","status-publish","has-post-thumbnail","hentry","openaccess-category-energy-and-industrial","departments-list-med"],"_links":{"self":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/openaccess\/63380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/openaccess"}],"about":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/types\/openaccess"}],"author":[{"embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":5,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/openaccess\/63380\/revisions"}],"predecessor-version":[{"id":72542,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/openaccess\/63380\/revisions\/72542"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/media\/72167"}],"wp:attachment":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/media?parent=63380"}],"wp:term":[{"taxonomy":"openaccess-category","embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/openaccess-category?post=63380"},{"taxonomy":"departments-list","embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/departments-list?post=63380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}