about.html

---
layout: default
title: about
---
<style type="text/css">
        .parallax { 
            /* The image used */
            background-image: url("http://i.imgur.com/eTTJKCQ.jpg");

            /* Set a specific height */
            height: calc(100vh - 46px); 

            /* Create the parallax scrolling effect */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        a, a:hover { text-decoration: none;
                     font-weight: normal;
        }
</style>
<div class="parallax w3-display-container w3-hide-small">
        <div class="w3-container w3-center w3-display-middle w3-black w3-padding-large w3-round ">
                <h3>Hi, I'm Jayden</h3>

        </div>
</div>
    <div class="w3-row-"></div>
        <div class="w3-half">
        <div class="w3-card-2 w3-margin">
            <div class="w3-padding w3-center">
                <h2><b>Photography is a habit</b></h2>
                <h5>Got a great idea? Just want to take some photos?</h5>
                <h5>Let's get in touch!</h5>
                <br>
                <h4><a href="mailto:{{ site.email }}">email</a></h4>
                <div class="w3-container">
                <h2 class="w3-third"><a href="http://twitter.com/{{ site.twitter_username }}"><span class="fa fa-twitter"></span> </a></h2>
                <h2 class="w3-third"><a href="http://instagram.com/{{ site.instagram_username }}"><span class="fa fa-instagram"></span></a></h2>
                <h2 class="w3-third"><a href="http://github.com/{{ site.github_username }}"><span class="fa fa-github"></span></a></h2>
                </div>
            </div>
        </div>
        </div>
        <div class="w3-half">
            <div class="w3-card-2 w3-margin">
                <div class="w3-padding w3-center">
                <h2><b>Coding is a passion</b></h2>
                <p>Angular</p>
                <p>Bash</p>
                <p>CSS</p>
                <p>C++</p>
                <p>Express</p>
                <p>Java</p>
                <p>Javascript</p>
                <p>jQuery</p>
                <p>Mongo</p>
                <p>Node</p>
                <p>PowerShell</p>
                <p>SQL</p>
                <p>Visual Basic</p>
                </div>
            </div>
        </div>