<div ng-controller="lessonCtrl as vm">

    <div class="row" style="margin-bottom: 10px">
        <div class="col-xs-12">

            <progress-bar lessons="vm.lessonSvc.lessons" lesson="vm.lesson"></progress-bar>

        </div>
    </div>


    <div class="row">
        <div class="col-sm-4">

            <div class="row">
                <div class="col-xs-8">
                    <h3>Headings</h3>
                </div>
                <div class="col-xs-4">
                    <nav-list lesson="vm.lesson" lessons="vm.lessonSvc.lessons"></nav-list>
                </div>
            </div>

            <p>
                HTML supports headings using tags like <code>h1</code> and <code>h2</code> where <code>h1</code> is a level-1 heading and <code>h2</code> is a level-2 heading.
                You can create these headings by adding one or more <code>#</code> symbols before your heading text. The number of <code>#</code> you
                use will determine the size of the heading.
            </p>

        <pre>
            <p>
                # This is an h1 tag
            </p>
            <p>
                ## This is an h2 tag
            </p>
        </pre>

            <h3>Example</h3>
            <hr/>

            <h1>This is an h1 tag</h1>
            <h2>This is an h2 tag</h2>


        </div>
        <div class="col-sm-4">
            <editor text="vm.lesson.text" lesson="vm.lesson"></editor>
        </div>
        <div class="col-sm-4">
            <result text="vm.lesson.text"></result>
        </div>
    </div>

    <md-footer number="vm.state.next"></md-footer>

</div>

<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','//www.google-analytics.com/analytics.js','ga');

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

</script>