<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    
    <title>udhien.net - a Personal Website of Mohammad Syafiuddin</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" type="text/css" href="https://udhien.net/css/reset.css"/> 
    <link rel="stylesheet" type="text/css" href="https://udhien.net/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="https://udhien.net/css/fancybox.css"/>
	<link rel='stylesheet' href="https://fonts.googleapis.com/css?family=Open+Sans%3A400%2C300%2C600%2C300italic%2C400italic%2C600italic&#038;ver=3.4.2" type='text/css' media='all' />
    <script type="text/javascript" src="https://udhien.net/js/jquery.min.js"></script>
    <script type="text/javascript" src="https://udhien.net/js/jquery.easytabs.min.js"></script>
    <script type="text/javascript" src="https://udhien.net/js/respond.min.js"></script>
	<script type="text/javascript" src="https://udhien.net/js/jquery.adipoli.min.js"></script>
    <script type="text/javascript" src="https://udhien.net/js/jquery.fancybox-1.3.4.pack.js"></script>
    <script type="text/javascript" src="https://udhien.net/js/jquery.isotope.min.js"></script>
    <script type="text/javascript" src="https://udhien.net/js/custom.js"></script>
        <script type="text/javascript">

          var _gaq = _gaq || [];
          _gaq.push(['_setAccount', 'UA-2532891-1']);
          _gaq.push(['_trackPageview']);

          (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'http://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
          })();

        </script>
</head>
    <body>
        <!-- Container -->
        <div id="container">
        
            <!-- Top -->
			<div class="top"> 
            	<!-- Logo -->
            	<div id="logo">
                	<h2>MOHAMMAD SYAFIUDDIN</h2>
                    <h4>Digital Product Experts, Community Builder, Online Marketing Enthusiast</h4>
                </div>
                <!-- /Logo -->
                
                <!-- Social Icons -->
                <ul class="socialicons">
                	<li><a href="javascript:;" class="social-text">SOCIAL PROFILES</a></li>
                	<li><a href="https://www.facebook.com/udhien" target="_blank" rel="nofollow" class="social-facebook"></a></li>
                    <li><a href="https://twitter.com/udhien" target="_blank" rel="nofollow" class="social-twitter"></a></li>
                    <li><a href="https://id.linkedin.com/in/mohammadsyafiuddin/" target="_blank" rel="nofollow" class="social-in"></a></li>
                    <li><a href="https://pinterest.com/udhien" target="_blank" rel="nofollow" class="social-pinterest"></a></li>
                    <li><a href="https://udhien.tumblr.com/" target="_blank" rel="nofollow" class="social-tumblr"></a></li>
                </ul>
                <!-- /Social Icons -->
            </div>
            <!-- /Top -->
            
            <!-- Content -->
            <div id="content" >
            
                <!-- Profile -->
                <div id="profile"> 
                 	<!-- About section -->
                	<div class="about">
                    	<div class="photo-inner"><img src="https://udhien.net/images/photo.jpg" height="186" width="153" /></div>
                        <h1>MOHAMMAD SYAFIUDDIN</h1>
                        <h3>20+ years experience in web application development.</h3>
                        <p>Expertise in Digital Product, Online Community Building and Digital Marketing Strategy.<br />Interest in eCommerce Business Development, User Experience and Social Media Management.</p>
						<p>In my spare time, I manage my startup <a href="http://www.theurbanmama.com" target="_blank">THEURBANMAMA.COM</a> (<em>the largest online parenting community in Indonesia</em>) with other Co-founders and also take some photos</p>
                    </div>
                    <!-- /About section -->
                </div>        
                <!-- /Profile --> 

                <!-- Menu -->
                <div class="menu">
                	<ul class="tabs">
                    	<li class="tmenu"><a href="#profile" class="tab-profile">Profile</a></li>
                    	<li class="tmenu"><a href="#photography" class="tab-photography">Photography</a></li>
                    	<li class="tmenu"><a href="#contact" class="tab-contact">Contact</a></li>
                    </ul>
                </div>
                <!-- /Menu --> 
                 
                <!-- Portfolio -->
                <div id="photography">

                     <ul id="photography-filter">
                        <li><a href="" class="current" data-filter="*">All</a></li>
                        <li><a href="" data-filter=".foodie">Foodie</a></li>
                        <li><a href="" data-filter=".singapore">Singapore</a></li>
                        <li><a href="" data-filter=".india">India</a></li>
                        <li><a href="" data-filter=".munich">Munich</a></li>
                        <li><a href="" data-filter=".people">People</a></li>
                        <li><a href="" data-filter=".others">Others</a></li>
                    </ul>
                    <ul id="photography-list">
                        <li class="foodie">
                            <a href="https://udhien.net/photography/foodie/01.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/foodie/01-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="foodie">
                            <a href="https://udhien.net/photography/foodie/02.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/foodie/02-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="foodie">
                            <a href="https://udhien.net/photography/foodie/03.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/foodie/03-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="foodie">
                            <a href="https://udhien.net/photography/foodie/04.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/foodie/04-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="foodie">
                            <a href="https://udhien.net/photography/foodie/05.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/foodie/05-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="foodie">
                            <a href="https://udhien.net/photography/foodie/06.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/foodie/06-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="foodie">
                            <a href="https://udhien.net/photography/foodie/07.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/foodie/07-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="others">
                            <a href="https://udhien.net/photography/others/09.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/others/09-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="others">
                            <a href="https://udhien.net/photography/others/08.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/others/08-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="others">
                            <a href="https://udhien.net/photography/others/07.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/others/07-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="others">
                            <a href="https://udhien.net/photography/others/06.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/others/06-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="others">
                            <a href="https://udhien.net/photography/others/05.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/others/05-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="others">
                            <a href="https://udhien.net/photography/others/04.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/others/04-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="others">
                            <a href="https://udhien.net/photography/others/03.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/others/03-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="others">
                            <a href="https://udhien.net/photography/others/02.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/others/02-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="others">
                            <a href="https://udhien.net/photography/others/01.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/others/01-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="people">
                            <a href="https://udhien.net/photography/people/01.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/people/01-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="people">
                            <a href="https://udhien.net/photography/people/02.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/people/02-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="people">
                            <a href="https://udhien.net/photography/people/03.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/people/03-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="people">
                            <a href="https://udhien.net/photography/people/04.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/people/04-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="people">
                            <a href="https://udhien.net/photography/people/05.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/people/05-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="people">
                            <a href="https://udhien.net/photography/people/06.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/people/06-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="people">
                            <a href="https://udhien.net/photography/people/07.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/people/07-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="people">
                            <a href="https://udhien.net/photography/people/08.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/people/08-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="people">
                            <a href="https://udhien.net/photography/people/09.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/people/09-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="people">
                            <a href="https://udhien.net/photography/people/10.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/people/10-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="singapore">
                            <a href="https://udhien.net/photography/singapore/01.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/singapore/01-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="singapore">
                            <a href="https://udhien.net/photography/singapore/02.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/singapore/02-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="singapore">
                            <a href="https://udhien.net/photography/singapore/03.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/singapore/03-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="singapore">
                            <a href="https://udhien.net/photography/singapore/04.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/singapore/04-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="singapore">
                            <a href="https://udhien.net/photography/singapore/05.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/singapore/05-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="singapore">
                            <a href="https://udhien.net/photography/singapore/06.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/singapore/06-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="india">
                            <a href="https://udhien.net/photography/india/01.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/india/01-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="india">
                            <a href="https://udhien.net/photography/india/02.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/india/02-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="india">
                            <a href="https://udhien.net/photography/india/03.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/india/03-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="india">
                            <a href="https://udhien.net/photography/india/04.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/india/04-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="munich">
                            <a href="https://udhien.net/photography/munich/01.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/munich/01-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="munich">
                            <a href="https://udhien.net/photography/munich/02.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/munich/02-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="munich">
                            <a href="https://udhien.net/photography/munich/03.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/munich/03-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="munich">
                            <a href="https://udhien.net/photography/munich/04.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/munich/04-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="munich">
                            <a href="https://udhien.net/photography/munich/05.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/munich/05-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="munich">
                            <a href="https://udhien.net/photography/munich/06.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/munich/06-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="munich">
                            <a href="https://udhien.net/photography/munich/07.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/munich/07-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="munich">
                            <a href="https://udhien.net/photography/munich/08.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/munich/08-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="munich">
                            <a href="https://udhien.net/photography/munich/09.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/munich/09-thumb.jpg" alt="" >
                            </a>
                    	</li>
                        <li class="munich">
                            <a href="https://udhien.net/photography/munich/10.jpg" rel="photography" class="folio">
                                <img src="https://udhien.net/photography/munich/10-thumb.jpg" alt="" >
                            </a>
                    	</li>
                    </ul>
                </div>
                <!-- /Portfolio -->   
                
                <!-- Contact -->
                <div id="contact">
                    <!-- Contact Form -->
                    <div class="contact-form">
                        <h3 class="main-heading"><span>Let's keep in touch</span></h3>
                        <div id="contact-status"></div>
                        <form action="" id="contactform">
                            <p>
                            	<label for="name">Your Name</label>
                            	<input type="text" name="name" class="input" >
                            </p>
                            <p>
                            	<label for="email">Your Email</label>
                            	<input type="text" name="email" class="input">
                            </p>
                            <p>
                            	<label for="message">Your Message</label>
                                <textarea name="message" cols="88" rows="6" class="textarea" ></textarea>
                            </p>
                            <input type="submit" name="submit" value="Send your message" class="button">
                        </form>
                    </div>
                    <!-- /Contact Form -->
                </div>
                <!-- /contact -->  

            </div>
            <!-- /Content -->
            
            <!-- Footer -->
			<div class="footer">
            	<div class="copyright">Copyright &copy; 2002-2022 <a href="https://udhien.net">Mohammad Syafiuddin</a> (<a href="https://udhien.net">udhien.net</a>)</div>
            </div>
            <!-- /Footer --> 
            
        </div>
		<!-- /Container -->

    </body>
	</html>