<?php header('Content-type: text/html; charset=utf-8'); ?>
<?php
  /* STEP 1: LOAD RECORDS - Copy this PHP code block near the TOP of your page */
  
  // load viewer library
  $libraryPath = 'cmsb/lib/viewer_functions.php';
  $dirsToCheck = array('/home/interfai/public_html/','','../','../../','../../../');
  foreach ($dirsToCheck as $dir) { if (@include_once("$dir$libraryPath")) { break; }}
  if (!function_exists('getRecords')) { die("Couldn't load viewer library, check filepath in sourcecode."); }

  // load record from 'homepage'
  list($homepageRecords, $homepageMetaData) = getRecords(array(
    'tableName'   => 'homepage',
    'where'       => '', // load first record
    'loadUploads' => true,
    'allowSearch' => false,
    'limit'       => '1',
  ));
  $homepageRecord = @$homepageRecords[0]; // get first record
  if (!$homepageRecord) { dieWith404("Record not found!"); } // show error message if no record found

  list($meet_our_counsellorsRecords, $meet_our_counsellorsMetaData) = getRecords(array(
    'tableName'   => 'meet_our_counsellors',
    'loadUploads' => true,
    'allowSearch' => false,
  ));

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Meet Our Counsellors</title>
        <meta name="description" content="corporate, general, portfolio, photography, blog, e-commerce, shop, product, gallery, responsive">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Favicon -->
		<link rel="shortcut icon" type="image/x-icon" href="img/icons/favicon.png">

        <!-- Google Fonts Library -->
        <link href='https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,900,800' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Lato:400,300italic,300,100,400italic,700,900,100italic' rel='stylesheet' type='text/css'>

 		<!-- All CSS Files -->
		<!-- Library - Bootstrap v3.3.6-->      
        <link rel="stylesheet" href="css/bootstrap.min.css">
        
		<!-- Library - OWL Carousel CSS-->      
        <link rel="stylesheet" href="css/owl.carousel.css">   
        
        <!-- Library - Font Awesome CSS -->      
        <link rel="stylesheet" href="css/font-awesome.min.css">
        
		<!-- Library - PE Icon 7 Stroke CSS  -->      
        <link rel="stylesheet" href="css/pe-icon-7-stroke.css">
        
 		<!-- Library - Venobox CSS -->         
        <link rel="stylesheet" href="css/venobox.css">

        <!-- Library - RS slider CSS -->
        <link rel="stylesheet" type="text/css" href="lib/rs-plugin/css/settings.css" media="screen" />        

        <!-- Theme all shortcode elements style -->
        <link rel="stylesheet" href="css/shortcodes/shortcodes.css">  
                 
        <!-- Custom - Theme CSS -->          
        <link rel="stylesheet" href="style.css">

        <!-- Custom - medical CSS -->          
        <link rel="stylesheet" href="css/medical.css">

        <!-- Custom - Theme Color CSS -->          
        <link rel="stylesheet" href="css/color/color-medical-2.css">    

        <!-- Theme Responsive CSS -->          
        <link rel="stylesheet" href="css/responsive.css">

        <!-- Modernizr Js -->
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Preluder id start -->
        <div id="fakeloader"></div>
        <!-- Preluder end -->
        
        <div id="wrapper">
            <!-- Start Header Area -->
            <?php require_once('_inc-masthead.php'); ?>

            <!-- End Header Area -->
            <!-- Main Page Content Area Start -->
            <section id="content">
                <div class="content-body">
                    <!-- Start breadcrumb area  -->
                    <div class="breadcrumb-area breadcrumb-style-three breadcrumb-bg1">
                        <div class="container">
                            <div class="row">
                                <div class="col-sm-12 text-center">
                                    <h2 class="breadcrumb-title">Meet Our Counsellors</h2>
                                    <div class="breadcrumb-wrap "></div>                                    
                                </div>                             
                            </div>
                        </div>
                    </div>
                    <!-- End breadcrumb area  -->
                    <!-- Blog Page Content Start -->
                    <div class="blog-content-wrapper">
                        <div class="container">
                            <div class="row">
                                <!-- Blog Page Post Area Start -->
                                
<?php foreach ($meet_our_counsellorsRecords as $record): ?>
<div class="col-lg-3 col-md-4 col-sm-6">
<!-- Full Area Post Start -->
<div class="full-area-blog-post">
<div class="full-area-thumb"><p><br>&nbsp;<br></p>
<?php foreach ($record['portrait'] as $index => $upload): ?>
<img src="<?php echo htmlencode($upload['urlPath']) ?>" alt="<?php echo htmlencode($record['title']) ?>" />
<?php endforeach ?>
<br>&nbsp;<br></div>
<div class="full-area-post-title-meta"><h4 class="blog-post-title"><?php echo htmlencode($record['title']) ?>&nbsp;<?php echo htmlencode($record['job_title']) ?>
<br><?php echo htmlencode($record['qualifications']) ?></h4></div>
<?php echo $record['content']; ?>
<br>&nbsp;<br>
</div>
<!-- Full Area Post End -->                      
</div>
<?php endforeach ?>
                                
                                <!-- Blog Page Post Area End -->
                            </div>
                        </div>
                    </div>
                    <!-- Blog Page Content End -->                    
                </div>
            </section>
            <!-- Main Page Content Area End -->
            <!-- Footer Area Start -->
            <?php require_once('_inc-footer.php'); ?>

            <!-- Footer Area End -->
        </div>

        <!-- All JS Files -->
 		<!-- JQuery v1.11.3-->         
        <script src="js/vendor/jquery-1.12.3.min.js"></script>
 		<!-- Library - Bootstrap v3.3.5 -->         
        <script src="js/bootstrap.min.js"></script>
        <!-- Library - OWL Carousel -->       
        <script src="js/owl.carousel.min.js"></script>
        <!-- Library - Theme  Plugins js -->         
        <script src="js/plugins.js"></script>
        <!-- Library - isotope js -->         
        <script src="js/jquery.isotope.js"></script>
        <!-- Library - waypoints js --> 
        <script src="js/waypoints.min.js"></script>
   		<!-- Library - Theme JS -->           
        <script src="js/main.js"></script>
    </body>
</html>
