<section class="flat-row" style="background-color: #f2f2f2;">
<div class="container">
<div class="row">
<div class="flat-tabs">
<ul class="menu-tab">
<!-- <li class="active"><a href="#"><i class="fa fa-newspaper-o"></i><br><span>Our News Update</span></a></li> -->
<li class="active"><a href="#"><i class="fa fa-qrcode"></i><br><span>Our Investor Relation</span></a></li>
<li><a href="#"><i class="fa fa-bar-chart"></i><br><span>Our Corporate Governance</span></a></li>
</ul><!-- /.menu-tab -->
<div class="content-tab">
<div class="content-inner">
<div class="woocommerce columns-4">
<ul class="products">
<li>
<div class="product-thumbnail">
<img src="images/reports/Annual_Report.jpg" alt="images">
</div>
<div class="product-info">
<div class="product-info-wrap">
<a href="documents/Annual_Report_2017.pdf" target="_blank">
<h3>Annual Report</h3>
</a>
<div class="flat-button">
<a href="documents/Annual_Report_2017.pdf" target="_blank">View Report</a>
</div>
</div>
</div>
</li>
<li>
<div class="product-thumbnail">
<img src="images/reports/5Year_Financial_Report.jpg" alt="images">
</div>
<div class="product-info">
<div class="product-info-wrap">
<a href="#">
<h3>Financial Summary</h3>
</a>
<div class="flat-button">
<a href="#">View Report</a>
</div>
</div>
</div>
<!-- <p>5-Year Financial Summary</p> -->
</li>
<li>
<div class="product-thumbnail">
<img src="images/reports/Director_Report.jpg" alt="images">
</div>
<div class="product-info">
<div class="product-info-wrap">
<a href="#">
<h3>Director's Summary</h3>
</a>
<div class="flat-button">
<a href="#">View Report</a>
</div>
</div>
</div>
<!-- <p>Director's Report</p> -->
</li>
<li>
<div class="product-thumbnail">
<img src="images/reports/Shareholder.jpg" alt="images">
</div>
<div class="product-info">
<div class="product-info-wrap">
<a href="#">
<h3>Shareholder's Information</h3>
</a>
<div class="flat-button">
<a href="#">View Report</a>
</div>
</div>
</div>
<!-- <p>Shareholder's Information</p> -->
</li>
</ul>
</div><!-- /.woocommerce -->
<div class="flat-button" style="width: 100%;">
<a href="documents/Notice_AGM.png" target="_blank">Notice of Meetings</a>
</div>
</div><!-- /.content-inner -->
<div class="content-inner">
<div class="woocommerce columns-4">
<ul class="products">
<li>
<div class="product-thumbnail">
<img src="images/reports/Complaints.jpg" alt="images">
</div>
<div class="product-info">
<div class="product-info-wrap">
<a href="documents/complaints-policy.pdf" target="_blank">
<h3>Complaints Management</h3>
</a>
<div class="flat-button">
<a href="documents/complaints-policy.pdf" target="_blank">View Report</a>
</div>
</div>
</div>
<!-- <p>Complaints Management</p> -->
</li>
<li>
<div class="product-thumbnail">
<img src="images/reports/whistle.jpg" alt="images">
</div>
<div class="product-info">
<div class="product-info-wrap">
<a href="documents/whistle-blowing-policy.pdf" target="_blank">
<h3>Whistle Blowing Policy</h3>
</a>
<div class="flat-button">
<a href="documents/whistle-blowing-policy.pdf" target="_blank">View Report</a>
</div>
</div>
</div>
<!-- <p>Whistle Blowing Policy</p> -->
</li>
<li>
<div class="product-thumbnail">
<img src="images/reports/security.jpg" alt="images">
</div>
<div class="product-info">
<div class="product-info-wrap">
<a href="documents/trading-policy.pdf" target="_blank">
<h3>Securities Trading Policy</h3>
</a>
<div class="flat-button">
<a href="documents/trading-policy.pdf" target="_blank">View Report</a>
</div>
</div>
</div>
<!-- <p>Securities Trading Policy</p> -->
</li>
<li>
<div class="product-thumbnail">
<img src="images/reports/Social_responsibility.jpg" alt="images">
</div>
<div class="product-info">
<div class="product-info-wrap">
<a href="#">
<h3>Social Responsibility</h3>
</a>
<div class="flat-button">
<a href="#">View Report</a>
</div>
</div>
</div>
<!-- <p>Social Responsibility</p> -->
</li>
</ul>
</div><!-- /.woocommerce -->
</div><!-- /.content-inner -->
</div><!-- /.content-tab -->
</div><!-- /.flat-tabs -->
</div><!-- /.row -->
</div><!-- /.container -->
</section>