qmjwLO

index.html

<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">

<div class="container-fluid">
  <div class="row justify-content-center vertical-center">
    <div class="col-4">
      <p>@{<br/> &nbsp; // <em><i></i> Aaron Lord</em> web developer since 1998<br/>&nbsp; // Northern California, USA</p>
      <p>&nbsp; // ASP.NET, Web API<br/> &nbsp; // C#, JavaScript, SQL<br/> }
      </p>
    </div>

    <div class="col-3">
      <ul>
        <li>

          <li>
            <a href="https://github.com/lorddev">
              <i class="fa fa-github" aria-hidden="true"></i> lorddev</a>
          </li><a href="https://twitter.com/devlords"><i class="fa fa-twitter" aria-hidden="true"></i> @devlords</a></li>
        <li><a href="https://www.linkedin.com/in/aaron-lord-88275851"><i class="fa fa-linkedin"> </i> aaron-lord-88275851</a></li>
      </ul>
    </div>
  </div>
</div>
</div>

qmjwlo.markdown

qmjwLO

A Pen by Aaron Lord on CodePen.

License.

style.css

body { background-color: black; color: silver;
font-family: 'Roboto Mono', Consolas, monospace; }
em { font-style: normal;
font-weight:bold;}
.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh;
  
  display: flex;
  align-items: center;
}

ul {
  list-style-type: none;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />