<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<label for="biz-card">
<input type="checkbox" id="biz-card"/>
<div class="card">
<div class="front">
<h1>HARUN PEHLİVAN</h1>
<p> FOUNDER,CEO BLOGGER</p>
<p><a href="https://harunpehlivantebimtebitagem.carrd.co" target="_blank"> FOUNDER,CEO BLOGGER</a> <a href="https://www.udemy.com/user/harunpehlivan2">Udemy</a>.</p>
<p class="encyclopedia">HARUN PEHLİVAN on <a>TEBİM/TEBİTAGEM</a></p>
<p class="flip"><img src="http://toddaustin.com/images/mod-dev/cardAssets/flip.png" alt="" /></p>
<p class="social">
<a href="https://twitter.com/HTERCUMANP"><img src="http://toddaustin.com/images/mod-dev/cardAssets/twitter.png" alt="" /></a> <a href="https://github.com/harunpehlivan"><img src="http://toddaustin.com/images/mod-dev/cardAssets/github1.png" alt="" /></a>
<a href="https://www.linkedin.com/in/harun-pehlivan-0aa34252/"><img src="http://toddaustin.com/images/mod-dev/cardAssets/linkedin.png" alt="" /></a>
</p>
</div>
<div class="back"><p class="flip"><img src="http://toddaustin.com/images/mod-dev/cardAssets/flip.png" alt="" /></p>
<p class="nameplate">HARUN PEHLİVAN</p></div>
</div>
</label>
