humans/javalzar1.html

<!DOCTYPE html>
<html>
    <head>
      <title>Hello world!</title>
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
      <style>
        body {
          background-image: url('http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/congruent_outline.png');
          background-repeat: repeat;
        }
        .valign-wrapper {
          width:100%;
          height: 100%;
          position: absolute;
        }
        .valign {
          width:100%;
        }
      </style>
    </head>
    <body class="valign-wrapper">
      <div class="valign">
        <div class="container">
          <div class="row">
            <div class="col s12 m5 offset-m3">
              <div class="card large">
                <div class="card-image">
                  <img src="https://c402277.ssl.cf1.rackcdn.com/photos/2325/images/hero_small/mountains-hero.jpg?1345838509" alt="My pic"/>
                  <span class="card-title">Hi!</span>
                </div>
                <div class="card-content">
                    Hello! My name is Javier. Im ready to start learning and contributing! 
                    Let's code something together!
                </div>
                <div class="card-action">
                  <a href="https://github.com/javalzar1">GitHub profile</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </body>
</html>