<!--Page Header-->
<div class="page-header title-area">
    <div class="header-title">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <h1 class="page-title">{{ $article->title }}</h1>
                </div>
            </div>
        </div>
    </div>
    <div class="breadcrumb-area">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-sm-12 col-xs-12 site-breadcrumb">
                    <nav class="breadcrumb">
                        <a class="home" href="#"><span>Home</span></a>
                        <i class="fa fa-angle-right" aria-hidden="true"></i>
                        <span>{{ $article->title }}</span>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Page Header end-->

<!--contact pagesec-->
<section class="contactpagesec secpadd3">
    <div class="container">
        <div class="row justify-content-center align-items-center gap-3">
            <div class="col-md-8">
                <div class="fh-section-title clearfix f25 text-left version-dark paddbtm40">
                    <h2>Managing Director</h2>
                </div>
                {!! $article->text !!}
                <br>
                <br>
            </div>
            <div style="margin-top: 15%" class="col-md-4">
                <img src="{{ asset($article->cover_photo) }}" alt="{{ $article->title }}" class="img-fluid">
            </div>
        </div>
    </div>
</section>