<div ng:controller="ArticleDetailsController" class="row-fluid" id="body-main" qn:fillheight>
    <script type="text/javascript">
    /* Flexslider */
    $(window).load(function () {
        "use strict";
        $('.flexslider').flexslider({
            animation: "fade",
            start: function (slider) {
                $('.np-controls a.next').click(function (event) {
                    event.preventDefault();
                    slider.flexAnimate(slider.getTarget("next"));
                });
                $('.np-controls a.previous').click(function (event) {
                    event.preventDefault();
                    slider.flexAnimate(slider.getTarget("previous"));
                });
            }
        });
    });
    </script>
    <div class="flexslider">
        <div class="slides">
            <section class="flex-active">
                <div class="profile" id="1">
                    <div class="page-head">
                        <div class="row">
                            <div class="col-md-5">
                                <h3>Portfolio</h3>
                            </div>
                            <div class="col-md-7">
                                <div class="np-main">
                                    <div class="np-controls">
                                        <a href="#/articles" class=" previous"><i class="fa fa-arrow-circle-left"></i></a>
                                        <a href="#/resume" class="next"><i class="fa fa-arrow-circle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <h2 data-ng-bind="article.Title"></h2>
                    <h5 style="float: right">{{article.PublishedOn | date:"d/M/yyyy"}}</h5>
                    <p ng-bind-html="renderHtml(article.Content)"></p>
                </div>
                <div class="clearfix"></div>
            </section>
        </div>
    </div>
</div>

