Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
213 lines (190 sloc) 6.73 KB
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Ed Ngai is a Product Designer and Front-End Developer. With skills
in both fields, his passion lies in the process of creating the perfect user
experience from design to implementation.">
<meta property=“og:image” content=“images/hero-mobile.jpg” />
<meta name="author" content="Ed Ngai">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"
crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r"
crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
crossorigin="anonymous"></script>
<script src="typed.js"></script>
<script>
$(function () {
$(".hero-title").typed({
strings: ["^1000Product Designer^2000", "^1000Front-End Developer^2000"],
typeSpeed: 0
});
});
function toggleMenu() {
var x = document.getElementById("myMenu");
if (x.className === "menu") {
x.className += " responsive";
} else {
x.className = "menu";
}
};
</script>
<title>Ed Ngai</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-99894501-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!--Navigation Bar-->
<div class="hero">
<div class="nav">
<img src="images/logowhite.png">
<!--<ul class="menu" id="myMenu">-->
<ul>
<li>
<a href="#about" class="scroll">About</a>
</li>
<li>
<a href="#projects" class="scroll">Projects</a>
</li>
<li>
<a href="#contact" class="scroll">Contact</a>
</li>
<li>
<a href="https://medium.com/@engai" target="_blank">Blog</a>
</li>
<!--<li class="hamburger">
<a href="javascript:void(0);" onclick="toggleMenu()">&#9776;</a>
</li>-->
</ul>
</div>
<div class="name">
<h1>
Hello, my name is Ed!</br>
</h1>
<h2>
<span class="hero-title"></span>
</h2>
</div>
</div>
<section id="about">
<div class="container">
<div class="row">
<h1>About</h1>
</div>
<div class="row">
<div class="about-text">
<p>
Nice to meet you! I am a Product Designer and UX Engineer based in San Francisco. With skills in both design and engineering,
my passion lies in the process of creating the perfect user experience from design to implementation. With each
project, I aspire to deliver beautiful and intutive applications that users will love.
</p>
<p class="m-t-3">
I am currently working full time as a UX Engineer on the Lightning Design System team at Salesforce. My focus there is on
creating design patterns that are clear, efficient, consistent and beautiful.
</p>
</div>
</div>
</div>
</section>
<section id="projects">
<div class="container">
<div class="row">
<h1>Projects</h1>
</div>
<div class="row">
<a href="./slds.html">
<div class="project project__slds">
<h4 class="project__role">UX Engineering</h4>
<h3 class="project__title">Lighting Design System</h3>
</div>
</a>
</div>
<div class="row">
<a href="https://medium.com/@engai/duet-6de97f38cbba">
<div class="project project__duet">
<h4 class="project__role">Product Design</h4>
<h3 class="project__title">Duet</h3>
</div>
</a>
</div>
<!--
<div class="row projects__grid">
<div class="projects__col">
<a href="https://medium.com/@engai/duet-6de97f38cbba">
<div class="project project__duet">
<h4 class="project__role">Product Design</h4>
<h3 class="project__title">Duet</h3>
</div>
</a>
</div>
<div class="projects__col">
<a href="https://www.google.com">
<div class="project project__slds">
<h4 class="project__role">Product Design</h4>
<h3 class="project__title">T & P Services</h3>
</div>
</a>
</div>
<div class="projects__col">
<a href="https://www.google.com">
<div class="project project__slds">
<h4 class="project__role">UX Engineering</h4>
<h3 class="project__title">Lighting Design System</h3>
</div>
</a>
</div>
</div>
</div>-->
</section>
<section id="contact">
<div class="container">
<div class="row">
<h1>Contact</h1>
</div>
<div class="row">
<div class="">
<a href="http://linkedin.com/in/engai" target="_blank">
<img class="img-responsive" src="images/linkedin.png" />
</a>
</div>
<div class="">
<a href="mailto:edmund.ngai@salesforce.com" target="_blank">
<img class="img-responsive" src="images/mail.png" />
</a>
</div>
<div class="">
<a href="http://github.com/engai" target="_blank">
<img class="img-responsive" src="images/github.png" />
</a>
</div>
</div>
</div>
<div class="row">
<div class="contact-text text-center">
<p>&copy; Ed Ngai 2018</p>
</div>
</div>
</section>
<script src="scroll.js"></script>
<script src="welcome.js"></script>
</body>
</html>