<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
        <title>{{.Name}}</title>
        <!-- CSS  -->
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link href="materialize/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
        <link href="starter-template.css" type="text/css" rel="stylesheet" media="screen,projection" />
    </head>
    <body>
        <div class="section no-pad-bot" id="index-banner">
            <div class="container">
                <br>
                <br>
                <h5 class="header center orange-text">{{.Name}}</h5>
                <div id="videowraper" class="row center videoWrapper">
                    <iframe width="560" height="315" src="{{.Youtube}}" frameborder="0" allowfullscreen></iframe>
                </div>
                <div class="row left">
                    <div class="col s12"> 
                        <p>{{.Description}}</p>
                    </div>
                </div>
                <br>
            </div>
        </div>
        <!--  Scripts-->
        <script src="assets/js/jquery.min.js"></script>
        <script src="materialize/js/materialize.js"></script>
        <script src="starter-template.js"></script>
    </body>
</html>
