<?php require (PAGE_CONTENT.$PageContent);?>
<div id="<?php echo $pageID; ?>" class="page-wrapper row">
	<div class="investment-plan col s12">
	<div class="content-wrap">
		<h2 class="center-align alrightsansmedium intro-head-type"><?php echo $bapf_headInvestPlan ;?></h2>
		<p class="center-align alrightsansregular body-head-type"><?php echo $bapf_txtInvestPlan ;?></p>
		<div class="col s12">
			<div class="col s12 investment-plan-content-wrap">
			<section class="col l6 s12">
				<?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_ipf_icon_1.svg"); ?>
				<h5 class="center-align alrightsansmedium body-head-type"><?php echo $bapf_headInvestOpt1 ;?></h5>
				<p class="center-align alrightsansregular body-txt-type"><?php echo $bapf_txtInvestOpt1 ;?></p>
			</section>
			<section class="col l6 s12">
				<?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_ipf_icon_2.svg"); ?>
				<h5 class="center-align alrightsansmedium body-head-type"><?php echo $bapf_headInvestOpt2 ;?></h5>
				<p class="center-align alrightsansregular body-txt-type"><?php echo $bapf_txtInvestOpt2 ;?></p>
			</section>
			</div><!-- investment-plan-content-wrap -->
		</div>
		<div class="col s12">
			<a class="link-btn btn-flat btn-center alrightsansregular demo02" href="#modal-02"><span class="text-hover">Start Investing</span><i class="material-icons right arrow-hover"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/btn-arrow.svg"); ?></i></a>
			<p class="center-align alrightsansregular"><?php echo $bapf_txtInvestRec ;?></p>
		</div>
		</div><!-- content wrap -->
	</div><!-- investment-plan -->

	<div class="investment-pricing col s12">
	<div class="content-wrap">
		<div class="investment-pricing-content col s12">
		<h4 class="center-align alrightsansmedium body-head-type"><?php echo $bapf_txtInvestPrice ;?></h4>
		<p class="center-align alrightsansregular body-head-type"><?php echo $bapf_txtInvestPrice2 ;?></p>
		<div class="investment-pricing-content col s12">
		<div class="col s12">
			<section class="col s12 l4">
				<div class="circle">
					<p class="center-align alrightsansregular body-txt-type"><?php echo $bapf_iconGoldFee1 ;?></p>
				</div>
				<div>
					<h5 class="center-align alrightsansmedium body-head-type"><?php echo $bapf_headGoldFee1 ;?></h5>
					<p class="center-align alrightsansregular body-txt-type"><?php echo $bapf_txtGoldFee1 ;?></p>
				</div>
			</section><!-- gold fee -->

			<section class="col s12 l4">
				<div class="circle">
					<p class="center-align alrightsansregular body-txt-type"><?php echo $bapf_iconGoldFee2 ;?></p>
				</div>
				<div>
					<h5 class="center-align alrightsansmedium body-head-type"><?php echo $bapf_headGoldFee2 ;?></h5>
					<p class="center-align alrightsansregular body-txt-type"><?php echo $bapf_txtGoldFee2 ;?></p>
				</div>
			</section><!-- gold fee -->

			<section class="col s12 l4">
				<div class="circle">
					<p class="center-align alrightsansregular body-txt-type"><?php echo $bapf_iconGoldFee3 ;?></p>
				</div>
				<div>
					<h5 class="center-align alrightsansmedium body-head-type"><?php echo $bapf_headGoldFee3 ;?></h5>
					<p class="center-align alrightsansregular body-txt-type"><?php echo $bapf_txtGoldFee3 ;?></p>
				</div>
			</section><!-- gold fee -->
		</div>
	</div>
</div>
		</div><!-- content wrap -->
	</div><!-- investment-pricing -->

		<div class="investment-pricing-img col s12">
			<div class="investment-pricing-img-txt col s6">
				<h5 class="alrightsansmedium body-head-type"><?php echo $bapftxtImgInvestPrice;?></h5>
			</div>
			<img  src="<?php  echo TEMPLATES_ASSETS.'/img/investing/baraka-pricing.jpg'?>">
		</div><!-- investment-pricing-img -->

	<div class="investment-features col s12">
	<div class="content-wrap">
		<h3 class="center-align alrightsansmedium intro-head-type"><?php echo $bapf_headInvestFeat ;?></h3>

		<div class="col s12">
			<section class="key_feat col l6 s12 key_feat">
				<article class="col s2">
					<?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_ipf_icon_3.svg"); ?>
				</article>
				<article class="col s10">
					<h5 class="alrightsansmedium body-head-type"><?php echo $bapf_headInvestFeat1 ;?></h5>
					<p class="alrightsansregular body-txt-type"><?php echo $bapf_txtInvestFeat1 ;?></p>
				</article>
			</section><!-- key feat -->

			<section class="key_feat col l6 s12 key_feat">
				<article class="col s2">
					<?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_ipf_icon_4.svg"); ?>
				</article>
				<article class="col s10">
					<h5 class="alrightsansmedium body-head-type"><?php echo $bapf_headInvestFeat2 ;?></h5>
					<p class="alrightsansregular body-txt-type"><?php echo $bapf_txtInvestFeat2 ;?></p>
				</article>
			</section><!-- key feat -->

			<section class="key_feat col l6 s12 key_feat">
				<article class="col s2">
					<?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_ipf_icon_5.svg"); ?>
				</article>
				<article class="col s10">
					<h5 class="alrightsansmedium body-head-type"><?php echo $bapf_headInvestFeat3 ;?></h5>
					<p class="alrightsansregular body-txt-type"><?php echo $bapf_txtInvestFeat3 ;?></p>
				</article>
			</section><!-- key feat -->

			<section class="key_feat col l6 s12 key_feat">
				<article class="col s2">
					<?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sharia.svg"); ?>
				</article>
				<article class="col s10">
					<h5 class="alrightsansmedium body-head-type"><?php echo $bapf_headInvestFeat4 ;?></h5>
					<p class="alrightsansregular body-txt-type"><?php echo $bapf_txtInvestFeat4 ;?></p>
				</article>
			</section><!-- key feat -->
		</div>
	</div><!-- content wrap -->
	</div><!-- investment-features -->

	<div class="investment-questions col s12">
	<div class="content-wrap">
		<div class="investment-questions-content col s12">

				<section class="col s12">
					<h5 class="alrightsansmedium body-head-type"><?php echo $bapf_headInvestQuestion ;?></h5>
					<h6 class="alrightsansregular body-txt-type"><?php echo $bapf_subHeadInvestQuestion ;?></h6>
				</section>

				<div class="col s12">
				<section class="col l6 s12">
					<p class="alrightsansbold body-txt-type"><?php echo $bapf_headInvestQ1 ;?></p>
					<p class="alrightsansregular body-txt-type"><?php echo $excerpt = getExcerpt($bapf_txtInvestQ1, $bapf_linkInvestQ1,0, 150);?></p>
				</section>

				<section class="col l6 s12">
					<p class="alrightsansbold body-txt-type"><?php echo $bapf_headInvestQ2 ;?></p>
					<p class="alrightsansregular body-txt-type"><?php echo $excerpt = getExcerpt($bapf_txtInvestQ2,$bapf_linkInvestQ2, 0, 150);?></p>
				</section>
				</div>
				<div class="col s12">
				<section class="col l6 s12">
					<p class="alrightsansbold body-txt-type"><?php echo $bapf_headInvestQ3 ;?></p>
					<p class="alrightsansregular body-txt-type"><?php echo $excerpt = getExcerpt($bapf_txtInvestQ3, $bapf_linkInvestQ3,0, 150);?></p>
				</section>

				<section class="col l6 s12">
					<p class="alrightsansbold body-txt-type"><?php echo $bapf_headInvestQ4 ;?></p>
					<p class="alrightsansregular body-txt-type"><?php echo $excerpt = getExcerpt($bapf_txtInvestQ4,$bapf_linkInvestQ4, 0, 150);?></p>
				</section>

			</div>
		</div>
		</div><!-- content wrap -->
	</div><!-- investment-questions -->

	<div class="start-investing col s12">
		<h5 class="center-align alrightsansmedium body-head-type"><?php echo $bapf_headStartInvest;?></h5>
		<a class="link-btn btn-flat btn-center alrightsansregular demo02" href="#modal-02"><span class="text-hover">Open Account</span><i class="material-icons right arrow-hover"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/btn-arrow.svg"); ?></i></a>
	</div><!-- start-investing -->
</div><!-- page-wrapper -->
