@extends('layout.home')
@section('content')

<style type="text/css">
	.content a:hover{
		color:#FFD800;
		text-decoration: none;
	}
	.content a, .content span{
		color:#1DA1F2;
		text-decoration: none;
		display: block;
	}
	.content{
		font-size: 24px;
		width: auto;
		height: auto;
		margin-right: auto;
		margin-left:auto;
	}
	.content a{
		margin-bottom:10px;
	}
		.header-image{
		overflow:hidden;
	}


</style>
@include('layout/header-image')
<div class="container">

@include('layout.direction')
	<div class="topic">
		<span>About Us</span>
	</div>


<div class="content">
<a href="/aboutus/historyandobjective">History and Objects</a>
<a href="/aboutus/note">Chairman's Note</a>
<a href="/aboutus/executivecommittee">Executive Committee</a>
<a href="/aboutus/functionalgroup">Functional Groups</a>
<a href="/aboutus/advisor">Honorary Chairman / Honorary Advisors / Honorary Secetary / Honorary Legal Advisor</a>
<a href="/aboutus/ofca">Advisory Committees of OFCA</a>
<a href="/aboutus/service">Services</a>
<a href="/aboutus/policy">Privacy Policy</a>
</div>
</div>

@endsection