<!-- 
           .:IIIIHIHHIHHHII::I:.
         .IIIIHIHHHHHHIHIIIIMHHI:,
       :IIIIHIHHHHHHMMHHIHHIIHHIII:.
     .:IHIHHHHHHHHHHHHHIHIHHIHHHIH:I:,
    ,.:HIHHHHHHHHHHHHHHHHHHHHHIHIHHII:.
   ,.:IHHHHHHHHHHMMMMHHHHHHHIIHHHIHIII,
  .:IIHHHHHHHHMMMMMHHHHMMMHHMHHHIIIHIIII:
  .IIHHHMMMMMMMHHMMMHHHMMMHHMHII:HHHII:I.
  :HIHHHMHMMMMMMMMMMMMHMHHHHII:HHMMHII:II
 :HHHHMHMMMMMMMMMMMMMMMHIIHIHHMMHHHHII::I:
:IIHHHHHMHMMMMMMMMMMHMMHIHMMMMHHHI:"::IIHII:
:IHHHHHMHMMMMMMMMMMMMHHI:II::I:"' .   '"IHH.
::HHHHMHMMMMMMMMMMHMHHI:II::.'  .       'VMA.
IHHHHHMHNMMMMMMMMHMHHI:II:. . .          "MMH.
HHHHHMHMMMMMMMMMMHMHI:I::.' .  . .      .,MMM:.
HHHHMHMMMMMMMMMMMHMHI:II:. ..  .    ..LI:"IMMI.
HMHMMMMMMMMMMMMMMHMHI:II.'.        :HT;.,, VHI:
HHHHHMHMMMMMMMMMHMHHHI:HMHII:,.   ':,MHP"HPIHII.
IHHHHMHMMMMMMMMMHMHHHII::IT:.I:.  'HMMH ,:" VII:
:HHHHHHHMHMMMMMHMHHHHIIMMMPVHI::. .P"TIT"'  IH:I
HHIHHHHHHMHMMMMHMHHHHH:VMMM:.HI:H:. :. . . .II:I.
:HHHHHMHMMMMMHMHHHHIIHMMHHI:.:HI:. . .. .   :III;
IHHHHMHMMMMMMMHHHHHI:IT:TI:..:HI:.. ..:. .  :IHII
 IHHMHMMMMMMMMMMMHHI:I::.:. ..:II::.. :I..  :HIIH.
 'HHHMHMMMMMHMHHHH:II:.. ...:II:II./'::.  ' IHHIH;
  HHMHMMMMMMMHMHHHH:I:I::....::VIHI;, ' . . IHHIHA
  MHHMMMMMMMMMHMHHH:II:::...::II:::.;,,,:   AHHIHH;
  ;HHMHMMMMMMMMHMHH-:II::..:::I::"",,:"''  .HHHIHHI.
  'HHHMHMMMMMMMMHMHHA:II:.:H.::-"'""' ,'. .AMHHIHHH;
   :HHMHMMMMMMMMMMHMHA:II::.::::-;,,:: .. :AMHI:IHHI
   'HHMHMMMMMMMMMMHMHHA:III:::II:II::. . .AMMHI:IHHH.
    :HHHMHMMMMMMMMMHMHHA:IIIHII:.:::. . .AMMMHI:IHHH:.
    'HHMHMMMMMMMMMMMMHMHHHI:":VIII::...:AMMMMHHI:IHHHI
     ;IHMHMMMMMMMMMMMMMHMHHII:. '"" 'AMMMMMMMHI:IIHHH:I.
     :IMHMMMMMMMMMMMMMMHMHHHII:.  .:IHMMMMMMHHHIHIHHHI::.
     ;HHHMHMMMMMMMMMMMMMMHMHHHI:..IHHMHMMHHHHHIHHHMHH;I:".'
     ;HHHHHMHMMMMMNMMMMMMMHMHHHI::.HHHHMMHHHHHIHIHHHHHI:'
     :HHHHHHHHMHMMMMMMMMMHHHMHHHI:IHHMHMMHHHHHMHIHHHHIHI;
     ;HHHHHHHHMMHMMMMMHMHHMMHIHMI:IIHHHMHHHHMHMHIHIHHHHI:.
     IHHHHHHHHHHMHMMMMMHMHHMMHHMMII:IHHMMHMHHHHMMHMHMHHHH;
     ;HH:":IHHHHMHMMMMMHMHIHMHIIMMHI:IMHMMMI:HHHHHMMHHHHI:I.
    ;HV" . .:IIHHHMMMMMMMHHHMMHIIHMHHI:HHHMHI:IHHIHHIHHMHI:II;.
   ;IV"   . .''":VMMMMMMHMHHHMMHI:HHHHI:HHHIHI:IHHHHHIHHHIHII;,
   .II"   .. .  ':VHHHMHMMMMMHMHHI:HMMHI:IHHHI::IHHHI:HIHHHI:I:.
  .II . . .  . .  ':HHHHMHMMMHMMMHIHIMMMHI:HHHMI:IHHHIHI:HHHHII:I.
 .;V' . .. .  .    'IHMMMHHMHHHMMMHIHIHHHHI:IHHHI:IHHHHHIHHHHHIIHII:.
.:I" .. . .    .   :IHMMMHHHMHHIHHHI:HHIHHHIHIHHHAIHHHHHHI:HHHIHII:.
'..:  .  .       .  :IMMMHMHHIMHIIHHI:IHHI:IHHIHHHHIHIHHHHIHIHHHHIHI:.
.: .. . . .      ..:IHMMMHMHMHMHHHHMHIHHI:.IVIIHHHIHHHHHHHHI:HIHHIHII:.
.: .   . .        . :IHMMMHMIHIH:IIHHHIHH:.I:IIHHHIHHHHHHHHIHI:IHHHI:;.
:: .:. .  .   .   ..:IHHMMMHMIHIH:IIHHHMHH::..:HHHHI:HHHHHHI:I:IIIHII;
:. ... . .  .     ..::HHHMMHMHHII:HIIHHMMHH:..:HHHMHHIHHHI:: . :IHII:I
':....   . .      . ..:IHHHMMMMHMHI:HIHMMMHA...VHMMHHHMI:'  .' :IH::"
 :. ..  ....    .    ..IHHHHMMMMHHII:I:IHMMHA. .VHMHHHI:' ''    '':,
 ::...  . .... .   . ..::IHHHMMMMIHII::I:IHMMHHMHIHIHI''   .  .     ,
 ::.... . .....  ..  ...::IIIHHHMMIHI::IHHHIIIHHHIIHI".  ..   .      ,
 ::.:.......... .. . ....:::HHIIHHHHHHHIIHMMMHI:' 'VI::..  . .        ,
 ::.:............. .. . ...AHIHIIIIIHHHI::""'      'VII:.. ..    .
 ::.:.:.......... .. .  ...HHHIIIIIIHHHI::. .       'VII::. . .       ,
 ':::.:.:..... .. . . . ..:MHHIHIIIII:I::. .         'VII:::. ..      .
  :::::.:..:.... . . . ...AHHHHIHIIII:::. .           'VII:::. . .   :.
  :::::::.:..... .. . ....MHHHHHIHIII::.:.. .          'VII::.  .   ::
  :::::::::.:.... .. ....:MHHHHIHII:I::::...  .         'VI::. .   ::I)
  '::::::::::.:... .. ...:MHHHHIHIIII::::..  .           'VI:.    ...:V
   .:::::::::::.:.... . .AMMHHIHIII:I::::...  .  .        I::.   ...:-"
   :.::I::::::::.:. .  ..MMMHHIHIIII:I:::... .  .        .::.  ,..-"
   :..:II:I:::::.:.. . ..MMMHHIHIIIIIII:I::.... .  .    ..::""'
  .::.:III:I::::::.:.. ..MMMMIVHIHIIIII:I::::.... .   .....:,
.:.::..:III:I:::::.:... .MMHMAIVHHIHIIIII:I::::.. .  ..::..:,
. .:::.::III:I::::.:... .VMMHMAIVHHHIHIIII:I::::..  ..:...:::
. :::I.:::III:I:::.::.. .:MMHHMAIVHHIHIIIII:I::::....:::.::::
 .::IIH.:::III:I::::.:.. .MMHMHMAIVHHHIHIIIIII:I:::.:::::::I)
.::IIHH.II:::II:I::::.:...MMMHMHMAIVHHHHHIHII:I:::..::::::HV
::IIIHIH.III::I:I::::.:. .MHHMHHHIAIIVHHHHIHIII:...::::.:-"
:IIHIHHA.VIHII:I:::::::...HHHHHHIHI::":VHHHII:I:::...:-'
IIHIHHHHI.HHIHII:I:::::...HHHIHII:' .  .'"VIIIII::-'
IHIHHHHH-:HHIHIIII:I::.:..HIHI::. ..  ...:"
HIHHHHIHHH:HHHIHIIII:I::.:HII:'. .   ..:"
HHHHHHMHHHIHHHHHHIHIII::.IHI:.  .    ..:-.,
HHHHHHHMHHIHHHHHHHIHII:..II:'  .    .:"    ''"-.
HHHHHHHMHHIHHHHHHIHII::..I;'. .   ..:"          '"-.
HHHHHHHMHIHHHHHHHHIHI::,.I;' . .   .;"          "- . ",
MMHMHHHHHH-IHHHHHHIHII::.::;.   :.:;.... .             '"-.
MMMHMHHHHHHIHHHHHHIHII::..:.,  .N.:I::.... .               '"-.
MMMMHMHHHHHIHHHHHHIHIII:..:.;. :.:AI:::..... .  .             .'-.
MMMMMHMHHHIHHHHHHHHHIHII:..:.;:.:AIII::::....... .               .':,
MMMMHMHHHHIHHHHHHHHHHIH:I:.:.,::AHIHIII:I::::::::...... .    .  ...::,
MMMHMHHHHHIHVHHHHHHHHHIII::.:.:AHHIHIHIIIII:I:::::::.:....... .. ...::.
MHMHHHIHIIII:HHHHHHHIHII:I:. :AHHHHHHHHHHHIHIIHIIIIIII:I::.:..... ..::.
HHHHIHIIII:I:HHHHHHHHIHII:: .IHHHHHHHHHHHHHHHHHHHHIIHIII:I::::::::::::.
HHIHIIIII:I::VHHHHHHHIHII::. :MHHHHHHHHHHHHHHHHHHHHHHIHIIHIIIIIIIIIIIV
HHIHIIII:I::::MHHHHHHHIII::.. MMMMMMMMMMMMMMMMMMMMHMHHHHHHIIHIIIHIIIV'
HHHIHII:I::I::MHHHHHHIHIII:: .HHIHHHHHIHHHHHHHHIHHIHHHIHHHHIHHIHIHHV'
HHHHIHII:I::::HHHHHHHIHII:I:. MHHHIHHHHHHHIHHHHHHIHHHHHHHIHHHHHHHHV'
MMHHHIHIII:I::HHHHHHHHIHIII: .:MMMMMMMMMMMMMHMHHHHHHHHHHHHHHHHHV:'
II:IHMHHI::::AIHHHHHHHHHIII::. MMMMMMMMMMMMMMMMMMMMMHMHHHHHHHV:'
III:IHMHIAMMMIHHHHHHHHHIHII....MMMMMMMMMMMMMMMMM--"""''
IIIII:I:IIHMMMMMHHHHHHHHHHHII:::"""""""""""""''
IIIII:I:II:.T,  'VHHHHHHHHIHI:::
IIIHIII:I:::.:,  :HHHHHHHHHHIHII
IIIIII:I::::::.,  VHHHHHHHHHHIHI
IIHII:I::::.:..., 'MMMHMHHHHHIHI.
IIII:I:::::.:....:.VMMMHMHHHHHIH.
IIIIII:I::::::.:..:.MMMMMHMHHHHH:
IHIIIIII:II::::.:.:.VMMMMMHMHHHHA.
IIIHIIIHIII:I::::.:..VMMMMMHMHHHHA
IIIIIHIIIIIII:I:::.:..VMMMMHMMHHHH.
IIHIIIIIIHIIIII:I:::..IMMMMMMMHMHHI
HIIIIIHIIIIIIIII:I:.:..VMMMMMHMHHI:.
HIHIIIIHIIIIIHIHI:I::..IMMMMHMHIHI:.
HHIHIIIIIIHIIIIHIHIII:.:MMMMMHMHHI::
HHHIHHHHHHIIIIIIHHHHIHI:MMMMMHMHHII:
HHHHIHIIIHIIIIHIHHHHHHHI..HHHIHIIHI:.
HHHHHHIHIIIIIIIIIHIHH..IHHHHIHI:III:,
HMHHHHHIHIIIIIIIIIHIHMHHIIHIIHI:II:::,
MMHHHHHHHHIHIIIIIIIHMIHIIHHIIIHI:I::..,
MHMHMHHHHHHHHHIHIIH.;I:IIIHHIIHHI:::::.,
MMMMMHMHHHHHHHHIHIH;I:IHIHII:HI:HII::.::.
MMMMMMMMHMHHHHHHHIH;I:IHMHI.:HIIHI:II:IHA
HMMMMMMMMMHMHHHHHHVI::IMHIHHHMH:IH::I:IHH.
HHHMMMMMMMMMMHMHH;I:HHIMHHHHMHHIHHI.:AMHI:
HHHHMMMHHHHMMMMM;I:IIHHIIHAIIIHI:HI:HA:IHI
HIHHHHMMMHHHMMM:II:IMHHIIMIHIIIHIHHIHMMH.I
-->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQWSURBVHgB7Zu9T9tgEMYvjgKMqSBZa7YIkAgbW8PGBmun0q1b6NgJ2NqpyV/QsnUMG51It264EgQGpJoNKZEaFtSCgD5PeGPF4CTOZ22//UmOrcRWfPfe3ft1F5MRk8lkzHg8nsPl4v39vYkzj6Q6t2LjqKvzD9xrTU5OWsCWERKTEbCwsJCDAGs41uWpoL1ix2KxMo7do6OjsgyZoSkgm80mr6+v83jRTQielNFAZewkEonysCxjYAWMSXAX+C+6ymcoojioIuIyADD1/O3tbQmXqzimZHzwv5bx3+vpdPqyWq1a0id9WQBa3by5ufmEFs9JMLAnJiZW+rGGni1AtfoXCJ+R4JDEO23MzMz8qdVq33t5sCcFzM/Pf4Tg2zJec/fLFGLDaiqVErjEN78P+VYAhKfJv5Hgk0NcMKGEPT83+4oBc3NzhzhlJVxYlUplqdtNRrcb2PISPuFJVr17Rzq6AFp+C6dNCS9ZuEMS7vC13Q1tFcBoD59/L+FnGb3DZbvewTMGqH7+cFwjuzFQxzhhyWuc4BkDMLQ9iJDwJMmBm9cPT1wAgWMDpw2JHqaXK7hcgKbP1pfBp7BBha4wC1eoN79wuQDMJC/RFZ5w5urq1RwLiGDga4fLChwLgPA5DYQnLitwFADht0Qf8s2LhgK4hifR9v3HJJXMDwpA678Szbi7u+OCraOAnOjHGj9iqu//KRoCK5g1sJQUxqnuUOCGjdYKgOtnGQMWRV9MAwuJpmgKZH9uaDL684Sy0wVM0Rez66Jo1PmvANEcKsAWfbENtdeuJZSd3aAtmgLZz+kC56IvFl2g7+yKsIPJkMXJUFk0BeuglnF6emqLnj2BTdmb4wBfyQQRo8yPhgIMwyiJZkDmXZ6djRHsCf7SaGZoVyqVWV607gsURROYbdq8dhSA7aKCJqPCemvP5yiAe2WaWMGu6vkauGaDGliBjaXwQusXrgSJi4uL38y2ZMKhRBDI9fbk5KTs+s7rRvQIBxHcLXIifyueCyIIEq+j5AqUBaa/4vWbZ5pcrVarR8kVYM3vEPj2vX5rmyfIZKJUKvUMl8sSbnbg923zHTtmilar1f10Ok2/CeX2GeuM4PcdM119JUsjKDJ3SM9kaXJ8fLxEbUpIUC3fVXjiu14A7lBCTKDF5CTYFCG877qGnipGoIQysy0xlWRgDFTVCLs6RnsEvO2enpM+YDUolBCYjFIWVnLs0jrG9/2sDADzilV6nSn/ADXAYTdXkD4ZqG6Q9XrT09N7sQdYRTYWt1Cj1A9XV1cvz87OyjIAQyudbRZJj9IilJ8XIXjBtu2hDNVHVjzNOj688AsZQvE0hN6DckuBLp5uBy0jkUhkVTLWIlNy1Nqj+ehWW7Ww3diyMgyLKzf9BLZe+AuzeOYftWMk9wAAAABJRU5ErkJggg==">
    <title>Thinh Tran - Freelance front-end developer</title>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-46PXBL2YRE"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-46PXBL2YRE');
    </script>
    <script type="module" crossorigin src="/assets/index.a044f4c0.js"></script>
    <link rel="stylesheet" href="/assets/index.2cca87fe.css">
    <script type="module">try{import.meta.url;import("_").catch(()=>1);}catch(e){}window.__vite_is_modern_browser=true;</script>
    <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
  </head>
  <body>
    <main>
      <div class="grid grid-cols-12 py-[7rem] px-8 lg:py-[10rem] js-scroll">
        <div class="col-start-1 col-end-13 flex flex-col items-center text-center">
          <h1 class="">
            <div class="c-heading-1">Thinh Tran</div>
          </h1>
          <h2 class="w-3/4 lg:w-1/2 mt-2">
            <div class="c-paragraph">
              A creative front-end developer in Amsterdam, merges design passion with technical expertise to craft engaging digital experiences.
            </div>
            
            <div class="flex gap-4 justify-center mt-4">
              <a href="mailto:thinh@outlook.com" class="underline">Email</a>
              <a href="https://www.linkedin.com/in/dcttran/" class="underline" target="_blank" rel="noopener noreferrer">LinkedIn</a>
            </div>
          </h2>
        </div>

        <div class="col-start-1 col-end-13 mt-[7rem] lg:!mt-[10rem]">
          <div>
            <div class="flex gap-4 mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/2">
                <img src="/assets/sw1.99c4dad6.jpg" class="w-full js-image">
              </div>
              <div class="w-full lg:w-1/2">
                <img src="/assets/sw2.c572f5bf.jpg" class="w-full js-image">
              </div>
            </div>

            <div class="flex justify-between mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/3">
                <div class="text-[1.125rem] font-semibold clippy">
                  <div class="c-heading-2">
                    Sweav
                  </div>
                </div>
                <div class="clippy mt-0">
                  <div class="c-paragraph">
                    Curated community of A-level freelancers. Sweavers all worked for 4-16 years at the most renowned strategy and M&A firms.
                  </div>
                </div>
              </div>

              <div class="w-1/3 flex items-end lg:w-1/2 lg:pl-4 pt-2 lg:pt-0">
                <ul class="c-specs">  
                  <li class="underline">
                    <a href="https://www.sweav.works/" target="_blank" rel="noopener noreferrer">
                      See it live
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>

        <div class="col-start-1 col-end-13 !mt-[10rem]">
          <div>
            <div class="flex gap-4 mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/2">
                <img src="/assets/pp1.a818ae33.jpg" class="w-full js-image">
              </div>
              <div class="w-full lg:w-1/2">
                <img src="/assets/pp2.0a4261f0.jpg" class="w-full js-image">
              </div>
            </div>

            <div class="flex justify-between mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/3">
                <div class="text-[1.125rem] font-semibold clippy">
                  <div class="c-heading-2">
                    PlusPilates
                  </div>
                </div>
                <div class="clippy mt-0">
                  <div class="c-paragraph">
                    Reformer Pilates focused on strength, control, and precision, helping you move better, feel stronger, and stay balanced.
                  </div>
                </div>
              </div>

              <div class="w-1/3 flex items-end lg:w-1/2 lg:pl-4 pt-2 lg:pt-0">
                <ul class="c-specs">  
                  <li class="underline">
                    <a href="https://www.pluspilates.nl/" target="_blank" rel="noopener noreferrer">
                      See it live
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>

        <div class="col-start-1 col-end-13 !mt-[10rem]">
          <div>
            <div class="flex gap-4 mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/2">
                <img src="/assets/go1.54b57ec5.jpeg" class="w-full js-image">
              </div>
              <div class="w-full lg:w-1/2">
                <img src="/assets/go2.5afbb12c.jpeg" class="w-full js-image">
              </div>
            </div>

            <div class="flex justify-between mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/3">
                <div class="text-[1.125rem] font-semibold clippy">
                  <div class="c-heading-2">
                    Goha
                  </div>
                </div>
                <div class="clippy mt-0">
                  <div class="c-paragraph">
                    Goha is an architecture studio specialising in luxury residential design, with a proven track record and highly satisfied clients.
                  </div>
                </div>
              </div>

              <div class="w-1/3 flex items-end lg:w-1/2 lg:pl-4 pt-2 lg:pt-0">
                <ul class="c-specs">  
                  <li class="underline">
                    <a href="https://www.goh-a.com/" target="_blank" rel="noopener noreferrer">
                      See it live
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>

        <div class="col-start-1 col-end-13 !mt-[5rem]">
          <div>
            <div class="flex gap-4 mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/2">
                <img src="/assets/jc1.3368f6f5.jpg" class="w-full js-image">
              </div>
              <div class="w-full lg:w-1/2">
                <img src="/assets/jc2.734fcf73.jpg" class="w-full js-image">
              </div>
            </div>

            <div class="flex justify-between mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/3">
                <div class="text-[1.125rem] font-semibold clippy">
                  <div class="c-heading-2">
                    Jermain Cikic
                  </div>
                </div>
                <div class="clippy mt-0">
                  <div class="c-paragraph">
                    Jermain Cikic (b. 1992, NL) is a photographer and filmmaker based in Amsterdam. Raised in the Netherlands with roots in former Yugoslavia, his work is shaped by the inherited impact of conflict, displacement, personal memory and the search for belonging.
                  </div>
                </div>
              </div>

              <div class="w-1/3 flex items-end lg:w-1/2 lg:pl-4 pt-2 lg:pt-0">
                <ul class="c-specs"> 
                  <li class="underline">
                    <a href="https://jermaincikic.com/" target="_blank" rel="noopener noreferrer">
                      See it live
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>

        <div class="col-start-1 col-end-13 !mt-[5rem]">
          <div>
            <div class="flex gap-4 mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/2">
                <img src="/assets/via1.15ba63d5.jpg" class="w-full js-image">
              </div>
              <div class="w-full lg:w-1/2">
                <img src="/assets/via2.274a3cca.jpg" class="w-full js-image">
              </div>
            </div>

            <div class="flex justify-between mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/3">
                <div class="text-[1.125rem] font-semibold clippy">
                  <div class="c-heading-2">
                    VIA Foundation
                  </div>
                </div>
                <div class="clippy mt-0">
                  <div class="c-paragraph">
                    VIA Foundation is Africa's first dedicated financial institution for community organizations and local enterprises that restore degraded land.
                  </div>
                </div>
              </div>

              <div class="w-1/3 flex items-end lg:w-1/2 lg:pl-4 pt-2 lg:pt-0">
                <ul class="c-specs"> 
                  <li class="underline">
                    <a href="https://via-foundation.org/" target="_blank" rel="noopener noreferrer">
                      See it live
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>

        <div class="col-start-1 col-end-13 !mt-[10rem]">
          <div>
            <div class="flex gap-4 mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/2">
                <img src="/assets/ct1.36fda0d3.jpg" class="w-full js-image">
              </div>
              <div class="w-full lg:w-1/2">
                <img src="/assets/ct2.475c10f5.jpg" class="w-full js-image">
              </div>
            </div>

            <div class="flex justify-between mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/3">
                <div class="text-[1.125rem] font-semibold clippy">
                  <div class="c-heading-2">
                    Cavetown
                  </div>
                </div>
                <div class="clippy mt-0">
                  <div class="c-paragraph">
                    Cavetown focuses on practical, industrial, rugged, and vintage interior pieces. Their mission is to help everyone create a personal industrial home or private refuge.
                  </div>
                </div>
              </div>

              <div class="w-1/3 flex items-end lg:w-1/2 lg:pl-4 pt-2 lg:pt-0">
                <ul class="c-specs">  
                  <li class="underline">
                    <a href="https://www.cavetown.nl/" target="_blank" rel="noopener noreferrer">
                      See it live
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>

                <div class="col-start-1 col-end-13 !mt-[5rem]">
          <div>
            <div class="flex gap-4 mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/2">
                <img src="/assets/bisque1.a985c2d5.jpg" class="w-full js-image">
              </div>
              <div class="w-full lg:w-1/2">
                <img src="/assets/bisque2.eb99301a.jpg" class="w-full js-image">
              </div>
            </div>

            <div class="flex justify-between mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/3">
                <div class="text-[1.125rem] font-semibold clippy">
                  <div class="c-heading-2">
                    Bisque Golf
                  </div>
                </div>
                <div class="clippy mt-0">
                  <div class="c-paragraph">
                    Bound together by the love of golf, and a sense of style. Bisque rewrites the rules of the game. Transcending borders and cultures, welcoming players from all walks of life to experience its beauty.
                  </div>
                </div>
              </div>

              <div class="w-1/3 flex items-end lg:w-1/2 lg:pl-4 pt-2 lg:pt-0">
                <ul class="c-specs">
                  <li>Agency: Lama Lama</li>
                  
                  <li class="underline">
                    <a href="https://bisquegolf.com/" target="_blank" rel="noopener noreferrer">
                      See it live
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>

        <div class="col-start-1 col-end-13 !mt-[5rem]">
          <div>
            <div class="flex gap-4 mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/2">
                <img src="/assets/jdi1.5364ec3f.jpg" class="w-full js-image">
              </div>
              <div class="w-full lg:w-1/2">
                <img src="/assets/jdi2.d40cd0dd.jpg" class="w-full js-image">
              </div>
            </div>

            <div class="flex justify-between mt-5 flex-col lg:flex-row">
              <div class="w-full lg:w-1/3">
                <div class="text-[1.125rem] font-semibold clippy">
                  <div class="c-heading-2">
                    Justdiggit
                  </div>
                </div>
                <div class="clippy mt-0">
                  <div class="c-paragraph">
                    Justdiggit is a grassroots organisation that fights global warming by re-greening African landscapes. Learn how you can help in cooling down the planet.
                  </div>
                </div>
              </div>

              <div class="w-1/3 flex items-end lg:w-1/2 lg:pl-4 pt-2 lg:pt-0">
                <ul class="c-specs">
                  <li>Agency: Lama Lama</li>
                  
                  <li class="underline">
                    <a href="https://justdiggit.org/" target="_blank" rel="noopener noreferrer">
                      See it live
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>


      </div>
    </main>
    
    <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
    <script nomodule crossorigin id="vite-legacy-polyfill" src="/assets/polyfills-legacy.12881b3d.js"></script>
    <script nomodule crossorigin id="vite-legacy-entry" data-src="/assets/index-legacy.1a1240e5.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
  </body>
</html>