{"id":433,"date":"2026-01-11T19:37:20","date_gmt":"2026-01-11T19:37:20","guid":{"rendered":"https:\/\/jani-nv.com\/?page_id=433"},"modified":"2026-06-16T19:56:40","modified_gmt":"2026-06-16T19:56:40","slug":"constructions","status":"publish","type":"page","link":"https:\/\/jani-nv.com\/nl\/constructions\/","title":{"rendered":"JANI CONSTRUCTIONS N.V."},"content":{"rendered":"<!-- =========================================================================\n     1. REMIX ICON EMBED COPPELING (CDN)\n     ========================================================================= -->\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@4.2.0\/fonts\/remixicon.css\" rel=\"stylesheet\" \/>\n\n<!-- =========================================================================\n     2. STYLING (EXACT JOUW STRUCTUUR MET ICON BOX INTEGRATIE)\n     ========================================================================= -->\n<style>\n  .jani-container {\n    max-width: min(1240px, calc(100% - 30px));\n    margin: 0 auto;\n    padding: 40px 0;\n    line-height: 1.6;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  .jani-container li {\n    font-size: 1rem;\nfont-weight:400;\n  }\n\n  .jani-header {\n    text-align: center;\n    margin-bottom: 50px;\n  }\n\n  .jani-header h2 {\n    font-size: 1.8rem;\n    margin-bottom: 15px;\n    font-weight: 800;\n    color: #0D2E67;\n    text-transform: uppercase;\n    font-family: 'BR Cobane', -apple-system, BlinkMacSystemFont, sans-serif;\n  }\n\n  .jani-header p {\n    color: #536280;\n    font-size: 0.95rem;\n    margin: 0;\n  }\n\n  .section-title {\n    text-align: center;\n    width: 100%;\n    margin: 60px 0 20px;\n    font-size: 1.4rem;\n    text-transform: uppercase;\n    font-family: 'BR Cobane', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: #000;\n  }\n\n  .specializations-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 25px;\n    margin-top: 30px;\n  }\n\n  @media (max-width: 768px) {\n    .specializations-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  \/* De kaarten exact volgens jouw opzet (zonder border, met schaduw) *\/\n  .spec-card {\n    background: #f7f7f7;\n    border-radius: 15px;\n    padding: 30px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.02);\n    border: none;\n    display: flex;\n    flex-direction: row; \/* Zorgt voor de icon links, content rechts layout *\/\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 2rem; \/* De exacte gap tussen de icon box en de content zoals in de agency editie *\/\n  }\n\n  \/* De oranje icon box wrapper uit het eerste voorbeeld *\/\n  .jani-icon-box {\n    width: 44px;\n    height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 2px;\n  }\n\n  .jani-icon-box i {\n    font-size: 38px;\n    color: #f39200; \/* De oranje accentkleur *\/\n    line-height: 1;\n  }\n\n  \/* Content wrapper binnen de kaart *\/\n  .spec-card-content {\n    display: flex;\n    flex-direction: column;\n    gap: 0.35rem; \/* Interne gap binnen de content *\/\n    flex-grow: 1;\n  }\n\n  .spec-card h3 {\n    margin-top: 0;\n    color: #000;\n    font-size: 1.15rem;\n    margin-bottom: 15px;\n    border-bottom: 2px solid #f0f0f0;\n    padding-bottom: 10px;\n    text-transform: uppercase;\n    font-family: 'BR Cobane', -apple-system, BlinkMacSystemFont, sans-serif;\n  }\n\n  \/* Bullet points styling *\/\n  .spec-list {\n    margin: 0;\n    padding-left: 1.2rem;\n    list-style-type: disc;\n    color: #222;\n    font-size: 1rem;\n  }\n\n  .spec-list li {\n    margin-bottom: 8px;\n  }\n\n  .spec-list li:last-child {\n    margin-bottom: 0;\n  }\n<\/style>\n\n<!-- =========================================================================\n     3. HTML STRUCTUUR\n     ========================================================================= -->\n<div class=\"jani-container\">\n  <div class=\"jani-header\">\n    <h2>Technical Personnel &#038;<br>Local Content at Jani Constructions<\/h2>\n    <p class=\"translation-block\"><strong>Kwaliteit. Veiligheid. Duurzaamheid.<\/strong><br> \nBij Jani Constructions combineren we technische expertise met lokale talentontwikkeling. \n<br>Ons team werkt aan uitdagende projecten in de olie-, gas- en industri\u00eble sectoren, zowel onshore als offshore, en voldoet daarbij aan de hoogste internationale normen.<\/p>\n  <\/div>\n\n  <h2 class=\"section-title\">Onze specialisaties<\/h2>\n\n  <div class=\"specializations-grid\">\n    \n    <!-- Welders -->\n    <div class=\"spec-card\">\n      <div class=\"jani-icon-box\">\n        <i class=\"ri-tools-line\"><\/i>\n      <\/div>\n      <div class=\"spec-card-content\">\n        <h3>Lasapparaten (G4 &amp; G6)<\/h3>\n        <ul class=\"spec-list\">\n          <li>Uitvoeren van hoogwaardig laswerk (ASME, AWS, ISO)<\/li>\n          <li>Pijplassen, constructielassen en reparaties<\/li>\n          <li>Geschikt voor het bewerken van koolstofstaal, roestvrij staal en gelegeerd staal.<\/li>\n          <li>Technische tekeningen en WPS lezen en interpreteren.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- Pipe Fitters -->\n    <div class=\"spec-card\">\n      <div class=\"jani-icon-box\">\n        <i class=\"ri-settings-4-line\"><\/i>\n      <\/div>\n      <div class=\"spec-card-content\">\n        <h3>Pijpfittingers<\/h3>\n        <ul class=\"spec-list\">\n          <li>Leidingsystemen installeren en uitlijnen<\/li>\n          <li>Ondersteun lassers tijdens de montage.<\/li>\n          <li>Voer druktesten en visuele inspecties uit.<\/li>\n          <li>Werk met isometrische tekeningen en P&amp;ID's<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- Mechanical Technicians -->\n    <div class=\"spec-card\">\n      <div class=\"jani-icon-box\">\n        <i class=\"ri-cpu-line\"><\/i>\n      <\/div>\n      <div class=\"spec-card-content\">\n        <h3>Mechanische technici<\/h3>\n        <ul class=\"spec-list\">\n          <li>Onderhoud en reparatie van pompen, compressoren, turbines en motoren.<\/li>\n          <li>Voer preventief en correctief onderhoud uit.<\/li>\n          <li>Storingen in apparatuur oplossen en analyseren<\/li>\n          <li>Werkzaamheden melden volgens onderhoudsplannen<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- Fusion Technicians -->\n    <div class=\"spec-card\">\n      <div class=\"jani-icon-box\">\n        <i class=\"ri-water-flash-line\"><\/i>\n      <\/div>\n      <div class=\"spec-card-content\">\n        <h3>Fusietechnici (HDPE \/ PE)<\/h3>\n        <ul class=\"spec-list\">\n          <li>Uitvoeren van HDPE- en PE-lassen (stomplas &amp; elektrofusie)<\/li>\n          <li>Inspecteren en borgen van de kwaliteit van lasnaden<\/li>\n          <li>Documenteer lasparameters en testresultaten<\/li>\n          <li>Toepassingen: water-, gas- en industri\u00eble pijpleidingen<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- Well Operators -->\n    <div class=\"spec-card\">\n      <div class=\"jani-icon-box\">\n        <i class=\"ri-oil-line\"><\/i>\n      <\/div>\n      <div class=\"spec-card-content\">\n        <h3>Well Operators<\/h3>\n        <ul class=\"spec-list\">\n          <li>Bedienen en monitoren van olie- en gasbronnen<\/li>\n          <li>Controleer productieparameters (druk, flow, temperatuur)<\/li>\n          <li>Voer routine-inspecties en eerstelijnsonderhoud uit<\/li>\n          <li>Rapporteer operationele gegevens &amp; afwijkingen<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- Spotters \/ Banksmen -->\n    <div class=\"spec-card\">\n      <div class=\"jani-icon-box\">\n        <i class=\"ri-eye-line\"><\/i>\n      <\/div>\n      <div class=\"spec-card-content\">\n        <h3>Spotters \/ Bankmannen<\/h3>\n        <ul class=\"spec-list\">\n          <li>Begeleiden van hef- en verplaatsingswerkzaamheden<\/li>\n          <li>Communiceer met kraanmachinisten en machinebestuurders<\/li>\n          <li>Zorg voor veilige werkzones en HSE-naleving<\/li>\n          <li>Identificeer risico\u2019s en onveilige situaties<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- Electricians -->\n    <div class=\"spec-card\">\n      <div class=\"jani-icon-box\">\n        <i class=\"ri-flashlight-line\"><\/i>\n      <\/div>\n      <div class=\"spec-card-content\">\n        <h3>Elektriciens \/ Elektrotechnici<\/h3>\n        <ul class=\"spec-list\">\n          <li>Elektrische systemen installeren, onderhouden en problemen oplossen (LV\/MV)<\/li>\n          <li>Bekabelen, afsluiten en aansluiten van panelen &amp; MCC's<\/li>\n          <li>Uitvoeren van inspecties, testen en foutanalyses<\/li>\n          <li>Volg de LOTO-, PTW- en HSE-procedures<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- Local Content & Development -->\n    <div class=\"spec-card\">\n      <div class=\"jani-icon-box\">\n        <i class=\"ri-global-line\"><\/i>\n      <\/div>\n      <div class=\"spec-card-content\">\n        <h3>Lokale inhoud en ontwikkeling<\/h3>\n        <p style=\"margin: 0 0 10px 0; font-size: 0.9rem;\"><strong>Bij Jani Constructions richten wij ons op Surinaamse vakkrachten:<\/strong><\/p>\n        <ul class=\"spec-list\">\n          <li>Training en certificering volgens internationale normen<\/li>\n          <li>Kennisoverdracht met ervaren expats<\/li>\n          <li>Het cre\u00ebren van duurzame werkgelegenheid in Suriname<\/li>\n          <li>Naleving van de Staatsolie &amp; NIMOS regelgeving<\/li>\n        <\/ul>\n        <p style=\"margin: 15px 0 0 0; font-size: 0.9rem;\">\n          <strong>Onze aanpak versterkt de nationale beroepsbevolking.<\/strong>\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<div class=\"gallery-wrapper\">\n\n  <div class=\"gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/jani-nv.com\/wp-content\/uploads\/2026\/01\/image1.jpeg\" alt=\"Model\">\n    <div class=\"item-overlay\">\n      <p>Pipefitters<\/p>\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/jani-nv.com\/wp-content\/uploads\/2026\/01\/image2.jpeg\" alt=\"Architecture\">\n    <div class=\"item-overlay\">\n      <p>Fabrication and installation and of a complete Testtank installation\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/jani-nv.com\/wp-content\/uploads\/2026\/01\/image3.jpeg\" alt=\"Fashion\">\n    <div class=\"item-overlay\">\n      <p>Building and install Well platform in Wetlands\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/jani-nv.com\/wp-content\/uploads\/2026\/01\/image4.jpeg\" alt=\"Lifestyle\">\n    <div class=\"item-overlay\">\n      <p>Buttfusion of HDPE pipelines\n\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/jani-nv.com\/wp-content\/uploads\/2026\/01\/image5.jpeg\" alt=\"Nature\">\n    <div class=\"item-overlay\">\n      <p>Welding of spoolpieces for carbonsteel pipelines\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/jani-nv.com\/wp-content\/uploads\/2026\/01\/image6.jpeg\" alt=\"Portrait\">\n    <div class=\"item-overlay\">\n      <p>Welding repair on pontoons of swamp equipments\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/jani-nv.com\/wp-content\/uploads\/2026\/01\/image7.jpeg\" alt=\"Sds\">\n    <div class=\"item-overlay\">\n      <p>Transportation of various materials and parts\n      <\/p>\n    <\/div>\n  <\/div>\n<div class=\"gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/jani-nv.com\/wp-content\/uploads\/2026\/01\/image8.jpeg\" alt=\"asda\">\n    <div class=\"item-overlay\">\n      <p>Carbonsteel Pipeline welding\n\n\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/jani-nv.com\/wp-content\/uploads\/2026\/01\/image9.jpg\" alt=\"asda\">\n    <div class=\"item-overlay\">\n      <p>Pipefitting and welding\n\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/jani-nv.com\/wp-content\/uploads\/2026\/01\/image10.jpg\" alt=\"Portrait\">\n    <div class=\"item-overlay\">\n      <p>Fabricate draincontainers\n\n      <\/p>\n    <\/div>\n  <\/div>\n  <div class=\"gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/jani-nv.com\/wp-content\/uploads\/2026\/01\/image11.jpg\" alt=\"Portrait\">\n    <div class=\"item-overlay\">\n      <p>Prefab spoolpieces for carbonsteel pipelines\n\n      <\/p>\n    <\/div>\n  <\/div>\n  <div class=\"gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/jani-nv.com\/wp-content\/uploads\/2026\/01\/image12.jpg\" alt=\"Portrait\">\n    <div class=\"item-overlay\">\n      <p>Pipefitting for pipelines\n\n\n      <\/p>\n    <\/div>\n  <\/div>\n\n<\/div>\n<style>\n  \/* De Container Hack *\/\n  .gallery-wrapper {\n    \/* Dit is de magic trick: Columns in plaats van Grid\/Flex *\/\n    column-count: 4;\n    column-gap: 20px;\n    width: 100%;\n    padding: 0;\n    box-sizing: border-box;\nmax-width:min(1240px,calc(100% - 30px));\nmargin:0 auto;\n  }\n\n  \/* Responsive break points - Hacker mindset: mobile first, maar desktop ready *\/\n  @media (max-width: 1200px) {\n    .gallery-wrapper {\n      column-count: 3;\n    }\n  }\n\n  @media (max-width: 800px) {\n    .gallery-wrapper {\n      column-count: 2;\n    }\n  }\n\n  @media (max-width: 500px) {\n    .gallery-wrapper {\n      column-count: 1;\n    }\n  }\n\n  \/* De Kaartjes *\/\n  .gallery-item {\n    position: relative;\n    margin-bottom: 20px;\n    \/* Ruimte onder elk blokje *\/\n    break-inside: avoid;\n    \/* Cruciaal: zorgt dat plaatjes niet door midden worden geknipt door kolommen *\/\n    border-radius: 16px;\n    overflow: hidden;\n    cursor: pointer;\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n    background: #000;\n    \/* Fallback kleur *\/\n  }\n\n  \/* Slick hover effect *\/\n  .gallery-item:hover {\n    transform: translateY(-5px) scale(1.02);\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n    z-index: 2;\n  }\n\n  \/* De Foto zelf *\/\n  .gallery-item img {\n    width: 100%;\n    height: auto;\n    \/* Behoudt originele aspect ratio *\/\n    display: block;\n    \/* Voorkomt die irritante witte lijn onder images *\/\n    transition: transform 0.6s ease;\n  }\n\n  .gallery-item:hover img {\n    transform: scale(1.05);\n    \/* Subtiele zoom voor die premium feel *\/\n  }\n\n  \/* De Overlay - Glassmorphism style *\/\n  .item-overlay {\n    position: absolute;\n    bottom: 1em;\n    left: 0;\n    width: 100%;\n    padding: 20px;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);\n    color: white;\n    opacity: 1;\n    transform: translateY(20px);\n    transition: all 0.4s ease;\n    box-sizing: border-box;\n    pointer-events: none;\n    \/* Zorgt dat je door de tekst heen kunt klikken indien nodig *\/\n  }\n\n  .item-overlay p {\n    margin: 0;\n    font-family: 'Inter', sans-serif;\n    font-weight: 600;\n    font-size: 0.9rem;\n    letter-spacing: 0.5px;\n  }\n<\/style>\n\n<script>\n  \/\/ Hacker touch: Staggered Fade-in animatie bij laden\n  \/\/ Dit geeft die \"expensive website\" feel\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    const items = document.querySelectorAll('.gallery-item');\n    const observerOptions = {\n      threshold: 0.1\n    };\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n          observer.unobserve(entry.target);\n        }\n      });\n    }, observerOptions);\n    items.forEach((item, index) => {\n      \/\/ Initiele staat voor animatie\n      item.style.opacity = '0';\n      item.style.transform = 'translateY(20px)';\n      item.style.transition = `opacity 0.6s ease, transform 0.6s ease; \/\/ Stagger delay\n      observer.observe(item);\n    });\n  });\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Technical Personnel &#038;Local Content at Jani Constructions Quality. Safety. Sustainability. At Jani Constructions, we combine technical expertise with local talent development. Our team works on challenging projects in the oil, gas, and industrial sectors, both onshore and offshore, adhering to the highest international standards. Our Specializations Welders (G4 &#038; G6) Perform high-quality welding (ASME, AWS,&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_gspb_post_css":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-433","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/pages\/433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/comments?post=433"}],"version-history":[{"count":34,"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/pages\/433\/revisions"}],"predecessor-version":[{"id":698,"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/pages\/433\/revisions\/698"}],"wp:attachment":[{"href":"https:\/\/jani-nv.com\/nl\/wp-json\/wp\/v2\/media?parent=433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}