<!DOCTYPE html>
<html>
<head>
    <title>Profile</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <div class="profile-card">
        <div class="header">
            <img src="img/olx.jpg">
        </div>
        <div class="content">
            <h2>Hadi Prasetyo</h2>
            <h3>Web Developer & Freelancer</h3>
            <p><strong>
                php, vb.net, css, html & javascript.
            </strong></p>
            <ul>
                <li><a href=""></a><i class="fa fa-facebook" aria-hidden="true"></i>FaceBook</li>
                <li><a href=""></a><i class="fa fa-twitter" aria-hidden="true"></i>Twitter</li>
                <li><a href=""></a><i class="fa fa-google-plus" aria-hidden="true"></i>Google+</li>
                <li><a href=""></a><i class="fa fa-map-marker" aria-hidden="true"></i>Address</li>
            </ul>
        </div>
        <div class="footer">
            <p>kura-kuracoding</p>
        </div>
    </div>
</body>
</html>