<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Mr. Latte by Jong-Ha Ahn">
    <meta name="author" content="Jong-Ha Ahn">
    <link rel="shortcut icon" href="/assets/icon/favicon.ico">
    <title>Mr. Latte by Jong-Ha Ahn</title>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <link href="/assets/css/pages.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <link href="//netdna.bootstrapcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
      <link href="/assets/ie/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
      <script src="/assets/ie/html5shiv.js"></script>
      <script src="/assets/ie/respond.min.js"></script>
      <script src="/assets/ie/respond.proxy.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/"><i class="fa fa-coffee"></i> Mr. Latte</a>
    </div>
    <div class="navbar-collapse collapse">
      <div>
        <ul class="nav navbar-nav">
          
            
              
                <li class="active"><a href="/" target="_self">Home</a></li>
              
            
          
            
              
                <li><a href="http://apps.mrlatte.net" target="_self">Applications</a></li>
              
            
          
            
              
                <li><a href="http://blog.mrlatte.net" target="_self">Blog</a></li>
              
            
          
            
              
                <li><a href="http://jonghaahn.mrlatte.net" target="_self">Curriculum Vitae</a></li>
              
            
          
            
              
                <li><a href="http://research.mrlatte.net" target="_self">Research</a></li>
              
            
          
        </ul>
      </div>
      <div class="pull-right">
        <ul class="nav navbar-nav small">
          <li><a href="/about"><i class="fa fa-question"></i> About</a></li>
          <li><a href="/contact"><i class="fa fa-envelope"></i> Contact</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

    

    <div id="carousel" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carousel" data-slide-to="0" class="active"></li>
    
    
    
    <li data-target="#carousel" data-slide-to="1"></li>
    
    <li data-target="#carousel" data-slide-to="2"></li>
    
    <li data-target="#carousel" data-slide-to="3"></li>
    
    <li data-target="#carousel" data-slide-to="4"></li>
    
  </ol>
  <div class="carousel-inner">
    <div class="item active">
      <div class="container">
        <div class="carousel-caption">
          <h1>Welcome</h1>
          <p>Welcome to all who visit here! I am Jong-Ha Ahn. This is a page for introducing my personal works. I need a purpose to make me go. I think this is the start of something really big. Sometimes that first step is the hardest one, and I&#39;ve just taken it.</p>
          <p><a class="btn btn-primary" href="#carousel" data-slide="next" role="button">Let's start &raquo;</a></p>
        </div>
      </div>
    </div>
    
      
    
      
        <div class="item">
          <div class="container">
            <div class="carousel-caption">
              <h1>Applications</h1>
              <p>I offer variety online applications. It is a target to be obtained an idea about the new program or service. This is my personal 20 percent projects that I can do pretty much whatever I want.</p>
              <p><a class="btn btn-success" href="http://apps.mrlatte.net" target="_self" role="button">View details &raquo;</a></p>
            </div>
          </div>
        </div>
      
    
      
        <div class="item">
          <div class="container">
            <div class="carousel-caption">
              <h1>Blog</h1>
              <p>Mr. Latte&#39;s Blog. I&#39;m writing a critical essay on the topic of computer software or personal interest. I like to think of something interesting and I like thinking big. If you&#39;re going to be thinking anything, you might as well think big.</p>
              <p><a class="btn btn-success" href="http://blog.mrlatte.net" target="_self" role="button">View details &raquo;</a></p>
            </div>
          </div>
        </div>
      
    
      
        <div class="item">
          <div class="container">
            <div class="carousel-caption">
              <h1>Curriculum Vitae</h1>
              <p>Curriculum Vitae of Jong-Ha Ahn. Provides an overview of a my experience and other qualifications. I also want to put a dent in the universe. Money isn&#39;t scare; vision is. I organize my vision on this page.</p>
              <p><a class="btn btn-success" href="http://jonghaahn.mrlatte.net" target="_self" role="button">View details &raquo;</a></p>
            </div>
          </div>
        </div>
      
    
      
        <div class="item">
          <div class="container">
            <div class="carousel-caption">
              <h1>Research</h1>
              <p>To publish all of my private research and make them widely available to everyone. Stand on the shoulders of giants. This page will be my own giants.</p>
              <p><a class="btn btn-success" href="http://research.mrlatte.net" target="_self" role="button">View details &raquo;</a></p>
            </div>
          </div>
        </div>
      
    
  </div>
  <a class="left carousel-control" href="#carousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
  <a class="right carousel-control" href="#carousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>

<div class="container">
  <hr />

  <p>Welcome to all who visit here! I am Jong-Ha Ahn. This is a page for introducing my personal works. I need a purpose to make me go. I think this is the start of something really big. Sometimes that first step is the hardest one, and I&#39;ve just taken it.</p>

  <hr />

  <div class="row"><div class="col-sm-4 col-md-3">
  <div class="panel panel-default">
    <div class="panel-heading applications">
      <h1 class="panel-title">Applications</h1>
    </div>
    <div class="panel-body">
      <p><small>I offer variety online applications. It is a target to be obtained an idea about the new program or service.</small></p>
      <a href="http://apps.mrlatte.net" target="_self" class="btn btn-sm btn-default" role="button">View details &raquo;</a>
    </div>
  </div>
</div><div class="col-sm-4 col-md-3">
  <div class="panel panel-default">
    <div class="panel-heading blog">
      <h1 class="panel-title">Blog</h1>
    </div>
    <div class="panel-body">
      <p><small>Mr. Latte&#39;s Blog. I&#39;m writing a critical essay on the topic of computer software or personal interest.</small></p>
      <a href="http://blog.mrlatte.net" target="_self" class="btn btn-sm btn-default" role="button">View details &raquo;</a>
    </div>
  </div>
</div><div class="col-sm-4 col-md-3">
  <div class="panel panel-default">
    <div class="panel-heading curriculum vitae">
      <h1 class="panel-title">Curriculum Vitae</h1>
    </div>
    <div class="panel-body">
      <p><small>Curriculum Vitae of Jong-Ha Ahn. Provides an overview of a my experience and other qualifications.</small></p>
      <a href="http://jonghaahn.mrlatte.net" target="_self" class="btn btn-sm btn-default" role="button">View details &raquo;</a>
    </div>
  </div>
</div><div class="col-sm-4 col-md-3">
  <div class="panel panel-default">
    <div class="panel-heading research">
      <h1 class="panel-title">Research</h1>
    </div>
    <div class="panel-body">
      <p><small>To publish all of my private research and make them widely available to everyone.</small></p>
      <a href="http://research.mrlatte.net" target="_self" class="btn btn-sm btn-default" role="button">View details &raquo;</a>
    </div>
  </div>
</div></div>

  <hr />

  <div class="well" itemprop="author" itemscope="itemscope" itemtype="http://schema.org/Person">
  <div class="media">
    <a class="pull-left" href="http://plus.google.com/+JongHaAhn">
      <img alt="Jong-Ha Ahn" class="media-object img-circle" itemprop="image" src="http://www.gravatar.com/avatar/2f95e6584f66a9090e0d192e0b7cf423?s=100&r=g">
    </a>
    <div class="media-body text-justify">
      <h4 class="media-heading" itemprop="name">Jong-Ha Ahn</h4>
      <p>
        I am a software engineer in Seoul, Republic of Korea. I am currently interested in data mining and machine learning. I like writing about computer software and interesting subject. If you want to see my curriculum vitae, visit <a href="http://jonghaahn.mrlatte.net" target="_blank">here</a>. You can send email for me to jongha.ahn (at) mrlatte (dot) net. I read everything sent there. Thanks.
        <ul class="list-inline">
          <li><a href="http://plus.google.com/+JongHaAhn?rel=author" rel="author" target="_blank"><i class="fa fa-google-plus-square"></i> Google+</a></li>
          <li><a href="http://github.com/jongha" rel="author" target="_blank"><i class="fa fa-github"></i> Github</a></li>
          <li><a href="https://www.facebook.com/jongha.ahn" target="_blank"><i class="fa fa-facebook-square"></i> Facebook</a></li>
          <li><a href="https://twitter.com/jonghaahn" target="_blank"><i class="fa fa-twitter"></i> Twitter</a></li>
          <li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=7VN2UFVRBYWM8" target="_blank"><i class="fa fa-coffee"></i> Donate a cup of coffee</a></li>
        </ul>
      </p>
    </div>
  </div>
</div>
</div>

    <footer class="small" itemprop="author" itemscope="itemscope" itemtype="http://schema.org/Person">
  <p class="text-center">Copyright © 2005 - present <a href="http://plus.google.com/+JongHaAhn?rel=author" rel="author" target="_blank" itemprop="name">Jong-Ha Ahn</a>. All Rights Reserved.</p>
</footer>

    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
    <script src="/assets/js/jquery.tocify.js"></script>
    <script src="/assets/js/pages.js"></script>
    <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','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-3736522-4', 'mrlatte.net');
      ga('send', 'pageview');
    </script>

    <script>
// Include the UserVoice JavaScript SDK (only needed once on a page)
UserVoice=window.UserVoice||[];(function(){var uv=document.createElement('script');uv.type='text/javascript';uv.async=true;uv.src='//widget.uservoice.com/LdAn4d5o084JzM0q3XVxtA.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(uv,s)})();

//
// UserVoice Javascript SDK developer documentation:
// https://www.uservoice.com/o/javascript-sdk
//

// Set colors
UserVoice.push(['set', {
  accent_color: '#448dd6',
  trigger_color: 'white',
  trigger_background_color: 'rgba(46, 49, 51, 0.6)'
}]);

// Identify the user and pass traits
// To enable, replace sample data with actual user traits and uncomment the line
UserVoice.push(['identify', {
  //email:      'john.doe@example.com', // User’s email address
  //name:       'John Doe', // User’s real name
  //created_at: 1364406966, // Unix timestamp for the date the user signed up
  //id:         123, // Optional: Unique id of the user (if set, this should not change)
  //type:       'Owner', // Optional: segment your users by type
  //account: {
  //  id:           123, // Optional: associate multiple users with a single account
  //  name:         'Acme, Co.', // Account name
  //  created_at:   1364406966, // Unix timestamp for the date the account was created
  //  monthly_rate: 9.99, // Decimal; monthly rate of the account
  //  ltv:          1495.00, // Decimal; lifetime value of the account
  //  plan:         'Enhanced' // Plan name for the account
  //}
}]);

// Add default trigger to the bottom-right corner of the window:
UserVoice.push(['addTrigger', { mode: 'contact', trigger_position: 'bottom-right' }]);

// Or, use your own custom trigger:
//UserVoice.push(['addTrigger', '#id', { mode: 'contact' }]);

// Autoprompt for Satisfaction and SmartVote (only displayed under certain conditions)
UserVoice.push(['autoprompt', {}]);
</script>
  </body>
</html>
