Netlify
tcp/443 tcp/80
Open service 35.157.26.135:443 · randy.ch
2026-01-13 01:02
HTTP/1.1 200 OK
Accept-Ranges: bytes
Age: 3
Cache-Control: public,max-age=0,must-revalidate
Cache-Status: "Netlify Edge"; hit
Content-Length: 29230
Content-Type: text/html; charset=UTF-8
Date: Tue, 13 Jan 2026 01:02:20 GMT
Etag: "9c5a3fd6b2b8c289af1c4d90e34e56ff-ssl"
Server: Netlify
Strict-Transport-Security: max-age=31536000
X-Nf-Request-Id: 01KETE02RQENWGQQM46DJGEE2R
Connection: close
Page title: randy.ch/en
<!DOCTYPE html>
<!--[if IE 8 ]><html class="no-js oldie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>
<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>randy.ch/en</title>
<meta name="description" content="portfolio">
<meta name="author" content="Randy Chen">
<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/timeline.css">
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>
<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1Q3GPXPF8B"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1Q3GPXPF8B');
</script>
<!-- LOADING -->
<body id="top">
<!-- <div id="loading">
<div id="spinner"></div>
</div>
<div id="box">
<div class="box1 onlywide animated bounceOutLeft" style="animation-delay:1.7s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.9s;"></div>
<div class="box2 animated bounceOutRight" style="animation-delay:1.9s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.7s;"></div>
</div> -->
<!-- header
================================================== -->
<header>
<!-- <div class="header-logo">
<a href="index.html"></a>
</div> -->
<a id="header-menu-trigger" href="#0">
<span class="header-menu-text">Menu</span>
<span class="header-menu-icon"></span>
</a>
<nav id="menu-nav-wrap">
<a href="#0" class="close-button" title="close"><span>Close</span></a>
<h3>Hello!</h3>
<ul class="nav-list">
<li class="current"><a class="smoothscroll" href="#home" title="">Home</a></li>
<li><a class="smoothscroll" href="#about" title="">About</a></li>
<li><a class="smoothscroll" href="#portfolio" title="">Works</a></li>
<li><a class="smoothscroll" href="#achievements" title="">Achievements</a></li>
<li><a class="smoothscroll" href="#contact" title="">Contact</a></li>
</ul>
<ul class="header-social-list">
<li>
<a href="https://www.linkedin.com/in/randythechen"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a href="https://www.instagram.com/dechines/"><i class="fa fa-instagram"></i></a>
</li>
<li>
<a href="https://www.behance.net/randychen5"><i class="fa fa-behance"></i></a>
</li>
</ul>
</nav> <!-- end #menu-nav-wrap -->
</header> <!-- end header -->
<!-- home
================================================== -->
<section id="home">
<div class="overlay"></div>
<div class="home-content-table">
<div class="home-content-tablecell">
<div class="row">
<div class="col-twelve">
<!-- <h1 class="animate-intro">
randy.ch/en
</h1> -->
<h1 class="typewrite animate-intro" style="letter-spacing:-0.8px; font-family: 'Josefin Sans';" data-period="2000" data-type='[ "/atty", "
Open service 35.157.26.135:80 · randy.ch
2026-01-13 01:02
HTTP/1.1 301 Moved Permanently Content-Type: text/plain; charset=utf-8 Date: Tue, 13 Jan 2026 01:02:27 GMT Location: https://randy.ch/ Server: Netlify X-Nf-Request-Id: 01KETE09PH5P1AFRAACRC158KA Content-Length: 32 Connection: close Redirecting to https://randy.ch/
Open service 63.176.8.218:443 · randy.ch
2026-01-13 01:02
HTTP/1.1 200 OK
Accept-Ranges: bytes
Age: 3
Cache-Control: public,max-age=0,must-revalidate
Cache-Status: "Netlify Edge"; hit
Content-Length: 29230
Content-Type: text/html; charset=UTF-8
Date: Tue, 13 Jan 2026 01:02:20 GMT
Etag: "9c5a3fd6b2b8c289af1c4d90e34e56ff-ssl"
Server: Netlify
Strict-Transport-Security: max-age=31536000
X-Nf-Request-Id: 01KETE02B2HZ5DRKZ6R2ED85M0
Connection: close
Page title: randy.ch/en
<!DOCTYPE html>
<!--[if IE 8 ]><html class="no-js oldie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>
<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>randy.ch/en</title>
<meta name="description" content="portfolio">
<meta name="author" content="Randy Chen">
<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/timeline.css">
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>
<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1Q3GPXPF8B"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1Q3GPXPF8B');
</script>
<!-- LOADING -->
<body id="top">
<!-- <div id="loading">
<div id="spinner"></div>
</div>
<div id="box">
<div class="box1 onlywide animated bounceOutLeft" style="animation-delay:1.7s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.9s;"></div>
<div class="box2 animated bounceOutRight" style="animation-delay:1.9s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.7s;"></div>
</div> -->
<!-- header
================================================== -->
<header>
<!-- <div class="header-logo">
<a href="index.html"></a>
</div> -->
<a id="header-menu-trigger" href="#0">
<span class="header-menu-text">Menu</span>
<span class="header-menu-icon"></span>
</a>
<nav id="menu-nav-wrap">
<a href="#0" class="close-button" title="close"><span>Close</span></a>
<h3>Hello!</h3>
<ul class="nav-list">
<li class="current"><a class="smoothscroll" href="#home" title="">Home</a></li>
<li><a class="smoothscroll" href="#about" title="">About</a></li>
<li><a class="smoothscroll" href="#portfolio" title="">Works</a></li>
<li><a class="smoothscroll" href="#achievements" title="">Achievements</a></li>
<li><a class="smoothscroll" href="#contact" title="">Contact</a></li>
</ul>
<ul class="header-social-list">
<li>
<a href="https://www.linkedin.com/in/randythechen"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a href="https://www.instagram.com/dechines/"><i class="fa fa-instagram"></i></a>
</li>
<li>
<a href="https://www.behance.net/randychen5"><i class="fa fa-behance"></i></a>
</li>
</ul>
</nav> <!-- end #menu-nav-wrap -->
</header> <!-- end header -->
<!-- home
================================================== -->
<section id="home">
<div class="overlay"></div>
<div class="home-content-table">
<div class="home-content-tablecell">
<div class="row">
<div class="col-twelve">
<!-- <h1 class="animate-intro">
randy.ch/en
</h1> -->
<h1 class="typewrite animate-intro" style="letter-spacing:-0.8px; font-family: 'Josefin Sans';" data-period="2000" data-type='[ "/atty", "
Open service 63.176.8.218:80 · randy.ch
2026-01-13 01:02
HTTP/1.1 301 Moved Permanently Content-Type: text/plain; charset=utf-8 Date: Tue, 13 Jan 2026 01:02:27 GMT Location: https://randy.ch/ Server: Netlify X-Nf-Request-Id: 01KETE09EXSXQ87SAEDT1Z2MRV Content-Length: 32 Connection: close Redirecting to https://randy.ch/
Open service 35.157.26.135:443 · randy.ch
2026-01-04 19:35
HTTP/1.1 200 OK
Accept-Ranges: bytes
Age: 1
Cache-Control: public,max-age=0,must-revalidate
Cache-Status: "Netlify Edge"; hit
Content-Length: 29230
Content-Type: text/html; charset=UTF-8
Date: Sun, 04 Jan 2026 19:35:06 GMT
Etag: "9c5a3fd6b2b8c289af1c4d90e34e56ff-ssl"
Server: Netlify
Strict-Transport-Security: max-age=31536000
X-Nf-Request-Id: 01KE5834GX1T8V9DE877V6Z69K
Connection: close
Page title: randy.ch/en
<!DOCTYPE html>
<!--[if IE 8 ]><html class="no-js oldie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>
<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>randy.ch/en</title>
<meta name="description" content="portfolio">
<meta name="author" content="Randy Chen">
<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/timeline.css">
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>
<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1Q3GPXPF8B"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1Q3GPXPF8B');
</script>
<!-- LOADING -->
<body id="top">
<!-- <div id="loading">
<div id="spinner"></div>
</div>
<div id="box">
<div class="box1 onlywide animated bounceOutLeft" style="animation-delay:1.7s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.9s;"></div>
<div class="box2 animated bounceOutRight" style="animation-delay:1.9s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.7s;"></div>
</div> -->
<!-- header
================================================== -->
<header>
<!-- <div class="header-logo">
<a href="index.html"></a>
</div> -->
<a id="header-menu-trigger" href="#0">
<span class="header-menu-text">Menu</span>
<span class="header-menu-icon"></span>
</a>
<nav id="menu-nav-wrap">
<a href="#0" class="close-button" title="close"><span>Close</span></a>
<h3>Hello!</h3>
<ul class="nav-list">
<li class="current"><a class="smoothscroll" href="#home" title="">Home</a></li>
<li><a class="smoothscroll" href="#about" title="">About</a></li>
<li><a class="smoothscroll" href="#portfolio" title="">Works</a></li>
<li><a class="smoothscroll" href="#achievements" title="">Achievements</a></li>
<li><a class="smoothscroll" href="#contact" title="">Contact</a></li>
</ul>
<ul class="header-social-list">
<li>
<a href="https://www.linkedin.com/in/randythechen"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a href="https://www.instagram.com/dechines/"><i class="fa fa-instagram"></i></a>
</li>
<li>
<a href="https://www.behance.net/randychen5"><i class="fa fa-behance"></i></a>
</li>
</ul>
</nav> <!-- end #menu-nav-wrap -->
</header> <!-- end header -->
<!-- home
================================================== -->
<section id="home">
<div class="overlay"></div>
<div class="home-content-table">
<div class="home-content-tablecell">
<div class="row">
<div class="col-twelve">
<!-- <h1 class="animate-intro">
randy.ch/en
</h1> -->
<h1 class="typewrite animate-intro" style="letter-spacing:-0.8px; font-family: 'Josefin Sans';" data-period="2000" data-type='[ "/atty", "
Open service 35.157.26.135:80 · randy.ch
2026-01-04 19:35
HTTP/1.1 301 Moved Permanently Content-Type: text/plain; charset=utf-8 Date: Sun, 04 Jan 2026 19:35:04 GMT Location: https://randy.ch/ Server: Netlify X-Nf-Request-Id: 01KE5832XCBQ1FDW2R8880Q08F Content-Length: 32 Connection: close Redirecting to https://randy.ch/
Open service 63.176.8.218:80 · randy.ch
2026-01-04 19:35
HTTP/1.1 301 Moved Permanently Content-Type: text/plain; charset=utf-8 Date: Sun, 04 Jan 2026 19:35:04 GMT Location: https://randy.ch/ Server: Netlify X-Nf-Request-Id: 01KE5832TN3B5FZG991VEBGVQK Content-Length: 32 Connection: close Redirecting to https://randy.ch/
Open service 63.176.8.218:443 · randy.ch
2026-01-04 19:35
HTTP/1.1 200 OK
Accept-Ranges: bytes
Age: 0
Cache-Control: public,max-age=0,must-revalidate
Cache-Status: "Netlify Edge"; hit
Content-Length: 29230
Content-Type: text/html; charset=UTF-8
Date: Sun, 04 Jan 2026 19:35:04 GMT
Etag: "9c5a3fd6b2b8c289af1c4d90e34e56ff-ssl"
Server: Netlify
Strict-Transport-Security: max-age=31536000
X-Nf-Request-Id: 01KE583348FXD8AQA0HGHPW157
Connection: close
Page title: randy.ch/en
<!DOCTYPE html>
<!--[if IE 8 ]><html class="no-js oldie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>
<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>randy.ch/en</title>
<meta name="description" content="portfolio">
<meta name="author" content="Randy Chen">
<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/timeline.css">
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>
<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1Q3GPXPF8B"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1Q3GPXPF8B');
</script>
<!-- LOADING -->
<body id="top">
<!-- <div id="loading">
<div id="spinner"></div>
</div>
<div id="box">
<div class="box1 onlywide animated bounceOutLeft" style="animation-delay:1.7s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.9s;"></div>
<div class="box2 animated bounceOutRight" style="animation-delay:1.9s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.7s;"></div>
</div> -->
<!-- header
================================================== -->
<header>
<!-- <div class="header-logo">
<a href="index.html"></a>
</div> -->
<a id="header-menu-trigger" href="#0">
<span class="header-menu-text">Menu</span>
<span class="header-menu-icon"></span>
</a>
<nav id="menu-nav-wrap">
<a href="#0" class="close-button" title="close"><span>Close</span></a>
<h3>Hello!</h3>
<ul class="nav-list">
<li class="current"><a class="smoothscroll" href="#home" title="">Home</a></li>
<li><a class="smoothscroll" href="#about" title="">About</a></li>
<li><a class="smoothscroll" href="#portfolio" title="">Works</a></li>
<li><a class="smoothscroll" href="#achievements" title="">Achievements</a></li>
<li><a class="smoothscroll" href="#contact" title="">Contact</a></li>
</ul>
<ul class="header-social-list">
<li>
<a href="https://www.linkedin.com/in/randythechen"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a href="https://www.instagram.com/dechines/"><i class="fa fa-instagram"></i></a>
</li>
<li>
<a href="https://www.behance.net/randychen5"><i class="fa fa-behance"></i></a>
</li>
</ul>
</nav> <!-- end #menu-nav-wrap -->
</header> <!-- end header -->
<!-- home
================================================== -->
<section id="home">
<div class="overlay"></div>
<div class="home-content-table">
<div class="home-content-tablecell">
<div class="row">
<div class="col-twelve">
<!-- <h1 class="animate-intro">
randy.ch/en
</h1> -->
<h1 class="typewrite animate-intro" style="letter-spacing:-0.8px; font-family: 'Josefin Sans';" data-period="2000" data-type='[ "/atty", "