index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Michael Lakhia</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
      *{line-height:1.2;margin:0}
      html{color:#888;display:table;font-family:sans-serif;height:100%;text-align:center;width:100%}
      body{display:table-cell;vertical-align:middle;margin:2em auto}
      h1{color:#555;font-size:2em;font-weight:400;margin-bottom:10px}
      p{margin:0 auto;}
      @media only screen and (max-width: 280px){
        body,p{width:95%}h1{font-size:1.5em;margin:0 0 0.3em}
      }
    </style>
</head>
<body>
  <h1>Hi, I'm Michael.</h1>
  <p>Best ways to contact me are <a href="https://ca.linkedin.com/in/michaellakhia">linkedin</a> and <a href="https://twitter.com/michaellakhia">twitter</a></p>
</body>
</html>