<!DOCTYPE HTML>
<html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Stephen Parkinson</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="stephen parkinson" />
    <meta name="keywords" content="stephen parkinson" />
    <meta name="author" content="Stephen Parkinson" />

  <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content="" />
    <meta name="twitter:image" content="" />
    <meta name="twitter:url" content="" />
    <meta name="twitter:card" content="" />

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!--<link rel="shortcut icon" href="favicon.ico">-->

    <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700" rel="stylesheet">
    
    <!-- Animate.css -->
    <link rel="stylesheet" href="static/css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="static/css/icomoon.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="static/css/bootstrap.css">
    <!-- Flexslider  -->
    <link rel="stylesheet" href="static/css/flexslider.css">
    <!-- Flaticons  -->
    <!--<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">-->
    <!-- Owl Carousel -->
    <link rel="stylesheet" href="static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="static/css/owl.theme.default.min.css">
    <!-- Theme style  -->
    <link rel="stylesheet" href="static/css/style.css">

    <!-- Modernizr JS -->
    <script src="static/js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="static/js/respond.min.js"></script>
    <![endif]-->

    </head>
    <body>
    <div id="colorlib-page">
        <div class="container-wrap">
        <a href="#" class="js-colorlib-nav-toggle colorlib-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
        <aside id="colorlib-aside" role="complementary" class="border js-fullheight">
            <div class="text-center">
                <div class="author-img" style="background-image: url(static/images/about.jpg);"></div>
                <h1 id="colorlib-logo"><a href="index.html">Stephen Parkinson</a></h1>
                <span class="position"><a href="#">Software Engineer</a> at Cal Poly</span>
            </div>
            <nav id="colorlib-main-menu" role="navigation" class="navbar">
                <div id="navbar" class="collapse">
                    <ul>
                        <li class="active"><a href="#" data-nav-section="home">Home</a></li>
                        <li><a href="#" data-nav-section="projects">Projects</a></li>
                        <li><a href="#" data-nav-section="resume">Resume</a></li>
                    </ul>
                </div>
            </nav>

            <div class="colorlib-footer">
                <p><small>&copy;
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                <ul>
                    <li><a href="https://www.linkedin.com/in/stephen-parkinson/"><i class="icon-linkedin2"></i></a></li>
                </ul>
            </div>

        </aside>

        <div id="colorlib-main">
            <section class="colorlib-about" data-section="home">
                <div class="colorlib-narrow-content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
                            <div class="col-md-12">
                                <div class="about-desc">
                                    <span class="heading-meta">About Me</span>
                                    <p><strong>Hi I'm Stephen</strong></p>
                                    <p> I am a third year software engineering student at Cal Poly SLO. I am the Vice President of White Hat, Cal Poly’s ethical hacking and cybersecurity club. In addition, I work at Cal Poly ITS where my responsibilities include supporting computers and equipment across multiple departments, and managing macOS and Windows based computers using Active Directory, System Center Configuration Manage (SCCM) and Jamf.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </section>

            <section class="colorlib-about" data-section="resume">
                <div class="colorlib-narrow-content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
                            <div class="col-md-12">
                                <div class="about-desc">
                                    <p><a href="static/StephenParkinsonResume.pdf" class="btn btn-primary btn-learn">PDF of Resume</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </section>

        </div><!-- end:colorlib-main -->
    </div><!-- end:container-wrap -->
    </div><!-- end:colorlib-page -->

    <!-- jQuery -->
    <script src="static/js/jquery.min.js"></script>
    <!-- jQuery Easing -->
    <script src="static/js/jquery.easing.1.3.js"></script>
    <!-- Bootstrap -->
    <script src="static/js/bootstrap.min.js"></script>
    <!-- Waypoints -->
    <script src="static/js/jquery.waypoints.min.js"></script>
    <!-- Flexslider -->
    <script src="static/js/jquery.flexslider-min.js"></script>
    <!-- Owl carousel -->
    <script src="static/js/owl.carousel.min.js"></script>
    <!-- Counters -->
    <script src="static/js/jquery.countTo.js"></script>
    
    
    <!-- MAIN JS -->
    <script src="static/js/main.js"></script>

    </body>
</html>

