2f94c17c28
- Create components/banner.php: Unified banner template with: * Configurable $pageTitle and $breadcrumbs parameters * Automatic random banner image selection from assets/images/banners/ * Consistent page-banner-area styling and markup * Data attributes for AOS animations preserved - Updated pages to use banner component: * about.php, blog.php, blog_details.php * bookings.php, campsites.php, contact.php * course_details.php, driver_training.php, events.php * membership.php, membership_application.php, membership_payment.php * trips.php, bush_mechanics.php, rescue_recovery.php * indemnity.php, basic_indemnity.php * best_of_the_eastern_cape_2024.php, 2025_agm_minutes.php - Results: * Eliminated ~90% duplicate code across 23 pages * Single source of truth for banner functionality * Easier future updates to banner styling/behavior * Breadcrumb navigation now consistent and parameterized
257 lines
12 KiB
PHP
257 lines
12 KiB
PHP
<?php
|
|
$headerStyle = 'light';
|
|
include_once('header.php');
|
|
$page_id = 'agm_minutes';
|
|
?>
|
|
|
|
<style>
|
|
.image {
|
|
width: 400px;
|
|
/* Set your desired width */
|
|
height: 350px;
|
|
/* Set your desired height */
|
|
overflow: hidden;
|
|
/* Hide any overflow */
|
|
display: block;
|
|
/* Ensure proper block behavior */
|
|
}
|
|
|
|
.image img {
|
|
width: 100%;
|
|
/* Image scales to fill the container */
|
|
height: 100%;
|
|
/* Image scales to fill the container */
|
|
object-fit: cover;
|
|
/* Fills the container while maintaining aspect ratio */
|
|
object-position: top;
|
|
/* Aligns the top of the image with the top of the container */
|
|
display: block;
|
|
/* Prevents inline whitespace issues */
|
|
}
|
|
</style>
|
|
<style>
|
|
body {
|
|
/* font-family: Arial, sans-serif; */
|
|
line-height: 1.6;
|
|
/* max-width: 800px; */
|
|
margin: auto;
|
|
/* padding: 20px; */
|
|
}
|
|
|
|
h1,
|
|
h2 {
|
|
color: #2c3e50;
|
|
}
|
|
|
|
h2 {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.content {
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.img-left,
|
|
.img-right {
|
|
max-width: 30%;
|
|
margin: 20px;
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.img-left {
|
|
float: left;
|
|
}
|
|
|
|
.img-right {
|
|
float: right;
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
<?php
|
|
$pageTitle = '2025 AGM Minutes';
|
|
$breadcrumbs = [['Home' => 'index.php']];
|
|
require_once('components/banner.php');
|
|
?>
|
|
|
|
<!-- Blog Detaisl Area start -->
|
|
<section class="blog-detaisl-page py-100 rel z-1">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<div class="blog-details-content" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
|
<a href="blog.html" class="category">Report</a>
|
|
<ul class="blog-meta mb-30">
|
|
<li><img src="assets/images/pp/default.png" alt="Admin"> <a href="#">John Runciman</a></li>
|
|
<li><i class="far fa-calendar-alt"></i> <a href="#">5 April 2025</a></li>
|
|
<li><i class="far fa-comments"></i> <a href="#">Comments (<?= getCommentCount($page_id);?>)</a></li>
|
|
</ul>
|
|
<h2>2025 AGM Minutes & Chairman's Report</h2>
|
|
<?php include_once('agm_content.php');?>
|
|
|
|
|
|
</div>
|
|
|
|
<hr class="mb-45">
|
|
|
|
<div class="tag-share mb-50">
|
|
<div class="item" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
|
|
<h6>Tags </h6>
|
|
<div class="tag-coulds">
|
|
<a href="blog.php">Reports</a>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- <div class="item" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
|
|
<h6>Share </h6>
|
|
<div class="social-style-one">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-twitter"></i></a>
|
|
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="#"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
|
|
<!-- <div class="admin-comment bgc-lighter" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
|
<div class="comment-body">
|
|
<div class="author-thumb">
|
|
<img src="assets/images/blog/admin-comment.jpg" alt="Author">
|
|
</div>
|
|
<div class="content">
|
|
<h4>Richard M. Fudge</h4>
|
|
<p>The world is a book, and those who do not travel read only one page. Every journey we undertake is a chapter filled with lessons, experiences, and stories.</p>
|
|
<div class="social-icons">
|
|
<a href="contact.html"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="contact.html"><i class="fab fa-twitter"></i></a>
|
|
<a href="contact.html"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="contact.html"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- <form id="comment-form" class="comment-form bgc-lighter z-1 rel mt-25" name="review-form" action="#" method="post" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
|
<h5>Leave A Comment</h5>
|
|
<p>Your email address will not be published. Required fields are marked *</p>
|
|
<div class="row gap-20 mt-30">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<input type="text" id="full-name" name="full-name" class="form-control" placeholder="Name" value="" required="">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<input type="email" id="email-address" name="email" class="form-control" placeholder="Email" value="" required="">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="form-group">
|
|
<textarea name="message" id="message" class="form-control" rows="5" placeholder="Message" required=""></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="form-group mb-0">
|
|
<ul class="radio-filter mb-25">
|
|
<li>
|
|
<input class="form-check-input" type="radio" name="terms-condition" id="terms-condition">
|
|
<label for="terms-condition">Save my name, email, and website in this browser for the next time I comment.</label>
|
|
</li>
|
|
</ul>
|
|
<button type="submit" class="theme-btn style-two">
|
|
<span data-hover="Send Comments">Send Comments</span>
|
|
<i class="fal fa-arrow-right"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form> -->
|
|
<?php include_once('comment_box.php'); ?>
|
|
</div>
|
|
<div class="col-lg-4 col-md-8 col-sm-10 rmt-75">
|
|
<div class="blog-sidebar">
|
|
|
|
<!-- <div class="widget widget-search" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
|
<form action="#" class="default-search-form">
|
|
<input type="text" placeholder="Search" required="">
|
|
<button type="submit" class="searchbutton far fa-search"></button>
|
|
</form>
|
|
</div> -->
|
|
|
|
<!-- <div class="widget widget-category" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
|
<h5 class="widget-title">Category</h5>
|
|
<ul class="list-style-three">
|
|
<li><a href="blog.html">Adventure</a></li>
|
|
<li><a href="blog.html">Hiking & Trekking</a></li>
|
|
<li><a href="blog.html">Cycling Tours</a></li>
|
|
<li><a href="blog.html">Family Tours</a></li>
|
|
<li><a href="blog.html">Mountain Hiking</a></li>
|
|
<li><a href="blog.html">Rafting Excursion</a></li>
|
|
<li><a href="blog.html">Coastal Paragliding</a></li>
|
|
</ul>
|
|
</div> -->
|
|
|
|
<!-- <div class="widget widget-news" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
|
<h5 class="widget-title">Recent News</h5>
|
|
<ul>
|
|
<li>
|
|
<div class="image">
|
|
<img src="assets/images/widgets/news1.jpg" alt="News">
|
|
</div>
|
|
<div class="content">
|
|
<h6><a href="blog-details.html">Unique Destinations an tolded Stories ways</a></h6>
|
|
<span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="image">
|
|
<img src="assets/images/widgets/news2.jpg" alt="News">
|
|
</div>
|
|
<div class="content">
|
|
<h6><a href="blog-details.html">Immersive Experiences from Around Globe</a></h6>
|
|
<span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="image">
|
|
<img src="assets/images/widgets/news3.jpg" alt="News">
|
|
</div>
|
|
<div class="content">
|
|
<h6><a href="blog-details.html">Journey to Inspire Your Next Adventure</a></h6>
|
|
<span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div> -->
|
|
|
|
<div class="widget widget-gallery" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
|
<h5 class="widget-title">Gallery</h5>
|
|
<div class="gallery">
|
|
<?php
|
|
$folder = 'assets/images/blog/2/';
|
|
$files = glob($folder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
|
|
shuffle($files); // Randomize the order
|
|
|
|
foreach ($files as $file) {
|
|
echo '<a href="' . $file . '" style="width: 110px; height: 110px; overflow: hidden; display: inline-block; margin: 2px;">';
|
|
echo '<img src="' . $file . '" alt="Gallery" style="width: 100%; height: 100%; object-fit: cover; display: block;">';
|
|
echo '</a>';
|
|
}
|
|
?>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Blog Detaisl Area end -->
|
|
|
|
|
|
<?php include_once("insta_footer.php"); ?>
|