<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="assets/img/favicon.png">

    <title>Nemanja Avramović</title>

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="assets/css/main.css" rel="stylesheet">
    
    <link href='//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Raleway:400,300,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>


    <div class="container">
    	<div class="col-lg-6 col-lg-offset-3">
    	
    		<!-- ===== vCard Navigation ===== -->
    		<div class="row w">
    			<div class="col-md-4">
    				<img class="img-responsive" src="assets/img/avatar.jpg" alt="Nemanja Avramović" id="avatar">
					<ul class="nav nav-tabs nav-stacked" id="myTab">
					  <li class="active"><a href="#about">About</a></li>
					  <li><a href="#profile">Profile</a></li>
					  <li><a href="#portfolio">Portfolio</a></li>
					  <li><a href="#contact">Contact</a></li>
					</ul>    			
				</div><!-- col-md-4 -->

    		<!-- ===== vCard Content ===== -->
    			<div class="col-md-8">
	    			<div class="tab-content">
	    			
	    			  <!-- ===== First Tab ===== -->
					  <div class="tab-pane active" id="about">
					  	<h3>Nemanja Avramović</h3>
					  	<h5>Software Developer</h5>
					  	<hr>
					  	<p id="text">Hello, I am Nemanja, software developer from <a href="https://en.wikipedia.org/wiki/Belgrade" target="_blank">Belgrade, Serbia</a>. I work as senior backend developer, mostly in <strong>PHP</strong> (<a href="http://laravel.com" target="_blank">Laravel</a>), but once in a while I like to jump into other languages such as <strong>JavaScript</strong>, <strong>C#</strong>, <strong>Java</strong> or even <strong>LUA</strong>.</p>
                        <p id="alternative" class="hidden">In the early days all I hoped was to make a living out of what I did best. But, since there’s no real market for masturbation I had to fall back on my code writing abilities.</p>
                        <p id="gravity">
                            <em>"I've been fighting gravity since I was two."</em>
                            <span class="pull-right red"><i class="icon-heart" title="↑ ↑ ↓ ↓ ← → ← → b a"></i></span>
                        </p> 

					  	
					  </div><!-- tab about -->
					  
	    			  <!-- ===== Second Tab ===== -->
					  <div class="tab-pane" id="profile">
					  	<h4><i class="icon-briefcase"></i> Job Experience</h4>
					  	<p class="sm">
					  		<grey><a href="http://www.cloudhorizon.com" target="_blank">Cloud Horizon</a></grey> | October 2016 - Actual<br/>
					  		<grey><a href="http://www.cubescripts.com" target="_blank">CubeScripts Media</a></grey> | October 2011 - October 2016<br/>
					  	</p>
					  
						  <h4><i class="icon-file-text-alt"></i> Education</h4>
					  	<p class="sm">
					  		<grey>Bachelor of IT</grey> | <a href="http://en.ict.edu.rs/" target="_blank">ICT College</a>, Belgrade<br/>
					  		<grey>Automation technician</grey> | <a href="http://www.tehnickaskola.edu.rs/" target="_blank">Tehnicka skola</a>, Mladenovac<br/>
					  	</p>
					  	
						  <h4><i class="icon-trophy"></i> Awards</h4>
					  	<p class="sm">
					  		<grey>Best IT innovation</grey> | <a href="http://www.design4um.net/b-link-beograd.html" target="_blank">B-Link festival</a>, 2008<br/>
                            (for <a href="https://packagist.org/packages/avram/vokativ" target="_blank">Vokativ</a> PHP library)
					  	</p>
					  </div><!-- Tab Profile -->
					  
	    			  <!-- ===== Third Tab ===== -->
					  <div class="tab-pane" id="portfolio">
						  <div class="row">
							  <div class="col-xs-6 centered">
							  	<img class="img-responsive" src="assets/img/p01.png" alt="">
							  	<a href="http://cubescripts.com" target="_blank"><h6><i class="icon-link"></i> Real Estate Script</h6></a>
							  </div><!-- col-xs-6 -->
							  <div class="col-xs-6 centered">
							  	<img class="img-responsive" src="assets/img/p02.png" alt="">
							  	<a href="http://instant-update.com" target="_blank"><h6><i class="icon-link"></i> Instant Update CMS</h6></a>
							  </div><!-- col-xs-6 -->
						  </div><!-- row -->
						  
						  <div class="row">
						  	<br>	
							  <div class="col-xs-6 centered">
							  	<img class="img-responsive" src="assets/img/p03.png" alt="">
							  	<a href="http://tapmedical.ca" target="_blank"><h6><i class="icon-link"></i> Tapmedical</h6></a>
							  </div><!-- col-xs-6 -->
							  <div class="col-xs-6 centered" style="display:none">
							  	<img class="img-responsive" src="assets/img/p04.png" alt="">
							  	<a href="#"><h6><i class="icon-link"></i> Project Name</h6></a>
							  </div><!-- col-xs-6 -->
						  </div><!-- row -->
					  </div><!-- /Tab Portfolio -->
					  
	    			  <!-- ===== Fourth Tab ===== -->
					  <div class="tab-pane" id="contact">
						  <h4>Contact Information</h4>
						  <hr>
						  <div class="row">
							  <div class="col-xs-12">
								  <p class="sm">
								  	<i class="icon-globe"></i> - avramovic.info <br/>
									<i class="icon-envelope"></i> - nemanja <em>at</em> avramovic <em>dot</em> info  
								  </p>
							  </div><!-- col-xs-6 -->
							  
							  <div class="col-xs-6" style="display:none">
								  <p class="sm">
								  	<i class="icon-phone"></i> - +381 64 12 34 567 <br/>
									<i class="icon-apple"></i> - 902 3940-4439  
								  </p>
							  </div><!-- col-xs-6 -->
						  </div><!-- row -->
						  
						  <h4>Social Links</h4>
						  <hr>
						  <div class="row">
							  <div class="col-xs-6">
								  <p class="sm">
								  	<i class="icon-facebook"></i> - <a href="https://fb.me/nemanja.avramovic" target="_blank">nemanja.avramovic</a> <br/>
									<i class="icon-skype"></i> - <a href="skype:nemanja.avramovic?add">nemanja.avramovic</a>
								  </p>
							  </div><!-- col-xs-6 -->
							  
							  <div class="col-xs-6">
								  <p class="sm">
								  	<i class="icon-linkedin"></i> - <a href="https://www.linkedin.com/in/avramovic/" target="_blank">avramovic</a> <br/>
									<i class="icon-twitter"></i> - @<a href="https://twitter.com/avramator" target="_blank">avramator</a>
								  </p>
							  </div><!-- col-xs-6 -->
						  </div><!-- row -->
					  </div><!-- Tab Contact -->
					  
					</div><!-- Tab Content -->
    			</div><!-- col-md-8 -->
    		</div><!-- row w -->
    	</div><!-- col-lg-6 -->
    </div><!-- /.container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="bower_components/cheet.js/cheet.js" type="text/javascript"></script>
	<script>
        $(document).ready(function() {
            $('#myTab a').click(function (e) {
                e.preventDefault()
                $(this).tab('show')
            });
                
            cheet('↑ ↑ ↓ ↓ ← → ← → b a', function () {
                $('#avatar').attr('src', 'assets/img/avatar-alt.jpg');
                $('#alternative, #text, #gravity').toggleClass('hidden');

                window.setTimeout(function() {
                    $('#avatar').attr('src', 'assets/img/avatar.jpg');
                    $('#alternative, #text, #gravity').toggleClass('hidden');
                }, 10000);
            });
        });

	</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','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-369402-1', 'auto');
  ga('send', 'pageview');

</script>
  </body>
</html>
