<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Steve Shead - Inspired by Genius - Driven by Passion - My Themes and Templates - My T-Shirt Designs - My Music - This is Me!">
        <meta name="author" content="Steve Shead">
        <meta name="keywords" content="design,development,html,html5,css,css3,themes,templates,steveshead,shead,music,code,inspired,genius,passion">
        <meta name="google-site-verification" content="R1yU2Faf53-JLd3k_WAh3IBT_iILDfcxPRd2T_2jTXE"/>
        <script data-ad-client="ca-pub-6542446358251667" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <title>Steve Shead - This Is Me.</title>
        <!-- Favicon -->
        <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicon/apple-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicon/apple-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicon/apple-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicon/apple-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicon/apple-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicon/apple-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicon/apple-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicon/apple-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicon/apple-icon-180x180.png">
        <link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicon/android-icon-192x192.png">
        <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon/favicon-96x96.png">
        <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon/favicon-16x16.png">
        <link rel="manifest" href="assets/img/favicon/manifest.json">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="msapplication-TileImage" content="assets/img/favicon/ms-icon-144x144.png">
        <meta name="theme-color" content="#ffffff">
        <!-- Bootstrap core CSS -->
        <!-- Custom styles for this template -->
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
        <link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
        <link href="assets/css/navigation.css" rel="stylesheet" type="text/css">
        <link href="assets/css/themify-icons.css" rel="stylesheet" type="text/css">
        <link href="assets/css/et-font.css" rel="stylesheet" type="text/css">
        <link href="assets/css/animate.css" rel="stylesheet" type="text/css">
        <link href="style.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
        <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-93907193-1', 'auto');
  ga('send', 'pageview');

</script>
    </head>
    <body>
        <!-- Navigation -->
        <div class="my-nav" id="page-top">
            <nav class="navbar navbar-custom navbar-fixed-top mnav wow fadeInDown" data-wow-delay="0.4s" role="navigation">
                <div class="container">
                    <div class="navbar-header mnav">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                            <i class="fa fa-bars fa-2x"></i>
                        </button>
                        <a class="navbar-brand page-scroll mnav" href="##"><i class="fa fa-terminal"></i> Steve Shead  </a>
                    </div>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse navbar-right navbar-main-collapse mnav">
                        <ul class="nav navbar-nav mnav">
                            <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                            <li class="hidden mnav">
                                <a href="#page-top"></a>
                            </li>
                            <li>
                                <a class="white" href="#home">Home</a>
                            </li>
                            <li>
                                <a href="#about">About</a>
                            </li>
                            <li>
                                <a href="music.html">Music</a>
                            </li>
                            <li>
                                <a href="themes.html">Themes</a>
                            </li>
                            <li>
                                <a href="https://www.etsy.com/shop/SteveSheadDotIO" target="_blank">T-Shirts</a>
                            </li>
                            <li>
                                <a href="code.html">Code</a>
                            </li>
                            <li>
                                <a href="#contact">Contact</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
        <!-- Intro Header -->
        <header id="home">
            <div class="container">
                <div class="row header-section py-5">
                    <div class="text-center col-xs-12">
                        <h1 class="wow fadeInUp">STEVE SHEAD</h1>
                        <h2 class="wow fadeInUp" data-wow-delay="0.3s">Inspired by Genius - Driven by Passion.</h2>
                    </div>
                    <div class="col-xs-12 text-center col-sm-8 col-sm-push-2">
                        <p class="wow fadeInUp" data-wow-delay="0.4s">Whatever you do in life do it with passion, integrity & open & honest communication. You may not be perfect, & life may throw you some curve balls, but your ethics & integrity will always carry you through.</p>
                        <a href="#about" class="btn btn-lg btn-outline-white wow fadeInUp" style="max-resolution: res;-right:5px" data-wow-delay="0.5s">More About Me</a>
                    </div>
                </div>
            </div>
        </header>
        <section id="about" class="about">
            <div id="process" class="process section">
                <div class="container">
                    <div class="row section-header-no-padding text-center">
                        <div class="title col-xs-12">
                            <h1 class="wow fadeInDown" style="visibility: visible;">Two sides of a coin</h1>
                            <p class="wow fadeInDown" data-wow-delay="0.2s" data-wow-duration="1s" style="visibility: visible; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.2s;">Me and him - and things I do.</p>
                            <div class="hr wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="2s" style="visibility: visible; -webkit-animation-duration: 2s; -webkit-animation-delay: 0.3s;"></div>
                            <p class="wow fadeInUp">I try not to be complex, but I don't seem to succeed for some reason.  I have a brain that doesn't shut down so I do "stuff", be it creating themes and templates, writing and producing music, taking photographs, flying planes, and oh-so-much more.  Take a look at some of the results of that thinking below - this is but a taster!</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="process-block col-xs-12 col-sm-6 col-md-3 wow fadeInLeft" data-wow-delay="0.15s">
                            <div class="process-inner">
                                <div class="icon-holder">
                                    <a href="themes.html"><i class="icon-browser"></i></a>
                                </div>
                                <h3 class="heading">HTML THEMES</h3>
                                <p class="description">Themes & Templates.</p>
                                <a class="btn btn-outline" href="themes.html" target="_blank">Read More</a>
                            </div>
                        </div>
                        <div class="process-block col-xs-12 col-sm-6 col-md-3 wow fadeInLeft" data-wow-delay="0.1s">
                            <div class="process-inner">
                                <div class="icon-holder">
                                    <a href="code.html"><i class="icon-global"></i></a>
                                </div>
                                <h3 class="heading">Code Snippets</h3>
                                <p class="description">Useful & Reusable.</p>
                                <a class="btn btn-outline" href="code.html" target="_blank">Read More</a>
                            </div>
                        </div>
                        <div class="proecess-block col-xs-12 col-sm-6 col-md-3 wow fadeInLeft" data-wow-delay="0.05s">
                            <div class="process-inner">
                                <div class="icon-holder">
                                    <a href="music.html"><i class="icon-genius"></i></a>
                                </div>
                                <h3 class="heading">My Music</h3>
                                <p class="description">Yes, I write music.</p>
                                <a class="btn btn-outline" href="music.html" target="_blank">Read More</a>
                            </div>
                        </div>
                        <div class="proecess-block col-xs-12 col-sm-6  col-md-3 wow fadeInLeft">
                            <div class="process-inner">
                                <div class="icon-holder">
                                    <a href="tshirts.html"><i class="icon-basket"></i></a>
                                </div>
                                <h3 class="heading">T-Shirts</h3>
                                <p class="description">Yep, I design t-shirts.</p>
                                <a class="btn btn-outline" href="tshirts.html" target="_blank">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row text-center section-header-no-padding">
                    <h1 class="wow fadeInDown">No really - Who Am I?</h1>
                    <div class="hr wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="2s"></div>
                </div>
                <div class="row me-and-him-lower">
                    <div class="text-center col-md-1 wow fadeInDown">
                        <i class="icon-puzzle"></i>
                        <h3>ME</h3>
                    </div>
                    <div class="col-md-5 wow fadeInUp">
                        <p>In simple form - father, grandfather, husband, geek, pilot, musician, amateur coder, leader, coach, mentor - passionate about life - passionate about technology - if it's worth doing, it's worth doing well. Life has a way of teaching you succinct lessons and sometimes those lessons sting, but you have to be receptive. The fun of the hunt sometimes bites along the way! Is that cryptic enough for you?</p>
                    </div>
                    <div class="text-center col-md-1 wow fadeInDown">
                        <i class="icon-genius"></i>
                        <h3>HIM</h3>
                    </div>
                    <div class="col-md-5 wow fadeInUp">
                        <p>In not so simple form, a senior Information Technology and Security executive in a technically advanced world fighting daily to push beyond the status quo and make a difference.  The challenges are deep and hard, from strategic viewpoints to tactical execution, to creating the digital umbrella that empowers the business to be successful - geek / nerd / technologist - with passion, integrity and the drive to succeed - this is me.</p>
                        <a href="https://www.linkedin.com/in/steveshead"></a>
                    </div>
                </div>
            </div>
        </section>
        <section id="subscribe" class="subscribe">
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <h3 class="text-right">GOT QUESTIONS OR COMMENTS?</h3>
                    </div>
                    <div class="col-md-5">
                        <a class="nav" href="#contact">
                            <button class="btn btn-lg btn-outline-white">CONTACT ME</button>
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <section id="more">
            <div class="container">
                <div class="section-header col-xs-12 text-center">
                    <h1 class="wow fadeInDown">More of my reality</h1>
                    <p class="wow fadeInDown" data-wow-delay="0.2s" data-wow-duration="1s">Some thoughts and musings</p>
                    <div class="hr wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="2s"></div>
                </div>
                <div class="row me-and-him">
                    <div class="col-md-7">
                        <p style="padding-bottom:10px" class="me-text wow fadeInLeft"><span class="icon-streetsign">&nbsp;</span> It is difficult having a brain that is in a constant state of thinking.  Not thinking is not an option, and often results in sleep.  Though that might strike you as a funny statement, it is quite true for me.  I learned early on that a busy mind keeps me awake and aware - of course keeping physically active helps also.</p>
                        <p style="padding-top:10px" class="me-text wow fadeInLeft" data-wow-delay="0.2s"><span class="icon-streetsign">&nbsp;</span> Some might say I have too many hobbies. I have to say I don't find it that way. With various different outlets I never get bored, and always have something to do. At work a brain break is diverting my thinking to a different problem or activity, the same can be said for working with code, or being creative.</p>
                    </div>
                    <div class="col-md-5">
                        <img class="img-responsive montage wow fadeInRight" src="assets/img/montage.png">
                    </div>
                </div>
            </div>
        </section>
        <section class="inspiration">
            <div class="container">
                <div class="row">
                    <div class="text-center col-xs-12">
                        <h3 class="wow fadeInDown"><span class="fa fa-quote-left">&nbsp;</span>Inspired by genius - driven by passion</h3>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">~Steve Shead</p>
                    </div>
                </div>
            </div>
        </section>
        <section id="code" class="code">
            <div class="container">
                <div class="row text-center">
                    <div class="section-header col-xs-12">
                        <h1 class="wow fadeInDown">The End of the page</h1>
                        <p class="wow fadeInDown" data-wow-delay="0.2s" data-wow-duration="1s">There doesn't need to be anymore.</p>
                        <div class="hr wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="2s"></div>
                        <p class="wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="2s">So there you have it - a lot of information about me, all in one page.<br/>
I'm impressed you made it this far - ok, that was sarcasm.<br/>
Let me know if you have questions.<br/>
The End!</p>
                    </div>
                </div>
            </div>
        </section>
        <section id="contact" class="contact">
            <div class="container">
                <div class="row">
                    <div class="overlay"></div>
                    <div class="col-md-6">
                        <h1 class="wow fadeInDown" data-wow-delay="0.5s">Social Me</h1>
                        <p class="wow fadeInDown" data-wow-delay="0.4s">
        Feel free to visit me on Social Media.  I have opinions and I express them - would love to hear yours, philosophically speaking of course.</p>
                        <p class="wow fadeInDown" data-wow-delay="0.3s">
        All opinions expressed here and on Social Media are my own and do not represent the views of anyone or anything else.</p>
                        <p class="wow fadeInDown">I have to say that - there are some 'not so nice' folks out there you know.</p>
                        <ul class="social-icons">
                            <li>
                                <a data-placement="bottom" title="LinkedIn" class="fa fa-linkedin wow fadeInLeft" data-wow-delay="0.8" href="http://www.linkedin.com/in/steveshead"></a>
                            </li>
                            <li>
                                <a data-placement="bottom" title="Facebook" class="fa fa-facebook wow fadeInLeft" data-wow-delay="0.6" href="http://www.facebook.com/steveshead"></a>
                            </li>
                            <li>
                                <a data-placement="bottom" title="Twitter" class="fa fa-twitter wow fadeInLeft" data-wow-delay="0.4" href="http://www.twitter.com/steveshead"></a>
                            </li>
                            <li>
                                <a data-placement="bottom" title="Google+" class="fa fa-google-plus wow fadeInLeft" data-wow-delay="0.2" href="https://plus.google.com/u/1/103713768861282204140"></a>
                            </li>
                            <li>
                                <a data-placement="bottom" title="Contact" class="fa fa-envelope go-down wow fadeInLeft" href="mailto:steve@steve-shead.com"></a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <h1 class="wow fadeInDown" data-wow-delay="0.5s">Contact</h1>
                        <p class="wow fadeInDown" data-wow-delay="0.4s">
                                 Want to say hello? Want to know more about what's going on in my world?
                                 Drop me an email and I will get back to you as soon as I can.</p>
                        <form action="assets/contact.php" method="post" class="contact-form">
                            <div class="control-group wow fadeInDown" data-wow-delay="0.3s">
                                <label for="name" class="nameLabel">Name</label>
                                <input id="name" type="text" name="name" class="form-control">
                            </div>
                            <div class="control-group wow fadeInDown" data-wow-delay="0.2s">
                                <label for="email" class="emailLabel">Email</label>
                                <input id="email" type="text" name="email" class="form-control">
                            </div>
                            <div class="control-group">
                                <label class="phoneLabel">Phone</label>
                                <input id="contact-form-phone" type="text" name="phone" class="form-control">
                            </div>
                            <div class="control-group wow fadeInDown" data-wow-delay="0.1s">
                                <label for="message" class="messageLabel">Message</label>
                                <textarea id="message" name="message" class="form-control"></textarea>
                            </div>
                            <div class="control-group wow fadeInDown">
                                <button type="submit" class="form-control">
                                    <i class="ti-arrow-right first"></i>
                                    <i class="ti-arrow-right second"></i>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 wow fadeInUp">
                        <p class="footnote text-center">
        Developed by <a href="http://www.steve-shead.com">Steve Shead</a> - All Rights Reserved</p>
                    </div>
                </div>
            </div>
        </section>
        <!-- Bootstrap core JavaScript
    ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/js/nav/navigation.js"></script>
        <script src="assets/js/scroll/smoothscroll.js"></script>
        <script src="assets/js/scripts.js"></script>
        <script src="assets/js/wow.js"></script>
        <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
        <script src="assets/js/ie10-viewport-bug-workaround.js"></script>
        <script>
              new WOW().init();
              </script>
    </body>
</html>
