100 lines
5.0 KiB
PHP
100 lines
5.0 KiB
PHP
<?php
|
||
|
||
// Placeholder images for demonstration
|
||
$images = [
|
||
[
|
||
'src' => 'https://images.pexels.com/photos/40568/medical-instrument-brain-magnifying-glass-search-40568.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',
|
||
'photographer' => 'Public Domain Pictures',
|
||
'photographer_url' => 'https://www.pexels.com/@public-domain-pictures',
|
||
'alt' => 'Brain MRI',
|
||
],
|
||
[
|
||
'src' => 'https://images.pexels.com/photos/3825586/pexels-photo-3825586.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',
|
||
'photographer' => 'ThisIsEngineering',
|
||
'photographer_url' => 'https://www.pexels.com/@thisisengineering/',
|
||
'alt' => 'Neurology Research',
|
||
],
|
||
[
|
||
'src' => 'https://images.pexels.com/photos/6120403/pexels-photo-6120403.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',
|
||
'photographer' => 'Kampus Production',
|
||
'photographer_url' => 'https://www.pexels.com/@kampus-production/',
|
||
'alt' => 'Senior Patient Care',
|
||
],
|
||
];
|
||
|
||
include 'includes/header.php';
|
||
?>
|
||
|
||
<main>
|
||
<!-- Hero Section -->
|
||
<section class="hero-section text-center">
|
||
<div class="container">
|
||
<h1 class="display-4">Alzheimer’s Disease Detection</h1>
|
||
<p class="lead mt-3">Utilizing machine learning for early detection of Alzheimer's disease, offering hope for better management and care.</p>
|
||
<a href="detection.php" class="btn btn-primary btn-lg mt-4">Get Started</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Introduction Section -->
|
||
<section class="py-5">
|
||
<div class="container">
|
||
<div class="row align-items-center g-5">
|
||
<div class="col-lg-6">
|
||
<h2 class="section-title">What is Alzheimer's Disease?</h2>
|
||
<p class="intro-text">
|
||
Alzheimer's disease is a progressive brain disorder that slowly destroys memory and thinking skills, and eventually, the ability to carry out the simplest tasks. In most people with the disease — those with the late-onset type — symptoms first appear in their mid-60s.
|
||
</p>
|
||
<p class="intro-text">
|
||
Early detection is crucial as it allows for timely intervention, which can help manage symptoms and improve quality of life. Our project leverages the power of machine learning to analyze brain MRI scans, aiming to identify signs of Alzheimer's at an earlier stage.
|
||
</p>
|
||
</div>
|
||
<div class="col-lg-6 text-center">
|
||
<?php if (!empty($images) && isset($images[0])): ?>
|
||
<img src="<?php echo htmlspecialchars($images[0]['src']); ?>" alt="<?php echo htmlspecialchars($images[0]['alt']); ?>" class="img-fluid rounded shadow-lg">
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Image Gallery Section -->
|
||
<section class="py-5 bg-white">
|
||
<div class="container">
|
||
<h2 class="section-title text-center">Relevant Illustrations</h2>
|
||
<div class="row g-4 image-gallery justify-content-center">
|
||
<?php if (isset($images[1])): ?>
|
||
<div class="col-md-6 col-lg-5">
|
||
<div class="card h-100">
|
||
<img src="<?php echo htmlspecialchars($images[1]['src']); ?>" class="card-img-top" alt="<?php echo htmlspecialchars($images[1]['alt']); ?>">
|
||
<div class="card-body text-center">
|
||
<p class="card-text small text-muted">
|
||
Photo by <a href="<?php echo htmlspecialchars($images[1]['photographer_url']); ?>" target="_blank" rel="noopener"><?php echo htmlspecialchars($images[1]['photographer']); ?></a> on Pexels.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
<?php if (isset($images[2])): ?>
|
||
<div class="col-md-6 col-lg-5">
|
||
<div class="card h-100">
|
||
<img src="<?php echo htmlspecialchars($images[2]['src']); ?>" class="card-img-top" alt="<?php echo htmlspecialchars($images[2]['alt']); ?>">
|
||
<div class="card-body text-center">
|
||
<p class="card-text small text-muted">
|
||
Photo by <a href="<?php echo htmlspecialchars($images[2]['photographer_url']); ?>" target="_blank" rel="noopener"><?php echo htmlspecialchars($images[2]['photographer']); ?></a> on Pexels.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<?php if (count($images) < 2): ?>
|
||
<div class="col">
|
||
<p class="text-center text-muted">Could not load additional images.</p>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<?php include 'includes/footer.php'; ?>
|