<!-- 
           .: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="/favicon.png" />
    <title>(Dinh Cao) Thinh Tran - Freelance front-end developer</title>
    <meta name="description" content="A creative front-end developer in Amsterdam, merges design passion with technical expertise to craft engaging digital experiences." />

    <meta property="og:type" content="website" />
    <meta property="og:title" content="(Dinh Cao) Thinh Tran - Freelance front-end developer" />
    <meta property="og:description" content="A creative front-end developer in Amsterdam, merges design passion with technical expertise to craft engaging digital experiences." />
    <meta property="og:image" content="/share-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="(Dinh Cao) Thinh Tran - Freelance front-end developer" />
    <meta name="twitter:description" content="A creative front-end developer in Amsterdam, merges design passion with technical expertise to craft engaging digital experiences." />
    <meta name="twitter:image" content="/share-image.png" />

    <!-- 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-CLL9_h_3.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BdZ7Iasu.css">
  </head>
  <body> 

    <canvas id="canvas"></canvas>

    <div class="logo">DCT Tran</div>

    <nav class="menu glass" id="menu">
      <button class="menu-item" id="aboutBtn" data-target="about" aria-expanded="false">
        <span class="label">About</span>
      </button>

      <div class="about-panel" id="aboutPanel" aria-hidden="true">
        <button class="about-close" id="aboutClose" aria-label="Close">
          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round">
            <line x1="2" y1="2" x2="12" y2="12" />
            <line x1="12" y1="2" x2="2" y2="12" />
          </svg>
        </button>
        <h3 class="about-h">(Dinh Cao) Thinh Tran</h3>
        <p class="about-p">A creative front-end developer in Amsterdam, merges design passion with technical expertise to craft engaging digital experiences.</p>
        <div class="about-grid">
          <div><div class="about-k">Clients</div><div class="about-v">Cavetown · Dropbox · Firefly · Jolie Patio · Kraken · Spark Projects · World Resources Institute</div></div>
        </div>
        <div class="about-foot">
          <a href="mailto:thinh@outlook.com" class="about-cta">thinh@outlook.com</a>
          <div class="about-links">
            <a href="https://www.linkedin.com/in/dcttran/" target="_blank" rel="noopener noreferrer">LinkedIn</a>
          </div>
        </div>
      </div>
    </nav>

    <section class="cases-grid">
      <div class="cases-grid__heading">
        Selected work
      </div>
      <div class="cases-grid__container">
        <div class="cases-grid__row js-marquee">
          <a class="cases-grid__item" href="https://www.sweav.works/" target="_blank" rel="noopener noreferrer">
            <div class="cases-grid__image">
              <img src="/sweav.jpg" alt="">
            </div>
            <div class="cases-grid__content">Sweav</div>
          </a> 
          
          <a class="cases-grid__item" href="https://goh-a.com/" target="_blank" rel="noopener noreferrer">
            <div class="cases-grid__image">
              <img src="/goha.jpeg" alt="">
            </div>
            <div class="cases-grid__content">Goha</div>
          </a> 
  
          <a class="cases-grid__item" href="https://pluspilates.nl/" target="_blank" rel="noopener noreferrer">
            <div class="cases-grid__image">
              <img src="/pluspilates.jpeg" alt="">
            </div>
            <div class="cases-grid__content">PlusPilates</div>
          </a> 
  
          <a class="cases-grid__item" href="https://via-foundation.org/" target="_blank" rel="noopener noreferrer">
            <div class="cases-grid__image">
              <img src="/viafoundation.jpeg" alt="">
            </div>
            <div class="cases-grid__content">VIA Foundation</div>
          </a> 
  
          <a class="cases-grid__item" href="https://jermaincikic.com/" target="_blank" rel="noopener noreferrer">
            <div class="cases-grid__image">
              <img src="/jermain.jpeg" alt="">
            </div>
            <div class="cases-grid__content">Jermain Cikic</div>
          </a> 
  
          <a class="cases-grid__item" href="https://fledge.tv/" target="_blank" rel="noopener noreferrer">
            <div class="cases-grid__image">
              <img src="/fledge.jpeg" alt="">
            </div>
            <div class="cases-grid__content">fledge</div>
          </a>
        </div>
  
        <div class="cases-grid__row js-marquee">
          <a class="cases-grid__item" href="https://www.sweav.works/" target="_blank" rel="noopener noreferrer">
            <div class="cases-grid__image">
              <img src="/sweav.jpg" alt="">
            </div>
            <div class="cases-grid__content">Sweav</div>
          </a> 
          
          <a class="cases-grid__item" href="https://goh-a.com/" target="_blank" rel="noopener noreferrer">
            <div class="cases-grid__image">
              <img src="/goha.jpeg" alt="">
            </div>
            <div class="cases-grid__content">Goha</div>
          </a> 
  
          <a class="cases-grid__item" href="https://pluspilates.nl/" target="_blank" rel="noopener noreferrer">
            <div class="cases-grid__image">
              <img src="/pluspilates.jpeg" alt="">
            </div>
            <div class="cases-grid__content">PlusPilates</div>
          </a> 
  
          <a class="cases-grid__item" href="https://via-foundation.org/" target="_blank" rel="noopener noreferrer">
            <div class="cases-grid__image">
              <img src="/viafoundation.jpeg" alt="">
            </div>
            <div class="cases-grid__content">VIA Foundation</div>
          </a> 
  
          <a class="cases-grid__item" href="https://jermaincikic.com/" target="_blank" rel="noopener noreferrer">
            <div class="cases-grid__image">
              <img src="/jermain.jpeg" alt="">
            </div>
            <div class="cases-grid__content">Jermain Cikic</div>
          </a> 
  
          <a class="cases-grid__item" href="https://fledge.tv/" target="_blank" rel="noopener noreferrer">
            <div class="cases-grid__image">
              <img src="/fledge.jpeg" alt="">
            </div>
            <div class="cases-grid__content">fledge</div>
          </a>
        </div>
      </div>
    </section>

  </body>
</html>