File "brain.php"
Full Path: /home/wrisexaf/public_html/glory-v2/brain.php
File size: 31.44 KB
MIME-type: text/html
Charset: utf-8
<div id="scroll-wrapper">
<div id="scroll-content">
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="images/favicon.png">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic|Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<!-- CSS Libraries -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/slick-theme.css">
<link rel="stylesheet" href="css/fancybox.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/responsive.css">
<script>
// Speed optimization plugin script
(function() {
// Minify CSS function
function minifyCSS(css) {
// Implement your CSS minification logic here
// For example, you can use a library like CleanCSS
return css; // Placeholder, replace with actual minified CSS
}
// Minify JavaScript function
function minifyJS(js) {
// Implement your JavaScript minification logic here
// For example, you can use a library like UglifyJS
return js; // Placeholder, replace with actual minified JS
}
// Compress image function
function compressImage(image) {
// Implement your image compression logic here
// For example, you can use a library like TinyPNG
return image; // Placeholder, replace with actual compressed image
}
// Execute optimization tasks when the page loads
window.onload = function() {
// Minify CSS
var stylesheets = document.querySelectorAll('link[rel="stylesheet"]');
stylesheets.forEach(function(stylesheet) {
stylesheet.href = minifyCSS(stylesheet.href);
});
// Minify JavaScript
var scripts = document.querySelectorAll('script');
scripts.forEach(function(script) {
script.innerHTML = minifyJS(script.innerHTML);
});
// Compress images
var images = document.querySelectorAll('img');
images.forEach(function(image) {
image.src = compressImage(image.src);
});
};
})();
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var audio = document.getElementById('background-sound');
var playButton = document.querySelector('.play-button');
var pauseButton = document.querySelector('.pause-button');
var prevButton = document.querySelector('.prev-button');
var nextButton = document.querySelector('.next-button');
var mainButton = document.querySelector('.mainbutton');
var musicButton = document.querySelector('.music-button');
var musicDetail = document.querySelector('.music-detail');
var trackNameDisplay = document.getElementById('track-name');
// Array of audio sources with names
var tracks = [
{ src: './audio/ADOPTION SONG LIVE.mp3', name: 'ADOPTION SONG LIVE' },
{ src: './audio/Brandon Lake ADOPTION SONG Lyric Video.mp3', name: 'ADOPTION SONG Lyric Video' },
{ src: './audio/BRANDON LAKE CHANDLER MOORE Fear Is Not My Future Song Session.mp3', name: 'Fear Is Not My Future Song Session' },
{ src: './audio/Brandon Lake Dont You Give Up On Me Lyric Video.mp3', name: 'Dont You Give Up On Me Lyric Video' },
{ src: './audio/BRANDON LAKE GOD IS NOT AGAINST ME Song Session.mp3', name: 'GOD IS NOT AGAINST ME Song Session' },
{ src: './audio/Brandon Lake I PROPHESY Lyric Video.mp3', name: 'I PROPHESY Lyric Video' },
{ src: './audio/Brandon Lake JESUS BE PRAISED Lyric Video.mp3', name: 'JESUS BE PRAISED Lyric Video' },
{ src: './audio/Brandon Lake KIDS Music Video.mp3', name: 'KIDS Music Video' },
{ src: './audio/Brandon Lake MIRACLE CHILD Music Video.mp3', name: 'MIRACLE CHILD Music Video' },
{ src: './audio/Brandon Lake MORE Music Video ft Benjamin William Hastings Leeland.mp3', name: 'MORE ft Benjamin William Hastings & Leeland' },
{ src: './audio/Brandon Lake PALM OF YOUR HAND Lyric Video.mp3', name: 'PALM OF YOUR HAND Lyric Video' },
{ src: './audio/Brandon Lake Praise You Anywhere Official Music Video.mp3', name: 'Praise You Anywhere Official Music Video' },
{ src: './audio/Brandon Lake TEAR OFF THE ROOF feat The Chosen Music Video.mp3', name: 'TEAR OFF THE ROOF feat The Chosen' },
{ src: './audio/Coat Of Many Colors Fear Is Not My Future Live from Summer Worship Nights.mp3', name: 'Fear Is Not My Future Live' },
{ src: './audio/Gratitude Chosen Performance Brandon Lake.mp3', name: 'Gratitude Chosen Performance' },
{ src: './audio/I PROPHESY.mp3', name: 'I PROPHESY' },
{ src: './audio/More Than Able feat Chandler Moore Tiffany Hudson Elevation Worship.mp3', name: 'More Than Able ft Chandler Moore & Tiffany Hudson' }
];
// Load the current track index and playback state from localStorage
var currentTrackIndex = localStorage.getItem('currentTrackIndex') ? parseInt(localStorage.getItem('currentTrackIndex')) : 0;
var isPlaying = localStorage.getItem('isPlaying') === 'true';
function updateButtonVisibility() {
if (audio.paused) {
playButton.style.display = 'block';
pauseButton.style.display = 'none';
} else {
playButton.style.display = 'none';
pauseButton.style.display = 'block';
}
}
function updateTrackName(index) {
trackNameDisplay.textContent = tracks[index].name;
}
function playTrack(index) {
if (index >= 0 && index < tracks.length) {
audio.src = tracks[index].src;
audio.play().catch(function(error) {
console.log("Audio playback failed:", error);
});
updateButtonVisibility();
updateTrackName(index);
}
}
// Initial setup
updateTrackName(currentTrackIndex);
playTrack(currentTrackIndex);
updateButtonVisibility();
// Try autoplay when the page loads
if (isPlaying) {
audio.play().catch(function(error) {
console.log("Autoplay blocked: User interaction is required", error);
});
}
// Play button functionality
playButton.addEventListener('click', function() {
audio.play().catch(function(error) {
console.log("Audio playback failed:", error);
});
localStorage.setItem('isPlaying', true);
updateButtonVisibility();
});
// Pause button functionality
pauseButton.addEventListener('click', function() {
audio.pause();
localStorage.setItem('isPlaying', false);
updateButtonVisibility();
});
// Previous button functionality
prevButton.addEventListener('click', function() {
currentTrackIndex = (currentTrackIndex - 1 + tracks.length) % tracks.length;
localStorage.setItem('currentTrackIndex', currentTrackIndex);
playTrack(currentTrackIndex);
});
// Next button functionality
nextButton.addEventListener('click', function() {
currentTrackIndex = (currentTrackIndex + 1) % tracks.length;
localStorage.setItem('currentTrackIndex', currentTrackIndex);
playTrack(currentTrackIndex);
});
// Toggle music button and music details visibility
mainButton.addEventListener('click', function() {
musicButton.classList.toggle('expanded');
musicDetail.classList.toggle('active');
if (musicButton.classList.contains('expanded')) {
mainButton.classList.add('no-animation');
} else {
mainButton.classList.remove('no-animation');
}
updateButtonVisibility();
});
// Update button visibility on audio state change
audio.addEventListener('play', function() {
localStorage.setItem('isPlaying', true);
updateButtonVisibility();
});
audio.addEventListener('pause', function() {
localStorage.setItem('isPlaying', false);
updateButtonVisibility();
});
});
</script>
<title></title>
</head>
<body>
<audio id="background-sound" autoplay loop>
<source src="./audio/ADOPTION SONG LIVE.mp3" type="audio/mp3">
<source src="./audio/Brandon Lake ADOPTION SONG Lyric Video.mp3" type="audio/mp3">
<source src="./audio/BRANDON LAKE CHANDLER MOORE Fear Is Not My Future Song Session.mp3" type="audio/mp3">
<source src="./audio/Brandon Lake Dont You Give Up On Me Lyric Video.mp3" type="audio/mp3">
<source src="./audio/BRANDON LAKE GOD IS NOT AGAINST ME Song Session.mp3" type="audio/mp3">
<source src="./audio/Brandon Lake I PROPHESY Lyric Video.mp3" type="audio/mp3">
<source src="./audio/Brandon Lake JESUS BE PRAISED Lyric Video.mp3" type="audio/mp3">
<source src="./audio/Brandon Lake KIDS Music Video.mp3" type="audio/mp3">
<source src="./audio/Brandon Lake MIRACLE CHILD Music Video.mp3" type="audio/mp3">
<source src="./audio/Brandon Lake MORE Music Video ft Benjamin William Hastings Leeland.mp3" type="audio/mp3">
<source src="./audio/Brandon Lake PALM OF YOUR HAND Lyric Video.mp3" type="audio/mp3">
<source src="./audio/Brandon Lake Praise You Anywhere Official Music Video.mp3" type="audio/mp3">
<source src="./audio/Brandon Lake TEAR OFF THE ROOF feat The Chosen Music Video.mp3" type="audio/mp3">
<source src="./audio/Coat Of Many Colors Fear Is Not My Future Live from Summer Worship Nights.mp3" type="audio/mp3">
<source src="./audio/Gratitude Chosen Performance Brandon Lake.mp3" type="audio/mp3">
<source src="./audio/I PROPHESY.mp3" type="audio/mp3">
<source src="./audio/More Than Able feat Chandler Moore Tiffany Hudson Elevation Worship.mp3" type="audio/mp3">
</audio>
<div class="cursor"></div>
<div class="cursor2"></div>
<div class="topbar">
<img src="images/topbar-img.png">
<p>“The Lord is a warrior; Yahweh is his name!” Exodus 15:3 NLT</p>
<img src="images/topbar-img.png">
</div>
<header>
<div class="search-here">
<input type="text" name="" placeholder="Search...">
<span><i class="fa-solid fa-xmark"></i></span>
</div>
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.php">glory to god</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="index.php">Home</a></li>
<!--<li class="nav-item"><a class="nav-link" href="how-to-read-bible.php">How to read bible</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="healing.php">Healing</a></li>
<li class="nav-item"><a class="nav-link" href="#">Crucial Info</a></li> -->
<div class="dropdown dropdown-here">
<button class=" dropdown-toggle" type="button" id="dropdownMenuButtonFaith" data-bs-toggle="dropdown" aria-expanded="false">
Faith
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButtonFaith">
<li><a class="dropdown-item" href="god-armour.php">The Armor Of God</a></li>
<li><a class="dropdown-item" href="prayer-submission.php">Prayer Submissions</a></li>
<li><a class="dropdown-item" href="about-faith.php">About Faith</a></li>
<!-- <li><a class="dropdown-item" href="#">Healing Faith</a></li> -->
<li><a class="dropdown-item" href="Registration.php">Registration</a></li>
<li><a class="dropdown-item" href="the-prodigal-times.php">The Prodigal Times</a></li>
<li><a class="nopage dropdown-item" href="#">Kingdom</a></li>
<li><a class="dropdown-item" href="login.php">Login</a></li>
</ul>
</div>
<div class="dropdown dropdown-here">
<button class="dropdown-toggle" type="button" id="dropdownMenuButtonBrain" data-bs-toggle="dropdown" aria-expanded="false">
Brain
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButtonBrain">
<li><a class="dropdown-item" href="brain.php">The Brain</a></li>
</ul>
</div>
<div class="dropdown dropdown-here">
<button class="dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
Wisdom
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<li><a class="dropdown-item" href="conception-of-god.php">Conceptions Of God</a></li>
<li><a class="nopage dropdown-item" href="#">Philosophy</a></li>
<li><a class="nopage dropdown-item" href="#">Wisdom Of Solomon</a></li>
<!-- <li><a class="nopage dropdown-item" href="#">Apocrypha Of Peter</a></li> -->
<!--<li><a class="nopage dropdown-item" href="#">Living Testimonials</a></li>-->
</ul>
</div>
<!-- <li class="nav-item"><a class="nav-link" href="find-church.php">Find Church</a></li> -->
<li class="nav-item searchh" id="search-here"><a class="nav-link" href="#"><i class="fa-solid fa-magnifying-glass"></i></a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="
padding: 14px 20px !important;border-radius: 50px; color: #fff !important">
More Resources
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Music</a></li>
<li><a class="dropdown-item" href="prayer-request.php">Prayer Request</a></li>
<li><a class="dropdown-item" href="covenant.php">Covenant</a></li>
<li><a class="dropdown-item" href="healing.php">Healing</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="music-button">
<button class="mainbutton"><i class="fa-solid fa-music"></i></button>
<div class="music-detail">
<div class="track-info">
<span id="track-name"></span>
</div>
<div class="flexxxx">
<button class="prev-button"><i class="fa-solid fa-backward"></i></button>
<button class="play-button"><i class="fa-solid fa-play"></i></button>
<button class="pause-button"><i class="fa-solid fa-pause"></i></button>
<button class="next-button"><i class="fa-solid fa-forward"></i></button>
</div>
</div>
</div>
<section class="brain">
<div class="container">
<div class="page-container">
<h1>The Human Brain</h1>
<p class="paragraph">Katie is taking a class in neuroscience, but she's really confused. She's always heard that different parts of the brain are responsible for different functions, but in her class, she's heard that there are actually three brains, not one. What's going on?</p>
<p class="paragraph"><strong>Neuroscience</strong> is 'the study of the brain.' There are many different ways to study the brain, and many different ways to divide the brain up into different regions. One way to divide up the brain is by thinking of it as three different brains, the hindbrain, midbrain, and forebrain. Of course, they aren't actually three different brains, but they do control different things. Let's look closer at the three sections of the human brain and their functions.</p>
<h2>Hindbrain</h2>
<p class="paragraph">With names like hindbrain, midbrain and forebrain, Katie is already wondering if she might know where the different segments of brain are. And she's probably right.</p>
<p class="paragraph">The <strong>hindbrain</strong>, which consists of the <strong>medulla</strong>, <strong>cerebellum</strong>, and <strong>pons</strong>, is the section of the brain that is in the rear and bottom of the human brain. In other words, it's in the hind part of the human brain. It connects the brain to the spinal cord, and by extension, the rest of the body.</p>
<p class="paragraph">Some people think about the hindbrain as being responsible for the basic functions in life. This part of Katie's brain isn't doing any algebra! But it does make sure that she breathes, sleeps, and keeps her balance as she walks, among other things. In other words, it makes sure that Katie can live and function. She doesn't have to think about the functions that the hindbrain serves; the functions just get done because the hindbrain is there, in the back of her head, doing its thing.</p>
<h2>Midbrain</h2>
<p class="paragraph">If the hindbrain is in the hind part of the head, Katie is pretty sure that the midbrain is, well, in the middle. And she's right. The <strong>midbrain</strong> includes the <strong>tectum</strong>, <strong>superior and inferior colliculi</strong>, <strong>tegmentum</strong>, and the <strong>substantia nigra</strong>.</p>
<p class="paragraph">Together, the midbrain and hindbrain are called the <strong>brainstem</strong>, and as part of the brainstem, the midbrain works closely with the hindbrain and can help support it, as well as carrying some types of information from the hindbrain to other parts of the brain.</p>
<p class="paragraph">The most important thing to know about the midbrain, though, is that it is the seat of <strong>dopamine pathways</strong> in the brain. Dopamine is a neurotransmitter that is responsible for many things, including regulating mood, causing that rush you feel when you take drugs or eat chocolate, helping with memory, and coordinating muscle movements. Most dopamine pathways start in the midbrain, which means that without it, none of these things can happen. So the next time Katie feels really happy after eating chocolate, she should thank her midbrain!</p>
<h2>Forebrain</h2>
<p class="paragraph">Okay, Katie gets that the brainstem is in charge of basic functions. The hindbrain makes sure that she's breathing and sleeping, among other things, and the midbrain, the other part of the brainstem, helps regulate her mood and makes her feel that rush she gets when she does something fun or eats something delicious.</p>
<p class="paragraph">But what area of the brain is in charge of things like higher-level thinking skills or personality? In other words, what part of the brain is responsible for thinking and behaving?</p>
<p class="paragraph">The <strong>forebrain</strong> is at the very top, or forward, part of the brain. It includes the cerebral cortex and subcortical regions. The cerebral cortex is what most people think of when they think of the brain: it's the surface of the brain that has lots of wrinkles in it. The <strong>cerebral cortex</strong> is divided into <strong>four lobes</strong>, the <strong>parietal</strong>, <strong>temporal</strong>, <strong>occipital</strong>, and <strong>frontal</strong> lobes. They are each responsible for different things, including higher-level thinking, personality, vision, language, voluntary movement, and memory.</p>
<p class="paragraph"><strong>Subcortical regions</strong> are part of the forebrain that is below the cerebral cortex. It includes, among many other structures, the <strong>thalamus</strong>, which is kind of like the Grand Central Station of the brain, because almost all information coming into the brain from the body goes through the thalamus. Another major subcortical structure is the <strong>amygdala</strong>, which is an almond-shaped structure next to the thalamus that is in charge of many basic emotions, like fear and anger. Katie doesn't have trouble remembering the amygdala, because every time she gets anxiety, she likes to eat almonds to calm down. Almonds and fear...that's the amygdala! When Katie thinks about her five senses, thinking, and personality, she's thinking of the types of things that the forebrain is in charge of.</p>
<h2>Lesson Summary</h2>
<p class="paragraph">The human brain can be divided into three general regions. The <strong>hindbrain</strong> consists of the <strong>medulla</strong>, <strong>pons</strong>, and <strong>cerebellum</strong> and is in charge of basic functioning, like breathing, sleeping, and coordination. The <strong>midbrain</strong> includes the <strong>tectum</strong>, <strong>tegmentum</strong>, <strong>superior and inferior colliculi</strong>, and <strong>substantia nigra</strong>, and it is the seat of <strong>dopamine pathways</strong> in the brain. Together, the hindbrain and midbrain are called the <strong>brainstem</strong>.</p>
<p class="paragraph">Finally, the <strong>forebrain</strong> includes the cerebral cortex and subcortical regions. The <strong>cerebral cortex</strong> consists of the <strong>parietal</strong>, <strong>temporal</strong>, <strong>occipital</strong>, and <strong>frontal</strong> lobes, which control the five senses, voluntary movement, higher-level thinking, and personality. <strong>Subcortical regions</strong>, which are below the cerebral cortex, include the <strong>thalamus</strong>, through which almost all information from the body travels, and the <strong>amygdala</strong>, which is in charge of basic emotions like fear and anger.</p>
<div class="term-box">
<h3>The Human Brain Overview</h3>
<div class="brain-image">
<!-- Replace with your actual image path -->
<img src="images/brain.png" alt="Diagram of the human brain showing hindbrain, midbrain, and forebrain">
</div>
<div class="term">Neuroscience</div>
<div class="definition">the study of the brain</div>
<div class="term">Hindbrain</div>
<div class="definition">consists of the medulla, cerebellum, and pons</div>
<div class="term">Midbrain</div>
<div class="definition">includes the tectum, superior and inferior colliculi, tegmentum, and the substantia nigra</div>
<div class="term">Brainstem</div>
<div class="definition">the midbrain and hindbrain</div>
<div class="term">Dopamine pathways</div>
<div class="definition">a neurotransmitter that is responsible for many things, including regulating mood, helping with memory, and coordinating muscle movements</div>
<div class="term">Forebrain</div>
<div class="definition">at the very top, or forward, part of the brain</div>
<div class="term">Cerebral cortex</div>
<div class="definition">divided into four lobes, the parietal, temporal, occipital, and frontal lobes</div>
<div class="term">Subcortical regions</div>
<div class="definition">part of the forebrain that is below the cerebral cortex</div>
<div class="term">Thalamus</div>
<div class="definition">almost all information coming into the brain from the body goes through here</div>
<div class="term">Amygdala</div>
<div class="definition">an almond-shaped structure next to the thalamus that is in charge of many basic emotions, like fear and anger</div>
</div>
<div class="learning-outcomes">
<h3>Learning Outcomes</h3>
<p class="paragraph">Having studied the lesson on the human brain, you might assess your ability to complete the actions below:</p>
<ul>
<li>Define neuroscience</li>
<li>Illustrate the three main parts of the brain</li>
<li>Confirm your knowledge of the functions of the hindbrain, midbrain and forebrain</li>
</ul>
</div>
</div>
</div>
</section>
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
color: #333;
background-color: #f9f9f9;
}
section.brain {
margin: 5rem 0;
}
.page-container {
max-width: 900px;
margin: 0 auto;
background: white;
padding: 30px;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
border-radius: 5px;
}
h1 {
text-align: center;
color: #2c3e50;
margin-bottom: 25px;
border-bottom: 2px solid #3498db;
padding-bottom: 10px;
font-family: 'Playfair Display';
}
h2 {
color: #2980b9;
margin-top: 30px;
border-left: 4px solid #3498db;
padding-left: 10px;
}
h3 {
color: #16a085;
margin-top: 20px;
font-family: 'Playfair Display';
}
.brain-image {
text-align: center;
margin: 25px 0;
}
.brain-image img {
max-width: 100%;
height: auto;
border: 1px solid #ddd;
border-radius: 4px;
}
.term-box {
background-color: #f0f7fc;
border-left: 4px solid #3498db;
padding: 15px;
margin: 20px 0;
border-radius: 0 4px 4px 0;
}
.term {
font-weight: 600;
color: #2c3e50;
font-family: 'Poppins';
}
.definition {
margin-left: 15px;
font-family: 'Playfair Display';
font-weight: 500;
}
.learning-outcomes {
background-color: #e8f8f5;
padding: 15px;
border-radius: 5px;
margin-top: 30px;
}
.learning-outcomes ul {
padding-left: 20px;
}
.learning-outcomes li {
margin-bottom: 8px;
font-family: 'Poppins';
}
</style>
<footer>
<div class="container">
<div class="row">
<div class="col-md-4 mb-4">
<h3>GLORY TO GOD</h3>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="javascript:void(0)">Read More</a></p>
</div>
<div class="col-md-2 mb-4">
<h5 class="footer-title">QUICK LINKS</h5>
<div class="footer-links">
<a href="index.php">Home</a>
<a href="about-us.php">About</a>
<a href="healing.php">Healing</a>
<a href="javascript:void(0)">Crucial Info</a>
<a href="god-armour.php">God's Armor</a>
</div>
</div>
<div class="col-md-2 mb-4">
<h5 class="footer-title">DISCOVER</h5>
<div class="footer-links">
<a href="javascript:void(0)">Music</a>
<a href="prayer-request.php)">Prayer Request</a>
<a href="how-to-read-bible.php">How To Study The Bible</a>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="footer-btns">
<!-- <a href="javascript:void(0)" class="btn btn-primary mb-2">Chat Room</a> -->
<a href="javascript:void(0)" class="btn btn-outline-dark">Give Now</a>
</div>
<div class="social-icons">
<a href="javascript:void(0)"><i class="fab fa-facebook"></i></a>
<a href="javascript:void(0)"><i class="fab fa-twitter"></i></a>
<a href="javascript:void(0)"><i class="fab fa-linkedin"></i></a>
<a href="javascript:void(0)"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
<div class="copyright">
<p>Copyright © 2024 .<span>Glory to God</span> . All Right Reserved.</p>
<div>
<a href="javascript:void(0)">Terms and Conditions</a>|
<a href="javascript:void(0)">Privacy Policy</a>
</div>
</div>
</div>
<div class="position-relative">
<img class="cloud1 position-absolute" src="images/front-page-cloud1.png">
<img class="cloud2 position-absolute" src="images/front-page-cloud2.png">
<img src="images/footer-img.png">
</div>
</footer>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/popper.min.js"></script>
<!-- <script src="js/gsap.min.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<script src="js/ScrollToPlugin.min.js"></script>
<script src="js/ScrollSmoother.min.js"></script> -->
<script src="js/custom.js"></script>
</div>
</div>