<?php require (PAGE_CONTENT.$PageContent);?>
<div id="<?php echo $pageID;?>" class="page-wrapper row">

  <div class="col s12 investment-calculator-intro">
    <div class="content-wrap">
      <div class="calc-wrap">
      <h1 class="center-align alrightsansmedium intro-head-type"><?php echo $ic_headHero;?></h1>
      <p class="center-align alrightsansregular intro-txt-type"><?php echo $ic_txtHero;?></p>
      <?php require(INVEST_CALCULATOR.'/investment-calculator-form.php');?>
    </div>
  </div><!-- content-wrap -->
  </div><!-- investment-calculator-intro -->

  <div class="col s12 investment-calculator-container">
      <div class="content-wrap">
    <div  class="investment-calculator-illustration hide">
      <h2 class="center-align alrightsansmedium intro-head-type"><?php echo $ic_headIllu; ?></h2>
      <p class="center-align alrightsansregular intro-txt-type"><?php echo $ic_txtIllu; ?></p>

      <div class="investment-illustration-circle">
          <p class="alrightsansmedium intro-head-type circle-init-amount"></p>
      </div>
    </div><!-- investment-calculator-illustration -->
  </div><!-- content-wrap -->
  </div>

  <div class="col s12 investment-illustration-graph hide">
    <div class="content-wrap">
      <div id="investment-illustration-graph">
      </div>
    </div>
  </div>

    <div class="col s12 investment-details-section hide">
      <div class="content-wrap">
        <div class="col s12">
        <section class="col s12 l6 investment-details-section-left">
          <h3 class="alrightsansmedium body-head-type"><?php echo $ic_id_head?></h3>
            <ul>
              <li><p class="alrightsansregular body-txt-type"><?php echo $ic_id_txt_1?></p></li>
              <li><p class="alrightsansregular body-txt-type"><?php echo $ic_id_txt_2?></p></li>
              <li><p class="alrightsansregular body-txt-type"><?php echo $ic_id_txt_3?></p></li>
              <li><p class="alrightsansregular body-txt-type"><?php echo $ic_id_txt_4?></p></li>
              <li><p class="alrightsansregular body-txt-type"><?php echo $ic_id_txt_5?></p></li>
              <li><p class="alrightsansregular body-txt-type"><?php echo $ic_id_txt_6?></p></li>
              <li><p class="alrightsansregular body-txt-type"><?php echo $ic_id_txt_7?></p></li>
              <li><p class="alrightsansregular body-txt-type"><?php echo $ic_id_txt_8?></p></li>
              <li><p class="alrightsansregular body-txt-type"><?php echo $ic_id_txt_9?></p></li>
            </ul>
        </section>
        <section class="col s12 l6 investment-details-section-right">
          <h3 class="alrightsansmedium body-head-type"><?php echo $ic_boi_head?></h3>
          <ul class="benefits-of-investment">
            <li><p class="alrightsansregular body-txt-type"><?php echo $ic_boi_txt_1?><span class="right"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_home_tick.svg"); ?></span></p></li>
            <li><p class="alrightsansregular body-txt-type"><?php echo $ic_boi_txt_1?><span class="right"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_home_tick.svg"); ?></span></p></li>
            <li><p class="alrightsansregular body-txt-type"><?php echo $ic_boi_txt_1?><span class="right"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_home_tick.svg"); ?></span></p></li>
            <li><p class="alrightsansregular body-txt-type"><?php echo $ic_boi_txt_1?><span class="right"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_home_tick.svg"); ?></span></p></li>
            <li><p class="alrightsansregular body-txt-type"><?php echo $ic_boi_txt_1?><span class="right"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_home_tick.svg"); ?></span></p></li>
          </ul>

        </section>
        </div>

        <div class="col s12">
        <section class="col s12 l6 investment-details-section-left">
          <h3 class="alrightsansmedium body-head-type"><?php echo $ic_krp_head?></h3>
          <ul>
            <li><p class="alrightsansregular body-txt-type"><?php echo $ic_krp_txt_1?></p></li>
            <li><p class="alrightsansregular body-txt-type"><?php echo $ic_krp_txt_2?></p></li>
            <li><p class="alrightsansregular body-txt-type"><?php echo $ic_krp_txt_3?></p></li>
          </ul>
        </section>
        <section class="col s12 l6 investment-details-section-right">
          <h3 class="alrightsansmedium body-head-type"><?php echo $ic_af_head?></h3>
          <ul>
            <li><p class="alrightsansregular body-txt-type"><?php echo $ic_af_txt_1?></p></li>
            <li><p class="alrightsansregular body-txt-type"><?php echo $ic_af_txt_2?></p></li>
            <li><p class="alrightsansregular body-txt-type"><?php echo $ic_af_txt_3?></p></li>
            <li><p class="alrightsansregular body-txt-type"><?php echo $ic_af_txt_4?></p></li>
          </ul>
        </section>
        </div>

      </div><!-- content-wrap -->
    </div><!-- investment-details-section -->


</div><!-- page-wrapper -->
