<!doctype html>

<html lang="en">

    <head>

        <meta charset="utf-8">

        <title></title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />

        <link href="css/stack-interface.css" rel="stylesheet" type="text/css" media="all" />

        <link href="css/theme.css" rel="stylesheet" type="text/css" media="all" />

        <link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />

        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700" rel="stylesheet">


    </head>

    <body data-smooth-scroll-offset="77">

        <div class="nav-container"> </div>

        <div class="main-container">

            <section class="switchable feature-large">

                <div class="container">

                    <div class="row">

                        <div class="col-sm-6 col-xs-12">

                            <div class="video-cover border--round box-shadow-wide">

                                <div class="background-image-holder"> <img alt="image" src=""> </div>

                                <div class="video-play-icon"></div> <iframe data-src="https://www.youtube.com/watch?v=GccA281PwE4" allowfullscreen="allowfullscreen"></iframe> </div>

                        </div>

                        <div class="col-sm-6 col-md-5">

                            <div class="switchable__text">

                                <h2>Shooting</h2>

                                <p class="lead"> Tutorial video that explains how to record points, assists and rebounding. </p>

                            </div>

                        </div>

                    </div>

                </div>

            </section>

            <section class="switchable feature-large">

                <div class="container">

                    <div class="row">

                        <div class="col-sm-6 col-xs-12">

                            <div class="video-cover border--round box-shadow-wide">

                                <div class="background-image-holder"> <img alt="image" src=""> </div>

                                <div class="video-play-icon"></div> <iframe data-src="https://www.youtube.com/watch?v=kg5WLgoa3NE&t=21s" allowfullscreen="allowfullscreen"></iframe> </div>

                        </div>

                        <div class="col-sm-6 col-md-5">

                            <div class="switchable__text">

                                <h2>Fouls</h2>

                                <p class="lead">Tutorial video that explains how to record various types of fouls. </p>

                            </div>

                        </div>

                    </div>

                </div>

            </section>

            <section class="switchable feature-large">

                <div class="container">

                    <div class="row">

                        <div class="col-sm-6 col-xs-12">

                            <div class="video-cover border--round box-shadow-wide">

                                <div class="background-image-holder"> <img alt="image" src=""> </div>

                                <div class="video-play-icon"></div> <iframe data-src="https://www.youtube.com/watch?v=ng8yj6pdhDA" allowfullscreen="allowfullscreen"></iframe> </div>

                        </div>

                        <div class="col-sm-6 col-md-5">

                            <div class="switchable__text">

                                <h2>Changing Periods and Ending the Game</h2>

                                <p class="lead">Tutorial video explaining how to change the period while you're in the game. Video also explains how to successfully end a game. </p>

                            </div>

                        </div>

                    </div>

                </div>

            </section>

            <section class="switchable feature-large">

                <div class="container">

                    <div class="row">

                        <div class="col-sm-6 col-xs-12">

                            <div class="video-cover border--round box-shadow-wide">

                                <div class="background-image-holder"> <img alt="image" src=""> </div>

                                <div class="video-play-icon"></div> <iframe data-src="https://www.youtube.com/watch?v=MPBksuA7ZB4&t=2s" allowfullscreen="allowfullscreen"></iframe> </div>

                        </div>

                        <div class="col-sm-6 col-md-5">

                            <div class="switchable__text">

                                <h2>Signing Up and Getting Started</h2>

                                <p class="lead">Tutorial video explaining how to create an account with HoopMetrics and also how to get started by creating an organization and team. </p>

                            </div>

                        </div>

                    </div>

                </div>

            </section>

            <section class="switchable feature-large">

                <div class="container">

                    <div class="row">

                        <div class="col-sm-6 col-xs-12">

                            <div class="video-cover border--round box-shadow-wide">

                                <div class="background-image-holder"> <img alt="image" src=""> </div>

                                <div class="video-play-icon"></div> <iframe data-src="https://www.youtube.com/watch?v=xBib2hPJvXY&t=20s" allowfullscreen="allowfullscreen"></iframe> </div>

                        </div>

                        <div class="col-sm-6 col-md-5">

                            <div class="switchable__text">

                                <h2>How to Access Statistics</h2>

                                <p class="lead">Tutorial video showing the route to take to access team and player statistics for your account. </p>

                            </div>

                        </div>

                    </div>

                </div>

            </section>

            <section class="switchable feature-large">

                <div class="container">

                    <div class="row">

                        <div class="col-sm-6 col-xs-12">

                            <div class="video-cover border--round box-shadow-wide">

                                <div class="background-image-holder"> <img alt="image" src=""> </div>

                                <div class="video-play-icon"></div> <iframe data-src="https://www.youtube.com/watch?v=2iJ6op4TNu0" allowfullscreen="allowfullscreen"></iframe> </div>

                        </div>

                        <div class="col-sm-6 col-md-5">

                            <div class="switchable__text">

                                <h2>How to Start a Game</h2>

                                <p class="lead">Tutorial video explaining how to start a game when you only want to record statistics for your own team. The video also shows how to create a one time use temporary team. </p>

                            </div>

                        </div>

                    </div>

                </div>

            </section>

            <section class="switchable feature-large">

                <div class="container">

                    <div class="row">

                        <div class="col-sm-6 col-xs-12">

                            <div class="video-cover border--round box-shadow-wide">

                                <div class="background-image-holder"> <img alt="image" src=""> </div>

                                <div class="video-play-icon"></div> <iframe data-src="https://www.youtube.com/watch?v=Ah4fU-pjstU" allowfullscreen="allowfullscreen"></iframe> </div>

                        </div>

                        <div class="col-sm-6 col-md-5">

                            <div class="switchable__text">

                                <h2>Subscriptions</h2>

                                <p class="lead">Learn how to make substitutions while using HoopMetrics. </p>

                            </div>

                        </div>

                    </div>

                </div>

            </section>

        </div>

        <script src="js/jquery-3.1.1.min.js"></script>

        <script src="js/parallax.js"></script>

        <script src="js/smooth-scroll.min.js"></script>

        <script src="js/scripts.js"></script>


    </body>


</html>