<?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 = 'beheer/lib/viewer_functions.php';
  $dirsToCheck = array('/home/weballbe/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 records from 'pe_blog'
  list($pe_blogRecords, $pe_blogMetaData) = getRecords(array(
    'tableName'   => 'pe_blog',
	'loadUploads' => true,
    'allowSearch' => false,
  ));
  
?>  

<!DOCTYPE html>

<html lang="en-US">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="">

    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href="assets/css/font-awesome.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="assets/css/selectize.css" type="text/css">
    <link rel="stylesheet" href="assets/css/owl.carousel.css" type="text/css">
    <link rel="stylesheet" href="assets/css/vanillabox/vanillabox.css" type="text/css">

    <link rel="stylesheet" href="assets/css/style2.css" type="text/css">

    <title>Pretecho Opleiding</title>
    
    <script>
if (document.addEventListener) {
    document.addEventListener('contextmenu', function(e) {
        e.preventDefault();
    }, false);
} else {
    document.attachEvent('oncontextmenu', function() {
        window.event.returnValue = false;
    });
}
</script>

</head>

<body class="page-sub-page">
<!-- Wrapper -->
<div class="wrapper">
<!-- Header -->
<div class="navigation-wrapper">
    <div class="secondary-navigation-wrapper">
        <div class="container">
           <div class="navigation-contact pull-left">E-mail: <a href="mailto:info@pretecho-opleiding.be"><span class="opacity-70">info@pretecho-opleiding.be</span></a></div>
            <div class="search">
                
            </div>
            <ul class="secondary-navigation list-unstyled">
                <li><a href="disclaimer.php">Disclaimer</a></li>
                <li><a href="privacy.php">Privacy</a></li>
            </ul>
        </div>
    </div><!-- /.secondary-navigation -->
    <div class="primary-navigation-wrapper">
        <header class="navbar" id="top" role="banner">
            <div class="container">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="navbar-brand nav" id="brand">
                        <a href="index.php"><img src="assets/img/logo.png" alt="brand"></a>
                    </div>
                </div>
                <nav class="collapse navbar-collapse bs-navbar-collapse navbar-right" role="navigation">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="index.php">Home</a>
                            
                        </li>
                        <li>
                            <a href="info.php" >Info</a>
                            
                        </li>
                        <li  class="active">
                            <a href="opleidingen.php" >Opleidingen</a>
                            
                        </li>
                        
                        <li>
                            <a href="#" class=" has-child no-link">Foto's</a>
                            <ul class="list-unstyled child-navigation">
                                <li><a href="echofotos.php">Echofoto's</a></li>
                                <li><a href="gebouwfotos.php">Foto's gebouw</a></li>
                                <li><a href="opleidingfotos.php">Foto's Pretecho-Opleiding</a></li>
                                
                            </ul>
                        </li>
                        <li>
                            <a href="voorjou.php">Voor jou?</a>
                        </li>
                        
                        <li>
                            <a href="contact2.php">Contact</a>
                        </li>
                    </ul>
                </nav><!-- /.navbar collapse-->
            </div><!-- /.container -->
        </header><!-- /.navbar -->
    </div><!-- /.primary-navigation -->
    <div class="background">
        <img src="assets/img/background-city.png"  alt="background">
    </div>
</div>
<!-- end Header -->

<!-- Breadcrumb -->
<div class="container">
    <ol class="breadcrumb">
        
    </ol>
</div>
<!-- end Breadcrumb -->

<!-- Page Content -->
<div id="page-content">
    <div class="container">
        <div class="row">
            <!--MAIN Content-->
            <div class="col-md-8">
                <div id="page-main">
                    <section id="blog-detail">
                        <header><p>&nbsp;</p></header>
                        <article class="blog-detail">
                            <header class="blog-detail-header">
                                
                                 <?php foreach ($pe_blogRecords as $record): ?>
                                
                                <h2><?php echo htmlencode($record['title']) ?></h2>
                                <div class="blog-detail-meta">
                                    <span class="date"><span class="fa fa-file-o"></span><?php echo date("d-m-Y", strtotime($record['datum'])) ?></span>
                                    
                                </div>
                                
                                <ul class="gallery-list">
								<?php foreach ($record['foto_s'] as $index => $upload): ?>
                                
                                <li><a href="http://www.web4all.be<?php echo $upload['urlPath'] ?>" class="image-popup"><img src="http://www.web4all.be<?php echo $upload['thumbUrlPath'] ?>" alt=""></a></li>
                                
                                <?php endforeach ?>
                                </ul>
                                
                                
                            
                            
                            <p align="justify"><?php echo htmlencode($record['content']) ?></p>
                            
                            
                            <?php endforeach ?>
                            </header>
                            <hr>
                            
                        </article>
                    </section><!-- /.blog-detail -->

                    <hr>

                    

                    <hr>

                   
                    
                </div><!-- /#page-main -->
            </div><!-- /.col-md-8 -->

            <!--SIDEBAR Content-->
            <div class="col-md-4">
                <div id="page-sidebar" class="sidebar">
                    
                    <aside id="archive">
                        <header>
                            <h2>Blog Rubrieken</h2>
                            <ul class="list-links">
                               
                            </ul>
                        </header>
                    </aside><!-- /archive -->
                </div><!-- /#sidebar -->
            </div><!-- /.col-md-4 -->
        </div><!-- /.row -->
    </div><!-- /.container -->
</div>
<!-- end Page Content -->

<!-- Footer -->
<footer id="page-footer">
    

    

    <section id="footer-bottom">
        <div class="container">
            <div class="footer-inner">
                <div class="copyright">© 2017 - PretEcho-Opleiding.be | Realisatie: <a href="http://www.web4all.be" target="_blank">web4all.be</a></div><!-- /.copyright -->
            </div><!-- /.footer-inner -->
        </div><!-- /.container -->
    </section><!-- /#footer-bottom -->

</footer>
<!-- end Footer -->

</div>
<!-- end Wrapper -->

<script type="text/javascript" src="assets/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="assets/js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/selectize.min.js"></script>
<script type="text/javascript" src="assets/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.placeholder.js"></script>
<script type="text/javascript" src="assets/js/jQuery.equalHeights.js"></script>
<script type="text/javascript" src="assets/js/icheck.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.vanillabox-0.1.5.min.js"></script>
<script type="text/javascript" src="assets/js/retina-1.1.0.min.js"></script>

<script type="text/javascript" src="assets/js/custom.js"></script>

</body>
</html>