<div class="main-content no-sidebar">
    <div class="container">
        <div class="row">
            <div class="flat-products">
                <div class="woocommerce">
                    <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>
                        </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>
                        </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><!-- .flat-products -->                                        
        </div><!-- /.row -->
    </div><!-- /.container -->
</div><!-- /.main-content -->