<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Michael Speers - Home Page</title>

    <script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script>

    <script src="/bundles/spa?v=S0penJcLzTbkVpHKSjZSxCjluO9wDEo-cWn-WbBdAvI1"></script>

    
    <!-- Custom styles for this template -->
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Noto+Serif:700,400italic' rel='stylesheet' type='text/css'>
    <link href="/Content/css?v=aIbh509Is1DBZYVtjtJWOFrUHP793gdY3g0mpMNzNWk1" rel="stylesheet"/>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="Scripts/html5shiv.js"></script>
      <script src="Scripts/respond.min.js"></script>
    <![endif]-->


</head>
<body data-ng-app="app">
    <!-- begin:navbar -->
    <nav class="navbar navbar-default navbar-transparent navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-top">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/"><i class="fa fa-code"></i> Michael Speers</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="navbar-top">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/">Home</a></li>
                    <li><a href="/Portfolio">Portfolio</a></li>
                    <li><a href="/Blog">Blog</a></li>
                    <li><a href="/Home/About">About</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <!-- end:navbar -->
    <!-- begin:content -->
    


<!-- begin:header -->
<section id="header" style="background-image: url(Images/image-sharks.jpg);">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <blockquote>
                    <p>Shark Diving in Maui :)</p>
                    <small>Michael <a href="/Images/image-sharks.jpg" target="_blank">view image</a></small>
                </blockquote>
            </div>
        </div>
    </div>
    <div class="overlay"></div>
</section>
<!-- end:header -->
<!-- begin:featured -->
<div class="container">
    <div style="padding: 20px 0"></div>
    <div class="row">
        <div class="col-md-12">
            <div class="page-title">
                <h2>Sandbox</h2>
            </div>
        </div>
    </div>
</div>
<div id="featured">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-sm-4">
                <div class="featured-container">
                    <div class="featured-img">
                        <img src="Images/AngularJS-large.png" alt="image post category danish">
                        <h3><a href="/Blog/Article/Multiple-Angular-Apps-On-Page">Multiple Angular Apps on a Single Page? / Single Page Applications</a></h3>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-4">
                <div class="featured-container">
                    <div class="featured-img">
                        <img src="/Images/image-portfolio-cadence.jpg" alt="image post category danish">
                        <h3><a href="#">Implementing a Group Stream with AngularJS, MVC and Web API - Part 1 (coming Dec. 30)</a></h3>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-4">
                <div class="featured-container">
                    <div class="featured-img">
                        <img src="Images/jasmine.png" alt="image post category danish">
                        <h3><a href="#">Implementing a Group Stream with AngularJS, MVC and Web API - Part 2 - Frontend Testing with Jasmine (coming Jan. 6)</a></h3>
                    </div>
                </div>
            </div>                        
        </div>
        <div class="row">
            <div class="col-md-4 col-sm-4">
                <div class="featured-container">
                    <div class="featured-img">
                        <img src="Images/visual-studio-logo.png" alt="image post category danish">
                        <h3><a href="#">Organizing Complex Visual Studio Solutions (coming Jan. 13)</a></h3>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-4">
                <div class="featured-container">
                    <div class="featured-img">
                        <img src="/Images/blog-pigs.jpg" alt="image post category danish">
                        <h3><a href="#">Globalization and Localization in MVC with Pig Latin - Part 1 (coming Jan. 20)</a></h3>
                    </div>
                </div>
            </div> 
        </div>
    </div>
</div>
<!-- end:featured -->
<!-- begin:portfolio -->
<div class="container">
    <div style="padding: 20px 0"></div>
    <div class="row">
        <div class="col-md-12">
            <div class="page-title">
                <h2>Portfolio</h2>
            </div>
        </div>
    </div>
</div>
<section id="portfolio">
    <ul class="container-portfolio">
        <li>
            <div class="portfolio-item">
                <img src="Images/image-portfolio-shadow.jpg" class="img-responsive" alt="">
                <div class="portfolio-caption">
                    <div class="portfolio-text">
                        <h3>Shadow Mountain Church Website /</h3>
                        <p>Branding, Web Design, Custom Development</p>
                        <a href="/Portfolio/ShadowMountain" class="btn btn-danish">View &raquo;</a>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="portfolio-item">
                <img src="Images/image-portfolio-cussd.jpg" class="img-responsive" alt="">
                <div class="portfolio-caption">
                    <div class="portfolio-text">
                        <h3>Christian Unified Schools Website /</h3>
                        <p>Branding, Web Design, Custom Development</p>
                        <a href="/Portfolio/ChristianUnified" class="btn btn-danish">View &raquo;</a>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="portfolio-item">
                <img src="Images/image-portfolio-socalsem.jpg" class="img-responsive" alt="">
                <div class="portfolio-caption">
                    <div class="portfolio-text">
                        <h3>Southern California Seminary Website /</h3>
                        <p>Branding, Web Design, Custom Development</p>
                        <a href="/Portfolio/SocalSem" class="btn btn-danish">View &raquo;</a>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="portfolio-item">
                <img src="Images/image-portfolio-missionaries.jpg" class="img-responsive" alt="">
                <div class="portfolio-caption">
                    <div class="portfolio-text">
                        <h3>Shadow Mountain Missionaries /</h3>
                        <p>Custom Development, Rich Internet Application (RIA)</p>
                        <a href="/Portfolio/ShadowMountainMissions" class="btn btn-danish">View &raquo;</a>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="portfolio-item">
                <img src="Images/image-portfolio-smcc-small-groups.jpg" class="img-responsive" alt="">
                <div class="portfolio-caption">
                    <div class="portfolio-text">
                        <h3>Shadow Mountain Small Groups Website /</h3>
                        <p>Custom Development, Google Maps Search, Registration Forms</p>
                        <a href="/Portfolio/SmallGroups" class="btn btn-danish">View &raquo;</a>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="portfolio-item">
                <img src="Images/image-portfolio-cadence.jpg" class="img-responsive" alt="">
                <div class="portfolio-caption">
                    <div class="portfolio-text">
                        <h3>Team Cadence /</h3>
                        <p>Team Social, Collaboration, Chat, Tasks, Project Docs, Blogs, Profiles and More</p>
                        <a href="#" class="btn btn-danish">Coming soon</a>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</section>
<!-- end:portfolio -->

<div class="row">
    <div class="col-md-12">
    </div>
</div>

    <!-- end:content -->
    <!-- begin:footer -->
    <section id="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-4">
                    <div class="widget">
                        <h3>Recent Post</h3>
                        <ul class="list-unstyled">
                            <li><a href="/Blog/Article/Multiple-Angular-Apps-On-Page">Multiple Angular Apps on a Single Page?</a></li>
                        </ul>
                        <h3>Coming Soon</h3>
                        <ul class="list-unstyled">
                            <li><a href="#">Implementing a Group Stream with AngularJS, MVC and Web API - Part 1 (coming Dec. 30)</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 col-sm-3">
                    <div class="widget">
                        <h3>Useful Links</h3>
                        <ul class="list-unstyled">
                            <li><a href="/">Home</a></li>
                            <li><a href="/Portfolio">Portfolio</a></li>
                            <li><a href="/Blog">Blog</a></li>
                            <li><a href="/Home/About">About</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-5 col-sm-5">
                    <div class="footer-logo">
                        <h2><i class="fa fa-code"></i> Michael Speers</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end:footer -->
    <!-- begin:copyright -->
    <section id="copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6 copy-left">
                    <p>Copyright &copy; 2015 <strong>Michael Speers</strong>. All Right Reserved.</p>
                </div>

                <div class="col-md-6 col-sm-6 copy-right">
                    <ul class="list-inline social-icon">
                        
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- end:copyright -->
    
    <!-- Core JavaScript
    ================================================== -->
    <script src="/Scripts/jquery-1.10.2.js"></script>
    <script src="/Scripts/bootstrap.js"></script>
    <script src="/Scripts/masonry.pkgd.min.js"></script>
    <script src="/Scripts/jquery.isotope.min.js"></script>
    <script src="/Scripts/jquery.easing.js"></script>
    <script src="/Scripts/jquery.parallax.js"></script>
    <script src="/Scripts/script.min.js"></script>
    
</body>
</html>
