Atlas Developer
03829a38b2
9-course Dutch e-learning platform fused onto atlasacademy.nl via Caddy reverse proxy. Odoo 19 Community as course engine (website_slides), static HTML for marketing front. Single Odoo account system. - static/: 8 marketing pages (index, pricing, coaching, leerpad, over, shop, bisl, esf) - backend/odoo_relay.py: lead relay Flask service (POST /academy-lead → Odoo CRM) - caddy/academy.caddyfile: full Caddy config with Odoo proxy + auth rewrites - docs/: ARCHITECTURE, USERFLOW, COURSES, DEPLOYMENT, SECURITY, ODOO Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
487 lines
No EOL
41 KiB
HTML
487 lines
No EOL
41 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Business IT-consultant en implementatiespecialist. Ik help organisaties bij het selecteren, implementeren en optimaliseren van bedrijfssoftware en IT-processen op het snijvlak van operatie en software.">
|
|
<meta name="robots" content="index, follow">
|
|
<meta property="og:title" content="Chaib Aarab — Over mij | Atlas Academy">
|
|
<meta property="og:description" content="Business IT-consultant en implementatiespecialist. Ik help organisaties bij het selecteren, implementeren en optimaliseren van bedrijfssoftware en IT-processen op het snijvlak van operatie en software.">
|
|
<meta property="og:image" content="assets/chaib-banner.png">
|
|
<meta property="og:url" content="https://atlasacademy.nl/over.html">
|
|
<meta property="og:type" content="profile">
|
|
<title>Chaib Aarab — Over mij | Atlas Academy</title>
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JBWZWZMKBC"></script>
|
|
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-JBWZWZMKBC');</script>
|
|
<script type="application/ld+json">
|
|
{"@context":"https://schema.org","@type":"Person","name":"Bouchaib Aarab","alternateName":"Chaib Aarab","jobTitle":"Founder & Business IT Consultant","description":"Business IT-consultant en implementatiespecialist gespecialiseerd in Odoo/ERP, CRM implementatie, AI automatisering en SaaS development.","url":"https://atlasacademy.nl/over.html","image":"https://atlasacademy.nl/assets/chaib-banner.png","email":"chaib@atlascorporation.nl","telephone":"+31639259220","address":{"@type":"PostalAddress","addressLocality":"Tilburg","addressCountry":"NL"},"sameAs":["https://www.linkedin.com/in/baarab/","https://atlascorporation.nl","https://atlaspos.nl","https://atlasworks.nl","https://atlasacademy.nl"],"worksFor":{"@type":"Organization","name":"Atlas Corporation","url":"https://atlascorporation.nl"},"knowsLanguage":["nl","en","fr"],"alumniOf":[{"@type":"EducationalOrganization","name":"Avans Hogeschool","addressLocality":"'s-Hertogenbosch"},{"@type":"EducationalOrganization","name":"Scalda","addressLocality":"Terneuzen"}]}
|
|
</script><style>
|
|
:root{--bg:#080C18;--card:#0B1220;--card2:#0d1a30;--border:rgba(55,65,81,.5);--accent:#3B82F6;--purple:#8B5CF6;--green:#22C55E;--txt:#E2E8F0;--muted:#6B7280;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--radius:10px;--radius-lg:16px}
|
|
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
|
html{scroll-behavior:smooth}
|
|
body{background:var(--bg);color:var(--txt);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
|
|
a{color:var(--accent);text-decoration:none;transition:color .2s}
|
|
a:hover{color:#93C5FD}
|
|
img{max-width:100%;display:block}
|
|
.container{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
|
|
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius);font-size:15px;font-weight:700;cursor:pointer;transition:all .25s;border:none;text-decoration:none;white-space:nowrap;letter-spacing:.01em}
|
|
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;box-shadow:0 0 32px rgba(59,130,246,.4)}
|
|
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 48px rgba(59,130,246,.6);color:#fff}
|
|
.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.35)}
|
|
.btn-outline:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.07)}
|
|
.btn-sm{padding:9px 18px;font-size:13px}
|
|
.btn-ghost{background:rgba(59,130,246,.1);color:var(--accent);border:1px solid rgba(59,130,246,.3)}
|
|
.btn-ghost:hover{background:rgba(59,130,246,.2);color:var(--accent)}
|
|
.reveal{opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s ease}
|
|
.reveal.visible{opacity:1;transform:translateY(0)}
|
|
.gradient-text{background:linear-gradient(135deg,#fff 0%,#93C5FD 40%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
|
|
section{padding:96px 0}
|
|
.section-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
|
|
.section-title{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.2;margin-bottom:16px}
|
|
.section-sub{font-size:18px;color:var(--muted);max-width:600px}
|
|
#nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(8,12,24,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:64px;display:flex;align-items:center}
|
|
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
|
|
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700;font-size:17px}
|
|
.nav-logo img{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1)}
|
|
.nav-links{display:flex;align-items:center;gap:32px;list-style:none}
|
|
.nav-links a{color:rgba(255,255,255,.7);font-size:14px;font-weight:500;transition:color .2s}
|
|
.nav-links a:hover,.nav-links a.active{color:#fff}
|
|
.nav-cta{display:flex;align-items:center;gap:12px}
|
|
.nav-hamburger{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:8px}
|
|
#mobile-menu{display:none;position:fixed;inset:64px 0 0 0;background:rgba(8,12,24,.98);backdrop-filter:blur(20px);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:32px}
|
|
#mobile-menu a{color:#fff;font-size:22px;font-weight:700;text-decoration:none}
|
|
#hero{min-height:100vh;display:flex;align-items:stretch;padding:0;margin-top:64px}
|
|
.hero-split{display:flex;width:100%;min-height:calc(100vh - 64px)}
|
|
.hero-photo{width:45%;flex-shrink:0;position:relative;overflow:hidden}
|
|
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
|
|
.hero-photo::after{content:'';position:absolute;top:0;right:0;width:120px;height:100%;background:linear-gradient(to right,transparent,var(--bg))}
|
|
.hero-content{flex:1;display:flex;align-items:center;padding:80px 64px;background:var(--bg);position:relative}
|
|
.hero-content::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);pointer-events:none}
|
|
.hero-inner{max-width:540px}
|
|
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:24px}
|
|
.hero-badge::before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%}
|
|
.hero-name{font-size:clamp(36px,5vw,64px);font-weight:900;line-height:1.1;color:#fff;margin-bottom:8px}
|
|
.hero-name .alias{font-size:clamp(20px,2.5vw,28px);font-weight:400;color:var(--muted);display:block;margin-top:4px}
|
|
.hero-subtitle{font-size:16px;font-weight:600;color:var(--accent);margin-bottom:20px;letter-spacing:.02em}
|
|
.hero-intro{font-size:16px;color:var(--muted);line-height:1.75;margin-bottom:32px}
|
|
.hero-contact{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:28px}
|
|
.contact-item{display:flex;align-items:center;gap:7px;font-size:14px;color:rgba(255,255,255,.7);text-decoration:none;transition:color .2s}
|
|
.contact-item:hover{color:#fff}
|
|
.contact-item svg{color:var(--accent);flex-shrink:0}
|
|
.contact-sep{color:var(--border);font-size:18px}
|
|
.hero-langs{display:flex;flex-wrap:wrap;gap:8px}
|
|
.lang-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(255,255,255,.06);border:1px solid var(--border);color:rgba(255,255,255,.8)}
|
|
#verhaal{background:linear-gradient(180deg,var(--bg) 0%,#050810 50%,var(--bg) 100%)}
|
|
.verhaal-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
|
|
.verhaal-sticky{position:sticky;top:96px}
|
|
.verhaal-photo{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:0 40px 80px rgba(0,0,0,.5)}
|
|
.verhaal-photo img{width:100%;height:420px;object-fit:cover;object-position:top;display:block}
|
|
.verhaal-caption{padding:20px 24px;background:var(--card);display:flex;align-items:center;gap:12px}
|
|
.verhaal-caption-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse 1.5s infinite}
|
|
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{opacity:.7;box-shadow:0 0 0 6px rgba(34,197,94,0)}}
|
|
.verhaal-caption-text{font-size:13px;color:var(--muted)}
|
|
.verhaal-caption-text strong{color:#fff}
|
|
.verhaal-text{padding-top:8px}
|
|
.verhaal-text h2{font-size:clamp(28px,3.5vw,40px);font-weight:800;line-height:1.2;margin-bottom:40px}
|
|
.story-p{font-size:17px;color:rgba(226,232,240,.85);line-height:1.8;margin-bottom:28px;padding-left:20px;border-left:3px solid transparent;transition:border-color .3s}
|
|
.story-p:hover{border-left-color:var(--accent)}
|
|
#mijlpalen{background:var(--bg)}
|
|
.mijlpalen-header{text-align:center;margin-bottom:72px}
|
|
.timeline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;max-width:900px;margin:0 auto;position:relative}
|
|
.timeline-grid::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent) 0%,var(--purple) 60%,rgba(139,92,246,.1) 100%);transform:translateX(-50%)}
|
|
.tl-item{padding:0 48px 56px;position:relative}
|
|
.tl-item:nth-child(odd){text-align:right;padding-right:56px;padding-left:0}
|
|
.tl-item:nth-child(even){padding-left:56px;padding-right:0}
|
|
.tl-item::before{content:'';position:absolute;top:6px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--accent);z-index:1}
|
|
.tl-item:nth-child(odd)::before{right:-7px}
|
|
.tl-item:nth-child(even)::before{left:-7px}
|
|
.tl-year{font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--accent);margin-bottom:6px;text-transform:uppercase}
|
|
.tl-title{font-size:17px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:4px}
|
|
.tl-sub{font-size:13px;color:var(--muted);line-height:1.5}
|
|
.tl-item.highlight .tl-title{color:#93C5FD}
|
|
.tl-item.highlight::before{background:var(--purple);box-shadow:0 0 0 2px var(--purple),0 0 12px rgba(139,92,246,.5)}
|
|
#portfolio{background:linear-gradient(180deg,var(--bg) 0%,#050810 100%)}
|
|
.portfolio-header{text-align:center;margin-bottom:56px}
|
|
.companies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
|
|
.company-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;overflow:hidden;transition:all .3s;text-decoration:none;display:flex;flex-direction:column;gap:0;color:var(--txt)}
|
|
.company-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.07) 0%,rgba(139,92,246,.07) 100%);opacity:0;transition:opacity .3s}
|
|
.company-card:hover{transform:translateY(-6px);border-color:rgba(59,130,246,.4);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(59,130,246,.12);color:var(--txt)}
|
|
.company-card:hover::before{opacity:1}
|
|
.company-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
|
|
.company-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
|
|
.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em}
|
|
.status-live{background:rgba(34,197,94,.12);color:var(--green);border:1px solid rgba(34,197,94,.25)}
|
|
.status-live::before{content:'';width:6px;height:6px;background:var(--green);border-radius:50%;animation:blink 1.5s infinite}
|
|
@keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}
|
|
.status-this{background:rgba(59,130,246,.12);color:var(--accent);border:1px solid rgba(59,130,246,.25)}
|
|
.company-name{font-size:22px;font-weight:800;color:#fff;margin-bottom:6px}
|
|
.company-tagline{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:12px}
|
|
.company-desc{font-size:14px;color:var(--muted);line-height:1.6;flex:1;margin-bottom:20px}
|
|
.company-arrow{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--accent);transition:gap .2s}
|
|
.company-card:hover .company-arrow{gap:10px}
|
|
#vaardigheden{background:var(--bg)}
|
|
.vaardigheden-header{text-align:center;margin-bottom:56px}
|
|
.vaard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
|
|
.vaard-col{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all .3s}
|
|
.vaard-col:hover{border-color:rgba(59,130,246,.3);transform:translateY(-4px)}
|
|
.vaard-col-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}
|
|
.vaard-col-icon.tech{background:rgba(59,130,246,.15)}
|
|
.vaard-col-icon.biz{background:rgba(139,92,246,.15)}
|
|
.vaard-col-icon.pers{background:rgba(34,197,94,.15)}
|
|
.vaard-col-title{font-size:16px;font-weight:800;color:#fff;margin-bottom:20px}
|
|
.vaard-list{list-style:none;display:flex;flex-direction:column;gap:10px}
|
|
.vaard-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(226,232,240,.8)}
|
|
.vaard-list li::before{content:'';width:6px;height:6px;border-radius:50%;flex-shrink:0}
|
|
.tech .vaard-list li::before{background:var(--accent)}
|
|
.biz .vaard-list li::before{background:var(--purple)}
|
|
.pers .vaard-list li::before{background:var(--green)}
|
|
#linkedin-section{background:linear-gradient(180deg,var(--bg) 0%,#050810 100%)}
|
|
.linkedin-inner{text-align:center}
|
|
.linkedin-header{margin-bottom:40px}
|
|
.linkedin-container{display:flex;justify-content:center;margin-bottom:24px}
|
|
.li-badge-wrap{background:rgba(11,18,32,.7);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 36px;display:inline-block}
|
|
.li-fallback{align-items:center;gap:16px;background:rgba(11,18,32,.7);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 28px}
|
|
.li-fallback-icon{width:40px;height:40px;background:#0A66C2;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:18px;flex-shrink:0}
|
|
.li-fallback-name{font-weight:700;color:#fff;font-size:16px}
|
|
.li-fallback-sub{font-size:13px;color:var(--muted)}
|
|
#opleiding{background:var(--bg)}
|
|
.opleiding-header{text-align:center;margin-bottom:48px}
|
|
.opleiding-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:860px;margin:0 auto}
|
|
.edu-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 36px;display:flex;gap:24px;align-items:flex-start;transition:all .3s}
|
|
.edu-card:hover{border-color:rgba(59,130,246,.3);transform:translateY(-4px)}
|
|
.edu-icon{width:52px;height:52px;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
|
|
.edu-period{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin-bottom:6px}
|
|
.edu-institution{font-size:18px;font-weight:800;color:#fff;margin-bottom:4px}
|
|
.edu-study{font-size:14px;color:var(--muted);line-height:1.5}
|
|
.edu-location{font-size:12px;color:rgba(107,114,128,.7);margin-top:4px}
|
|
#contact{background:linear-gradient(135deg,rgba(59,130,246,.06) 0%,rgba(139,92,246,.06) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
|
|
.contact-inner{text-align:center;max-width:600px;margin:0 auto}
|
|
.contact-inner h2{font-size:clamp(28px,4vw,44px);font-weight:800;color:#fff;margin-bottom:16px}
|
|
.contact-inner p{font-size:17px;color:var(--muted);margin-bottom:40px}
|
|
.contact-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
|
|
footer{background:#030609;border-top:1px solid var(--border);padding:64px 0 40px}
|
|
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
|
|
.footer-brand{display:flex;flex-direction:column;gap:12px}
|
|
.footer-brand img{width:36px;height:36px;object-fit:contain;filter:brightness(0) invert(1)}
|
|
.footer-brand-name{font-size:18px;font-weight:800;color:#fff}
|
|
.footer-brand-tag{font-size:13px;color:var(--muted);line-height:1.6}
|
|
.footer-socials{display:flex;gap:12px;margin-top:4px}
|
|
.footer-social{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s;text-decoration:none}
|
|
.footer-social:hover{background:var(--accent);border-color:var(--accent);color:#fff}
|
|
.footer-col h4{font-size:13px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:.04em;text-transform:uppercase}
|
|
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
|
|
.footer-col ul li a{font-size:13px;color:var(--muted);transition:color .2s}
|
|
.footer-col ul li a:hover{color:#fff}
|
|
.footer-bottom{border-top:1px solid var(--border);padding-top:28px;display:flex;flex-direction:column;gap:4px}
|
|
.footer-copy{font-size:12px;color:rgba(107,114,128,.7)}
|
|
@media(max-width:1024px){.hero-split{flex-direction:column}.hero-photo{width:100%;height:380px}.hero-photo::after{display:none}.hero-content{padding:52px 40px}.verhaal-grid{grid-template-columns:1fr;gap:48px}.verhaal-sticky{position:static}.vaard-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
|
|
@media(max-width:768px){section{padding:64px 0}.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.hero-content{padding:40px 24px}.hero-contact{flex-direction:column;align-items:flex-start}.contact-sep{display:none}.companies-grid{grid-template-columns:1fr}.timeline-grid{grid-template-columns:1fr}.timeline-grid::before{left:18px}.tl-item{padding-left:48px!important;padding-right:0!important;text-align:left!important}.tl-item::before{left:11px!important;right:auto!important}.opleiding-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.contact-buttons{flex-direction:column;align-items:center}}
|
|
@media(max-width:480px){.hero-name{font-size:32px}.hero-content{padding:32px 20px}}
|
|
.lang-toggle{background:transparent;border:1px solid rgba(59,130,246,.5);color:#9CA3AF;padding:5px 12px;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;margin-right:8px;}</style></head>
|
|
<body>
|
|
<nav id="nav">
|
|
<div class="nav-inner">
|
|
<a href="index.html" class="nav-logo"><img src="assets/logo.png" alt="Atlas Academy">Atlas Academy</a>
|
|
<ul class="nav-links">
|
|
<li><a href="over.html" class="active">Over</a></li>
|
|
<li><a href="cursussen.html">Cursussen</a></li>
|
|
<li><a href="coaching.html">Coaching</a></li>
|
|
<li><a href="shop.html">Shop</a></li>
|
|
<li><a href="pricing.html">Prijzen</a></li>
|
|
<li><a href="/web/login?redirect=%2Fslides">Inloggen</a></li>
|
|
</ul>
|
|
<div class="nav-cta"><a href="cursussen.html" class="btn btn-primary btn-sm">Start gratis →</a></div>
|
|
<button class="nav-hamburger" onclick="toggleMobileMenu()" aria-label="Menu">
|
|
<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
<div id="mobile-menu">
|
|
<a href="over.html" onclick="toggleMobileMenu()">Over</a>
|
|
<a href="cursussen.html" onclick="toggleMobileMenu()">Cursussen</a>
|
|
<a href="coaching.html" onclick="toggleMobileMenu()">Coaching</a>
|
|
<a href="shop.html" onclick="toggleMobileMenu()">Shop</a>
|
|
<a href="pricing.html" onclick="toggleMobileMenu()">Prijzen</a>
|
|
<a href="cursussen.html" class="btn btn-primary">Start gratis →</a>
|
|
</div>
|
|
|
|
<section id="hero">
|
|
<div class="hero-split">
|
|
<div class="hero-photo">
|
|
<img src="assets/chaib-banner.png" alt="Bouchaib Aarab — Business IT Consultant & Founder" loading="eager" fetchpriority="high">
|
|
</div>
|
|
<div class="hero-content">
|
|
<div class="hero-inner">
|
|
<div class="hero-badge">Over mij</div>
|
|
<h1 class="hero-name">Bouchaib Aarab<span class="alias">(Chaib)</span></h1>
|
|
<p class="hero-subtitle">Business IT Consultant · Founder · Tilburg</p>
|
|
<p class="hero-intro">Business IT-consultant en implementatiespecialist. Ik help organisaties bij het selecteren, implementeren en optimaliseren van bedrijfssoftware en IT-processen op het snijvlak van operatie en software.</p>
|
|
<div class="hero-contact">
|
|
<a href="mailto:chaib@atlascorporation.nl" class="contact-item">
|
|
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
|
|
chaib@atlascorporation.nl
|
|
</a>
|
|
<span class="contact-sep">·</span>
|
|
<a href="tel:+31639259220" class="contact-item">
|
|
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.18 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.5a16 16 0 0 0 6.07 6.07l.95-.95a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
|
|
06 39 25 92 20
|
|
</a>
|
|
<span class="contact-sep">·</span>
|
|
<a href="https://www.linkedin.com/in/baarab/" target="_blank" rel="noopener" class="btn btn-ghost btn-sm">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
|
|
LinkedIn
|
|
</a>
|
|
</div>
|
|
<div class="hero-langs">
|
|
<span class="lang-badge">🇳🇱 Nederlands</span>
|
|
<span class="lang-badge">🇬🇧 English</span>
|
|
<span class="lang-badge">🇫🇷 Français</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="verhaal">
|
|
<div class="container">
|
|
<div class="verhaal-grid">
|
|
<div class="verhaal-sticky reveal">
|
|
<div class="verhaal-photo">
|
|
<img src="assets/chaib.png" alt="Chaib Aarab — ERP POS CRM Founder" loading="lazy">
|
|
<div class="verhaal-caption">
|
|
<div class="verhaal-caption-dot"></div>
|
|
<div class="verhaal-caption-text"><strong>Bouchaib Aarab</strong> — actief als founder & consultant, Tilburg 2026</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="verhaal-text">
|
|
<p class="section-label">Mijn verhaal</p>
|
|
<h2 class="gradient-text">Van ICT-student tot SaaS-founder</h2>
|
|
<p class="story-p reveal">Ik ben opgegroeid met een fascinatie voor hoe dingen werken. Niet alleen technisch — maar hoe processen, mensen en systemen samen een organisatie vormen. Dat heeft me geleid van een ICT-opleiding aan Scalda in Terneuzen, via projectmanagement in de websitebouw, naar CRM-implementaties voor grote bedrijven, en uiteindelijk naar mijn eigen onderneming.</p>
|
|
<p class="story-p reveal">Tijdens mijn tijd als voorzitter van Innovision Solutions stuurde ik een studentenbedrijf van 200+ studenten aan. We haalden projecten uit het bedrijfsleven binnen, we presenteerden op beurzen en uiteindelijk zelfs voor het landelijke onderwijsorganisatie in Nederland. Het was de eerste keer dat ik begreep hoe krachtig het is als mensen en technologie goed zijn georganiseerd.</p>
|
|
<p class="story-p reveal">Bij Efficy deed ik CRM-implementaties van A tot Z. Van intake en requirements tot configuratie, training en oplevering. Ik leerde hoe je een klantproces vertaalt naar een werkend systeem — en hoe je change management doet zonder dat mensen afhaken. Die kennis gebruik ik elke dag nog.</p>
|
|
<p class="story-p reveal">In 2023 richtte ik Atlas Corporation op. Niet als consultant die zijn uren verkoopt, maar als ondernemer die producten bouwt. AtlasPOS is mijn eerste SaaS: een kassasysteem voor Tilburgse horecazaken voor €79 per maand. Atlas Academy is de bundeling van alles wat ik heb geleerd — voor ondernemers die zelf willen bouwen.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="mijlpalen">
|
|
<div class="container">
|
|
<div class="mijlpalen-header reveal">
|
|
<p class="section-label">Carrière</p>
|
|
<h2 class="section-title gradient-text">Mijlpalen</h2>
|
|
<p class="section-sub" style="margin:0 auto;">Een decennium bouwen, leren en opstarten.</p>
|
|
</div>
|
|
<div class="timeline-grid">
|
|
<div class="tl-item reveal"><div class="tl-year">2014</div><div class="tl-title">ICT studie gestart</div><div class="tl-sub">Scalda, Terneuzen — Applicatie- en mediaontwikkelaar</div></div>
|
|
<div class="tl-item reveal"><div class="tl-year">2016</div><div class="tl-title">Project Manager</div><div class="tl-sub">Innovision Solutions — eerste ervaring met SCRUM en klantaansturing</div></div>
|
|
<div class="tl-item highlight reveal"><div class="tl-year">2017</div><div class="tl-title">Chairman Innovision Solutions</div><div class="tl-sub">200+ studenten aangestuurd · Presentatie landelijke onderwijsorganisatie, Nederland · open dagen & beurzen</div></div>
|
|
<div class="tl-item reveal"><div class="tl-year">2017</div><div class="tl-title">Support Engineer → Project Manager</div><div class="tl-sub">Dutchwebdesign / Hybridd, Breda — front/back-end development, gepromoveerd tijdens contract</div></div>
|
|
<div class="tl-item reveal"><div class="tl-year">2018</div><div class="tl-title">Business Administration</div><div class="tl-sub">Avans Hogeschool, 's-Hertogenbosch — studie niet afgerond — gekozen voor eigen bedrijf</div></div>
|
|
<div class="tl-item highlight reveal"><div class="tl-year">2022</div><div class="tl-title">CRM Implementation Consultant</div><div class="tl-sub">Efficy, 's-Hertogenbosch — full-cycle: intake → requirements → config → training → delivery</div></div>
|
|
<div class="tl-item reveal"><div class="tl-year">2023</div><div class="tl-title">Atlas Works opgericht</div><div class="tl-sub">IT consultancy voor MKB, Tilburg — eerste zelfstandige klanten, Odoo & procesoptimalisatie</div></div>
|
|
<div class="tl-item highlight reveal"><div class="tl-year">2024</div><div class="tl-title">AtlasPOS gelanceerd</div><div class="tl-sub">SaaS kassasysteem €79/maand — eerste betalende klanten in Tilburgse horeca</div></div>
|
|
<div class="tl-item reveal"><div class="tl-year">2025</div><div class="tl-title">Atlas Corporation officieel</div><div class="tl-sub">Holding voor alle Atlas-producten — fleet management, AI-stack, n8n automatisering live</div></div>
|
|
<div class="tl-item highlight reveal"><div class="tl-year">2026</div><div class="tl-title">Atlas Academy live</div><div class="tl-sub">Leerplatform voor ondernemers — kennis van de praktijk, niet de theorie</div></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="portfolio">
|
|
<div class="container">
|
|
<div class="portfolio-header reveal">
|
|
<p class="section-label">Portfolio</p>
|
|
<h2 class="section-title gradient-text">Mijn bedrijven</h2>
|
|
<p class="section-sub" style="margin:0 auto;">Vier ondernemingen, één missie: MKB versnellen met technologie.</p>
|
|
</div>
|
|
<div class="companies-grid">
|
|
<a href="https://atlascorporation.nl" target="_blank" rel="noopener" class="company-card reveal">
|
|
<div class="company-card-top"><div class="company-icon">🏚</div><span class="status-badge status-live">LIVE</span></div>
|
|
<div class="company-name">Atlas Corporation</div><div class="company-tagline">Holding · IT Consultancy</div>
|
|
<p class="company-desc">De holding achter alle Atlas-producten. Business IT consultancy voor MKB-bedrijven tot ~10 medewerkers zonder interne IT-capaciteit. Odoo, AI-automatisering, infrastructuur.</p>
|
|
<div class="company-arrow">atlascorporation.nl <span>→</span></div>
|
|
</a>
|
|
<a href="https://atlaspos.nl" target="_blank" rel="noopener" class="company-card reveal">
|
|
<div class="company-card-top"><div class="company-icon">🖥</div><span class="status-badge status-live">LIVE · €79/mo</span></div>
|
|
<div class="company-name">AtlasPOS</div><div class="company-tagline">SaaS · Kassasysteem · Horeca</div>
|
|
<p class="company-desc">Mijn eerste SaaS-product. Een compleet kassasysteem inclusief pin-terminal voor Tilburgse horecazaken. €79 per maand, all-in. Gebouwd, live, betalende klanten.</p>
|
|
<div class="company-arrow">atlaspos.nl <span>→</span></div>
|
|
</a>
|
|
<a href="https://atlasworks.nl" target="_blank" rel="noopener" class="company-card reveal">
|
|
<div class="company-card-top"><div class="company-icon">🔧</div><span class="status-badge status-live">LIVE</span></div>
|
|
<div class="company-name">Atlas Works</div><div class="company-tagline">Refurbished IT · MKB Hardware</div>
|
|
<p class="company-desc">Gecertificeerde refurbished laptops en desktops voor het MKB. Duurzaam, betrouwbaar, betaalbaar. Gecombineerd met IT-support en consultancy voor kleine bedrijven.</p>
|
|
<div class="company-arrow">atlasworks.nl <span>→</span></div>
|
|
</a>
|
|
<a href="index.html" class="company-card reveal">
|
|
<div class="company-card-top"><div class="company-icon">🎓</div><span class="status-badge status-this">DIT PLATFORM</span></div>
|
|
<div class="company-name">Atlas Academy</div><div class="company-tagline">Leerplatform · Ondernemers</div>
|
|
<p class="company-desc">Alles wat ik heb geleerd over bouwen, implementeren en ondernemen — gebundeld voor ondernemers die zelf willen groeien. Cursussen, coaching en praktijkkennis.</p>
|
|
<div class="company-arrow">atlasacademy.nl <span>→</span></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="vaardigheden">
|
|
<div class="container">
|
|
<div class="vaardigheden-header reveal">
|
|
<p class="section-label">Expertise</p>
|
|
<h2 class="section-title gradient-text">Vaardigheden</h2>
|
|
<p class="section-sub" style="margin:0 auto;">Opgebouwd over 9 jaar op het snijvlak van business en technologie.</p>
|
|
</div>
|
|
<div class="vaard-grid">
|
|
<div class="vaard-col tech reveal">
|
|
<div class="vaard-col-icon tech">⚙</div>
|
|
<div class="vaard-col-title">Technisch</div>
|
|
<ul class="vaard-list"><li>Odoo / ERP implementatie</li><li>n8n automatisering</li><li>AI (Ollama / RAG / LLM)</li><li>Web development</li><li>Linux / VPS beheer</li><li>MeshCentral fleet management</li><li>Security (OWASP)</li></ul>
|
|
</div>
|
|
<div class="vaard-col biz reveal">
|
|
<div class="vaard-col-icon biz">📊</div>
|
|
<div class="vaard-col-title">Business</div>
|
|
<ul class="vaard-list"><li>CRM implementatie</li><li>Procesoptimalisatie</li><li>Requirements analyse</li><li>Stakeholdermanagement</li><li>Projectmanagement (SCRUM)</li><li>Change management</li><li>SaaS product development</li></ul>
|
|
</div>
|
|
<div class="vaard-col pers reveal">
|
|
<div class="vaard-col-icon pers">🧠</div>
|
|
<div class="vaard-col-title">Persoonlijk</div>
|
|
<ul class="vaard-list"><li>Analytisch denken</li><li>Probleemoplossend</li><li>Klantgericht</li><li>Communicatief sterk</li><li>Zelfstandig en gedisciplineerd</li><li>Snel leren</li><li>Ondernemende mindset</li></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="linkedin-section">
|
|
<div class="container">
|
|
<div class="linkedin-inner">
|
|
<div class="linkedin-header reveal">
|
|
<p class="section-label">LinkedIn</p>
|
|
<h2 class="section-title gradient-text">Volg mijn werk</h2>
|
|
<p class="section-sub" style="margin:0 auto;">Ik deel inzichten over ondernemen, AI en MKB-technologie.</p>
|
|
</div>
|
|
<div class="linkedin-container reveal">
|
|
<div class="li-badge-wrap">
|
|
<div class="badge-base LI-profile-badge" data-locale="nl_NL" data-size="large" data-theme="dark" data-type="HORIZONTAL" data-vanity="baarab" data-version="v1">
|
|
<a class="badge-base__link LI-simple-link" href="https://nl.linkedin.com/in/baarab" target="_blank" rel="noopener">Bouchaib Aarab</a>
|
|
</div>
|
|
</div>
|
|
<div class="li-fallback" id="li-fallback" style="display:none;">
|
|
<div class="li-fallback-icon">in</div>
|
|
<div><div class="li-fallback-name">Bouchaib Aarab</div><div class="li-fallback-sub">Founder @ Atlas Corporation</div></div>
|
|
<a href="https://nl.linkedin.com/in/baarab" target="_blank" rel="noopener" class="btn btn-primary btn-sm" style="margin-left:auto;">Verbinden</a>
|
|
</div>
|
|
</div>
|
|
<div style="margin-top:28px;" class="reveal">
|
|
<a href="https://www.linkedin.com/in/baarab/" target="_blank" rel="noopener" class="btn btn-outline">Bekijk LinkedIn profiel →</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>
|
|
|
|
<section id="opleiding">
|
|
<div class="container">
|
|
<div class="opleiding-header reveal">
|
|
<p class="section-label">Achtergrond</p>
|
|
<h2 class="section-title gradient-text">Opleiding</h2>
|
|
</div>
|
|
<div class="opleiding-grid">
|
|
<div class="edu-card reveal">
|
|
<div class="edu-icon">🏛</div>
|
|
<div>
|
|
<div class="edu-period">2018 – 2021</div>
|
|
<div class="edu-institution">Avans Hogeschool</div>
|
|
<div class="edu-study">Business Administration — studie niet afgerond — gekozen voor eigen bedrijf</div>
|
|
<div class="edu-location">'s-Hertogenbosch, Nederland</div>
|
|
</div>
|
|
</div>
|
|
<div class="edu-card reveal">
|
|
<div class="edu-icon">💻</div>
|
|
<div>
|
|
<div class="edu-period">2014 – 2018</div>
|
|
<div class="edu-institution">Scalda</div>
|
|
<div class="edu-study">ICT: Applicatie- en mediaontwikkelaar — MBO niveau 4, afgerond</div>
|
|
<div class="edu-location">Terneuzen, Nederland</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact">
|
|
<div class="container">
|
|
<div class="contact-inner reveal">
|
|
<p class="section-label" style="text-align:center;">Samenwerken</p>
|
|
<h2>Wil je samenwerken of heb je een vraag?</h2>
|
|
<p>Neem direct contact op — ik reageer persoonlijk.</p>
|
|
<div class="contact-buttons">
|
|
<a href="mailto:chaib@atlascorporation.nl" class="btn btn-primary">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
|
|
chaib@atlascorporation.nl
|
|
</a>
|
|
<a href="tel:+31639259220" class="btn btn-outline">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.18 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.5a16 16 0 0 0 6.07 6.07l.95-.95a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
|
|
06 39 25 92 20
|
|
</a>
|
|
<a href="https://www.linkedin.com/in/baarab/" target="_blank" rel="noopener" class="btn btn-ghost">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
|
|
LinkedIn
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div class="footer-brand">
|
|
<img src="assets/logo.png" alt="Atlas Academy" width="36" height="36">
|
|
<div class="footer-brand-name">Atlas Academy</div>
|
|
<p class="footer-brand-tag">Leer wat werkt. Bouw wat telt. Kennis van een ondernemer die het nu doet.</p>
|
|
<div class="footer-socials">
|
|
<a href="https://www.linkedin.com/in/baarab/" target="_blank" rel="noopener" class="footer-social" aria-label="LinkedIn">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
|
|
</a>
|
|
<a href="mailto:chaib@atlascorporation.nl" class="footer-social" aria-label="Email">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
|
|
</a>
|
|
<a href="tel:+31639259220" class="footer-social" aria-label="Bel Chaib">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.18 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.5a16 16 0 0 0 6.07 6.07l.95-.95a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="footer-col"><h4>Cursussen</h4><ul><li><a href="cursussen.html">Alle cursussen</a></li><li><a href="cursussen.html">Odoo MKB</a></li><li><a href="cursussen.html">AI Automatisering</a></li><li><a href="cursussen.html">SaaS bouwen</a></li><li><a href="leerpad.html">Leerpaden</a></li></ul></div>
|
|
<div class="footer-col"><h4>Over</h4><ul><li><a href="over.html">Mijn verhaal</a></li><li><a href="coaching.html">Coaching</a></li><li><a href="pricing.html">Prijzen</a></li><li><a href="shop.html">Shop</a></li><li><a href="https://www.linkedin.com/in/baarab/" target="_blank" rel="noopener">LinkedIn</a></li></ul></div>
|
|
<div class="footer-col"><h4>Bedrijven</h4><ul><li><a href="https://atlascorporation.nl" target="_blank" rel="noopener">Atlas Corporation</a></li><li><a href="https://atlaspos.nl" target="_blank" rel="noopener">AtlasPOS</a></li><li><a href="https://atlasworks.nl" target="_blank" rel="noopener">Atlas Works</a></li><li><a href="mailto:chaib@atlascorporation.nl">Contact</a></li></ul></div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p class="footer-copy">© 2024–2026 Atlas Academy — onderdeel van Atlas Corporation. KvK: zie atlascorporation.nl</p>
|
|
<p class="footer-copy">chaib@atlascorporation.nl · 06 39 25 92 20 · Tilburg, Nederland</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
const revealObserver = new IntersectionObserver((entries) => {
|
|
entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });
|
|
}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
|
|
document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));
|
|
function toggleMobileMenu() {
|
|
const m = document.getElementById('mobile-menu');
|
|
if (m.style.display === 'none' || !m.style.display) { m.style.display = 'flex'; document.body.style.overflow = 'hidden'; }
|
|
else { m.style.display = 'none'; document.body.style.overflow = ''; }
|
|
}
|
|
const nav = document.getElementById('nav');
|
|
window.addEventListener('scroll', () => {
|
|
nav.style.background = window.scrollY > 80 ? 'rgba(8,12,24,.95)' : 'rgba(8,12,24,.8)';
|
|
}, { passive: true });
|
|
window.addEventListener('load', () => {
|
|
setTimeout(() => {
|
|
const b = document.querySelector('.LI-profile-badge');
|
|
if (b && !b.querySelector('iframe') && !b.querySelector('.profile-badge')) document.getElementById('li-fallback').style.display = 'flex';
|
|
}, 3000);
|
|
});
|
|
</script>
|
|
<script>function toggleLang(){var isNL=document.documentElement.lang!=="en";var lang=isNL?"en":"nl";document.documentElement.lang=lang;document.getElementById("langBtn").textContent=isNL?"NL":"EN";document.querySelectorAll("[data-nl]").forEach(function(el){var v=el.getAttribute("data-"+lang);if(v)el.innerHTML=v;});localStorage.setItem("aa_lang",lang);}(function(){if(localStorage.getItem("aa_lang")==="en")toggleLang();})();</script></body>
|
|
</html> |