<div ng-controller="ProjectInfoController">
    <h2>Aid Activity Project Info</h2>
    <yds-info
            project-id="{{ projectId }}">
    </yds-info>
</div>

<div ng-controller="ProjectInfoController">
    <h2>Aid Activity Project Info</h2>
    <yds-info
            project-id="{{ projectId }}">
    </yds-info>

    <div class="row">
        <div class="col-md-12">
            <h3>Social</h3>
        </div>
    </div>
    <div class="row" style="margin-bottom: 20px">
        <div class="col-md-12">
            <uib-tabset justified="true">
                <!--Before-->
                <uib-tab heading="Before">
                    <div class="row">
                        <div class="col-md-12">
                            <yds-related-items
                                    project-id="{{ projectId }}"
                                    period="before"
                                    element-h="300">
                            </yds-related-items>
                        </div>
                    </div>
                </uib-tab>

                <!--During-->
                <uib-tab heading="During">
                    <div class="row">
                        <div class="col-md-12">
                            <yds-related-items
                                    project-id="{{ projectId }}"
                                    period="during"
                                    element-h="300">
                            </yds-related-items>
                        </div>
                    </div>
                </uib-tab>

                <!--After-->
                <uib-tab heading="After">
                    <div class="row">
                        <div class="col-md-12">
                            <yds-related-items
                                    project-id="{{ projectId }}"
                                    period="after"
                                    element-h="300">
                            </yds-related-items>
                        </div>
                    </div>
                </uib-tab>
            </uib-tabset>
        </div>
    </div>
</div>

Add Social section to view aid activity demo page
Add Social section to view aid activity demo page
