<!doctype html>
<html lang="en">
<head>

  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

  <title>Mike Lee</title>

  <meta name="rating" content="general" />
  <meta name="author" content="Mike Lee" />
  <meta name="host" content="mikelee.org" />
  <meta name="description" content="I'm a father, husband, idealistic realist, humanistic technologist, funny t-shirt wearer, and do-gooder."/>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta property="og:type" content="website" />
  <meta property="og:title" content="Hi, I'm Mike Lee" />
  <meta property="og:description" content="I'm a father, husband, idealistic realist, humanistic technologist, funny t-shirt wearer, and do-gooder." />
  <meta property="og:image" content="https://mikelee.org/photo_mike_lee.jpg" />
  <meta property="og:site_name" content="Mike Lee" />
  <meta property="og:url" content="https://mikelee.org/" />
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Hi, I'm Mike Lee" />
  <meta name="twitter:description" content="I'm a father, husband, idealistic realist, humanistic technologist, funny t-shirt wearer, and do-gooder." />
  <meta name="twitter:image" content="https://mikelee.org/photo_mike_lee.jpg" />
  <meta name="twitter:site" content="@mikeeleorg" />
  <meta name="twitter:creator" content="@mikeeleorg" />

  <link rel="canonical" href="https://me.mikelee.org/" />
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <style>
    body {
      font-family: Helvetica, Arial, sans-serif;
      font-size: 2em;
      background-color: #eee;
      padding-top: 20px;
      padding-bottom: 40px;
    }

    h1, h2 {
      font-family: "Trebuchet MS", Helvetica, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      padding-bottom: 10px;
      margin-bottom: 20px;
      border-bottom: 5px solid #ccc;
    }
    h2 {
      margin-top: 40px;
    }

    .url img {
      margin: 20px 0;
      padding: 10px 10px 25px;
      background: #fefefe;
      border: 1px solid #bdbdbd;
      z-index: 1;
      -webkit-transform: rotate(-10deg);
      -moz-transform: rotate(-10deg);
      -moz-box-shadow: 3px 3px 15px #bbb;
      -webkit-box-shadow: 3px 3px 15px #bbb;
      box-shadow: 3px 3px 15px #bbb;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }
    .url:hover img {
      -webkit-filter: grayscale(0);
      filter: grayscale(0);
    }

    @font-face {
      font-family: 'Mono Social Icons Font';
      src: url('/fonts/MonoSocialIconsFont-1.10.eot');
      src: url('/fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
           url('/fonts/MonoSocialIconsFont-1.10.woff') format('woff'),
           url('/fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),
           url('/fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
      src: url('/fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }
    .symbol, a.symbol:before {
      font-family: 'Mono Social Icons Font';
      -webkit-text-rendering: optimizeLegibility;
      -moz-text-rendering: optimizeLegibility;
      -ms-text-rendering: optimizeLegibility;
      -o-text-rendering: optimizeLegibility;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      font-smoothing: antialiased;
    }
    a.symbol:before {
      content: attr(title);
      margin-right: 0.3em;
      font-size: 130%;
    }

    .social-media {
      list-style: none;
      padding: 0;
    }
    .social-media li {
      display: inline-block;
      padding: 0;
    }
    .social-media li a {
      font-size: 2em;
    }
    .social-media li a:hover {
      text-decoration: none;
      color: #333; }
    .symbol-email { color: #666; }
    .symbol-twitter { color: #4da7de; }
    .symbol-quora { color: #cb202d; }
    .symbol-linkedin { color: #3371b7; }
  </style>

  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-316713-12"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-316713-12');
  </script>

</head>

<body class="vcard" itemscope itemtype="http://schema.org/Person">

<main class="container">
  <div class="row">
    <div class="col-md-3">
      <a href="/" class="url" rel="me author" itemprop="url"><img class="photo author_image" itemprop="image" src="/photo_mike_lee.jpg" width="250" height="250" border="0" alt="" /></a>
    </div>
    <div class="col-md-9">

      <h1>Hi, I'm <span class="fn author" itemprop="name"><span itemprop="givenName">Mike</span> <span itemprop="familyName">Lee</span></span></h1>
      <ul class="role" itemprop="description">
        <li>Father, husband, idealistic realist, humanistic technologist, funny t-shirt wearer, coffee drinker, aspiring writer, constant student, do-gooder</li>
        <li>Senior technical product manager at Indeed</li>
        <li>Creator of <a href="https://csshumor.com/" itemprop="owns">CSS Humor</a>, <a href="https://httpstatusdogs.com/" itemprop="owns">HTTP Status Dogs</a>, <a href="https://doggoipsum.com/" itemprop="owns">Doggo Ipsum</a>, <a href="https://web20ipsum.com/" itemprop="owns">Web 2.0 Ipsum</a>, and <a href="https://javascriptbabybooks.com/" itemprop="owns">JavaScript Baby Books</a></li>
        <li>Retired blogger of <a href="https://bizthoughts.mikelee.org/" itemprop="owns">BizThoughts</a></li>
        <li>Alumni of <span itemprop="alumniOf">New York University</span></li>
      </ul>

      <h2>Work History</h2>
      <ul>
        <li><span itemprop="jobTitle">Co-founder</span> of <a href="https://edshelf.com/" itemprop="owns">edshelf</a></li>
        <li>Senior director of engineering at Quotient</li>
        <li>Co-founder and partner at WebMocha</li>
        <li>Mobile product director at TripIt</li>
        <li>Product manager, technical manager, and software engineer at Yahoo!</li>
        <li>Senior creative developer at Viant Consulting</li>
        <li>Senior consultant at Ernst &amp; Young Management Consulting</li>
        <li>Web designer at CBS New Media</li>
      </ul>

      <h2>Be My BFF</h2>
      <ul class="social-media">
        <li><a href="mailto:mikeleeorg@gmail.com" class="symbol symbol-email" title="roundedemail"></a></li>
        <li><a href="https://twitter.com/mikeleeorg" class="symbol symbol-twitter" title="roundedtwitter"></a></li>
        <li><a href="https://www.quora.com/profile/Mike-Lee" class="symbol symbol-quora" title="roundedquora"></a></li>
        <li><a href="https://www.linkedin.com/in/mikeleeorg" class="symbol symbol-linkedin" title="roundedlinkedin"></a></li>
      </ul>

    </div>
  </div>
</main>

</body>
</html>
