Files
4WDCSA.co.za/2025_agm_minutes.php
twotalesanimation 110c853945 Refactor: Update all remaining pages to use unified header template
- Updated 39 pages from old header01.php and header02.php includes
- All pages now use single configurable header.php with $headerStyle variable
- Light style (default): Most pages (login, register, trips, courses, etc.)
- Dark style: Coming from header01 original usage

Pages updated:
  - Admin pages: admin_*.php (10 files)
  - Booking pages: bookings.php, campsite_booking.php, etc.
  - Content pages: blog.php, blog_details.php, contact.php, events.php, etc.
  - User pages: account_settings.php, membership*.php, register.php, etc.
  - Utility pages: 404.php, payment_confirmation.php, reset_password.php, etc.

All pages now maintain single header template source - easier to update navigation, styles, and functionality across the entire site.
2025-12-03 16:55:32 +02:00

270 lines
13 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;
}
.clearfix {
clear: both;
}
</style>
<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('assets/images/blog/2/agm.jpg');">
<div class="banner-overlay"></div>
<div class="container">
<div class="banner-inner text-white">
<h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">2025 AGM Minutes & Chairman's Report</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
<li class="breadcrumb-item"><a href="index.php">Home</a></li>
<li class="breadcrumb-item active">2025 AGM Minutes & Chairman's Report</li>
</ol>
</nav>
</div>
</div>
</section>
<!-- Page Banner End -->
<!-- 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"); ?>