index.html


<!DOCTYPE html>
<html lang="en-us">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Bootstrap Portfolio: Ryan Tang</title>

  <!-- Bootstrap CDN -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

</head> 

<body>

  <nav class="navbar navbar-default">
    <div class="container">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">Ryan Tang</a>
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">About</a></li>
          <li><a href="#">Portfolio</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
    </div>
  </nav>

  <div class="container">
    <div class="row">
      <div class="col-md-8">
        <div class="page-header">
          <h1>About Me</h1>
        </div>
        <div class="row">
          <div class="col-md-3">
            <img src="me.jpg" alt="Hello!"
            class="img-thumbnail">
          </div>
        <div class="col-md-9">
          <p>Ryan found himself in Los Angeles after growing up in Houston, TX. You might find him wandering the streets of LA, contemplating his next meal, and wondering why more people haven't realized that after leaving home, Smokey from Friday grew up to be Detective James Carter from Rush Hour.</p>

          <p>With a background in Design and Communications, Ryan has his sights set on improving his skills and gaining more knowledge on the way to finding a worthwhile career.</p>
          </div>
        </div>
      </div>
    
    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel heading">
            <h3 class="panel-title">Connect with Me</h3>
          </div>
          <div class="panel-body">
              <button class="btn btn-default" type="submit">LinkedIn</button>
              <button class="btn btn-default" type="submit">GitHub</button>
              <button class="btn btn-default" type="submit">StackOverflow</button>

          </div>
        </div>
      </div>
    </div>
  </div>
  
  <footer class="footer">
      <div class="container">
          <p class="text-muted">Copyright Ryan Tang</p>
      </div>
  </footer>
   
</body>

</html>