File: /var/www/mentalhealthsteps.com/wp-content/themes/mentalhealthworld/newdesign/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MentalHealthWorld</title>
<!-- Swiper CSS -->
<link rel="stylesheet" href="css/vendor/swiper-bundle.min.css">
<!-- font awsome Icons CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/my.css">
<!-- favicon-->
<link rel="shortcut icon" href="favicon_io (8)/favicon.ico">
</head>
<body>
<!-- Header -->
<div class="top-bar">
<div class="b-container">
<div class="d-flex justify-content-between align-items-center text-white px-3">
<div class="pe-3">
<p class="my-1 py-1 text-dark">
<a href="" class="logo-link">
<!-- <img class="top-logo" src="image/client-logo-1.png" alt=""> -->
<span class="logo-span">MentalHealthWorld</span>
</a>
</p>
</div>
<form action="">
<div class="social-box align-items-center">
<input type="text" placeholder="Search...">
<button type="submit">Submit</button>
</div>
</form>
<div class="d-flex align-items-center">
<div class="ps-3">
<p class="my-1 py-1 text-dark d-flex justify-content-between"><span id="today"></p>
</div>
</div>
</div>
</div>
</div>
<header class="site-header">
<div class="b-container">
<div class="nav-wrapper">
<!-- <a href="#" class="logo">
<span class="logo-span">MentalHealthWorld</span>
</a> -->
<button class="menu-toggle" aria-label="Toggle Menu">☰</button>
<ul class="main-nav">
<!-- <li><a href=""><span class="logo-span">MentalHealthWorld</span></a></li> -->
<!-- Regular link without dropdown -->
<li><a href="#">Home</a></li>
<li><a href="#">About US</a></li>
<!-- Mega-menu dropdown (e.g. Mental Health Information) -->
<li>
<a href="#" class="has-mega">
Get Involved
<span class="toggle-arrow"></span>
</a>
<div class="mega-dropdown">
<div class="mega-content">
<!-- Column 1 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Stakeholder Engagement</h6>
<p class="text-black">Stakeholder engagement involves proactively involving all relevant parties to
ensure their needs,</p>
</a>
</div>
<!-- Column 2 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Connect with NIMH</h6>
<p class="text-black">Connect with NIMH’s expert team to access the latest resources, </p>
</a>
</div>
<!-- Column 3 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Digital Shareables</h6>
<p class="text-black">Download and share interactive digital materials designed to promote mental
health awareness across communities.</p>
</a>
</div>
</div>
<div class="mega-content">
<!-- Column 1 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Science Education</h6>
<p class="text-black">Explore engaging science education resources to deepen understanding and
inspire future researchers.</p>
</a>
</div>
<!-- Column 2 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Upcoming Observances and Related Events</h6>
<p class="text-black">Stay informed about upcoming mental health awareness days and related events
to engage.</p>
</a>
</div>
</div>
</div>
</li>
<li><a href="#">Funding</a></li>
<li>
<a href="#" class="has-mega">
News & Events
<span class="toggle-arrow"></span>
</a>
<div class="mega-dropdown">
<div class="mega-content">
<!-- Column 1 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Science Updates</h6>
<p class="text-black">List of NIMH science updates including press releases, research highlights, and institute announcements.</p>
</a>
</div>
<!-- Column 2 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Meetings and Events</h6>
<p class="text-black">Find details about upcoming and past events—including meetings,</p>
</a>
</div>
<!-- Column 3 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Multimedia</h6>
<p class="text-black">NIMH videos and podcasts featuring science news, lecture series, meetings, seminars, and special events.</p>
</a>
</div>
</div>
<div class="mega-content">
<!-- Column 1 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Social Media</h6>
<p class="text-black">Follow NIMH on X, Facebook, YouTube and LinkedIn for the latest all information</p>
</a>
</div>
<!-- Column 2 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Press Resources</h6>
<p class="text-black">Information about NIMH, research results, summaries of scientific meetings, and mental health resources.</p>
</a>
</div>
<!-- Column 3 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Innovation Speaker Series</h6>
<p class="text-black">The National Institute of Mental Health (NIMH) hosts an annual lecture series dedicated to innovation,</p>
</a>
</div>
</div>
<div class="mega-content">
<!-- Column 1 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Email Updates</h6>
<p class="text-black">Updates about mental health topic, including NIHM news</p>
</a>
</div>
<!-- Column 2 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Contact The Press Office</h6>
<p class="text-black">P.O. Box 66802, Phoenix, AZ, 85082, USA</p>
</a>
</div>
</div>
</div>
</li>
<!-- Repeat for any other top-level items -->
<li>
<a href="#" class="has-submenu">
Medication <span class="toggle-arrow"></span>
</a>
<div class="mega-dropdown">
<div class="mega-content">
<!-- Column 1 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Attention-Deficit/Hyperactivity Disorder</h6>
<p class="text-black">ADHD is characterized by persistent patterns of inattention and/or
hyperactive-impulsive behavior.</p>
</a>
</div>
<!-- Column 2 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Autism Spectrum Disorder</h6>
<p class="text-black">ASD is a developmental condition affecting communication and behavior across a
spectrum of presentations.</p>
</a>
</div>
<!-- Column 3 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Bipolar Disorder</h6>
<p class="text-black">Bipolar disorder involves episodes of mood swings ranging from depressive lows
to manic highs.</p>
</a>
</div>
</div>
<div class="mega-content">
<!-- Column 1 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Borderline Personality Disorder</h6>
<p class="text-black">BPD is marked by instability in moods, relationships, self-image, and
behavior.</p>
</a>
</div>
<!-- Column 2 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Depression</h6>
<p class="text-black">Depression is a common mood disorder causing persistent feelings of sadness
and loss of interest.</p>
</a>
</div>
<!-- column 3 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Eating Disorders</h6>
<p class="text-black">Eating disorders involve severe disturbances in eating behaviors and related
thoughts and emotions.</p>
</a>
</div>
</div>
<div class="mega-content">
<!-- Column 1 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Obsessive-Compulsive Disorder</h6>
<p class="text-black">OCD is characterized by unwanted, repeated thoughts or sensations (obsessions)
leading to ritualized behaviors (compulsions).</p>
</a>
</div>
<!-- Column 2 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Post-Traumatic Stress Disorder</h6>
<p class="text-black">PTSD can develop after exposure to a traumatic event, causing flashbacks and
severe anxiety.</p>
</a>
</div>
<!-- column 3 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Schizophrenia</h6>
<p class="text-black">Schizophrenia is a serious mental disorder involving distortions in thinking,
perception, emotions, and behavior.</p>
</a>
</div>
</div>
<div class="mega-content">
<!-- Column 1 -->
<div class="mega-column">
<a href="" class="text-decoration-none">
<h6>Suicide Prevention</h6>
<p class="text-black">Suicide prevention resources focus on identifying risks and offering support
to those in crisis.</p>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</header>
<!-- nav js -->
<script>
document.addEventListener('DOMContentLoaded', function () {
// Toggle main nav on mobile
const menuToggle = document.querySelector('.menu-toggle');
const mainNav = document.querySelector('.main-nav');
menuToggle.addEventListener('click', function () {
mainNav.classList.toggle('open');
});
// Toggle submenu on mobile
document.querySelectorAll('.has-submenu').forEach((toggle) => {
toggle.addEventListener('click', function (e) {
e.preventDefault();
const submenu = this.nextElementSibling;
if (!submenu) return;
submenu.style.display = submenu.style.display === 'block' ? 'none' : 'block';
this.querySelector('.toggle-arrow').classList.toggle('open');
});
});
// Toggle mega menu on mobile
document.querySelectorAll('.has-mega').forEach((toggle) => {
toggle.addEventListener('click', function (e) {
e.preventDefault();
const mega = this.nextElementSibling;
if (!mega) return;
mega.style.display = mega.style.display === 'block' ? 'none' : 'block';
this.querySelector('.toggle-arrow').classList.toggle('open');
});
});
});
</script>
<!-- #header end -->
<!-- Main Content -->
<main>
<!-- Hero Section -->
<section class="section hero-section d-flex align-items-center pb-0">
<div class="b-container px-3 px-sm-4 px-md-0">
<div class="row row-cols-1 row-cols-lg-2 g-4 text-white">
<!-- Left Content -->
<div class="col mt-md-5 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start">
<h6 class="text-white fw-semibold"> Mental Health Haven</h6>
<h1 class="display-md-4 lh-sm font-1 text-white" style="font-weight: 900;">
Empowering Senior <span class="text-primary-color">Minds</span> to Thrive
</h1>
<hr class="border border-white border-2 opacity-75 w-75 my-4 mx-auto mx-lg-0">
<!-- <p class="fs-7 my-4 text-white">
Discover evidence‐based articles, expert research, and practical tools designed specifically for older
adults and their caregivers. From anxiety to medication guides, MentalHealthHaven.com is your go-to source
for compassionate, reliable senior mental wellness information.
</p> -->
<div
class="d-flex gap-3 align-items-center my-4 flex-nowrap justify-content-lg-start justify-content-center">
<a href="#" role="button" class="btn btn-quotes-1">Explore Health Topics</a>
</div>
</div>
<!-- Right Image -->
<div class="col position-relative text-center pt-lg-4 pt-xl-3">
<div class="bnr-right-area">
<h3 class="text-white">Health Topics</h3>
<div class="banner-right-area-link-div">
<div class="row g-2">
<div class="col-6"><a href="">Anxiety Disorders</a></div>
<div class="col-6"><a href="">Attention-Deficit/Hyperactivity Disorder</a></div>
</div>
</div>
<div class="banner-right-area-link-div">
<div class="row g-2">
<div class="col-6"><a href="">Autism Spectrum Disorder</a></div>
<div class="col-6"><a href="">Bipolar Disorder</a></div>
</div>
</div>
<div class="banner-right-area-link-div">
<div class="row g-2">
<div class="col-6"><a href="">Borderline Personality Disorder</a></div>
<div class="col-6"><a href="">Depression</a></div>
</div>
</div>
<div class="banner-right-area-link-div">
<div class="row g-2">
<div class="col-6"><a href="">Eating Disorders</a></div>
<div class="col-6"><a href="">Obsessive-Compulsive Disorder</a></div>
</div>
</div>
<div class="banner-right-area-link-div">
<div class="row g-2">
<div class="col-6"><a href="">Post-Traumatic Stress Disorder</a></div>
<div class="col-6"><a href="">Schizophrenia</a></div>
</div>
</div>
<div class="banner-right-area-link-div">
<div class="row g-2">
<div class="col-6"><a href="">Suicide Prevention</a></div>
<div class="col-6"><a href="">More Topics</a></div>
</div>
</div>
</div>
<!-- Badge Review -->
<!-- <div
class="badge-cta position-absolute top-50 start-0 translate-middle-y bg-secondary-color py-3 px-4 rounded-5 text-white text-center d-none d-md-block"
style="z-index: 3;">
<h3 class="mb-0 font-1 fw-bolder">4.9 /5</h3>
<p class="mb-0">Review on Google</p>
</div> -->
<!-- Badge Phone -->
<!-- <div
class="badge-cta py-3 px-4 rounded-5 d-flex align-items-center gap-3 justify-content-start"
style=" z-index: 1;">
<div class="bnr-circle "
style="width: 60px; height: 60px;">
<i class="fa-solid fa-phone"></i>
</div>
<div class="justify-content-start">
<p class="mb-0">Call us anytime</p>
<h3 class="font-1 fw-bolder">+1 000 000 0000</h3>
</div>
</div> -->
</div>
</div>
</div>
</section>
<!-- #hero end -->
<!-- slider area start -->
<div class="slider-container">
<button class="slider-arrow left" id="left-arrow">←</button>
<div class="slider">
<div class="slider-item">
<img src="image/face-of-handsome-persian-businessman-at-the-footbr-2023-11-27-04-53-14-utc.jpg" alt="Leo">
<p>Today: You need to get out there and socialize...</p>
</div>
<div class="slider-item">
<img src="image/face-of-handsome-persian-businessman-at-the-footbr-2023-11-27-04-53-14-utc.jpg" alt="Aquabats">
<p>Events Near You: The Aquabats!</p>
</div>
<div class="slider-item">
<img src="image/face-of-handsome-persian-businessman-at-the-footbr-2023-11-27-04-53-14-utc.jpg" alt="AI Chat">
<p>AI Chat: What habit could improve my week?</p>
</div>
<div class="slider-item">
<img src="image/face-of-handsome-persian-businessman-at-the-footbr-2023-11-27-04-53-14-utc.jpg" alt="Watch">
<p>What to Watch: Happy Gilmore 2</p>
</div>
<div class="slider-item">
<img src="image/face-of-handsome-persian-businessman-at-the-footbr-2023-11-27-04-53-14-utc.jpg" alt="History">
<p>Today in History: 'Animal House' hits theaters</p>
</div>
<div class="slider-item">
<img src="image/face-of-handsome-persian-businessman-at-the-footbr-2023-11-27-04-53-14-utc.jpg" alt="Play Creators">
<p>Play Creators: 275K plays</p>
</div>
<div class="slider-item">
<img src="image/face-of-handsome-persian-businessman-at-the-footbr-2023-11-27-04-53-14-utc.jpg" alt="Watch">
<p>What to Watch: Happy Gilmore 2</p>
</div>
<div class="slider-item">
<img src="image/face-of-handsome-persian-businessman-at-the-footbr-2023-11-27-04-53-14-utc.jpg" alt="History">
<p>Today in History: 'Animal House' hits theaters</p>
</div>
<div class="slider-item">
<img src="image/face-of-handsome-persian-businessman-at-the-footbr-2023-11-27-04-53-14-utc.jpg" alt="Play Creators">
<p>Play Creators: 275K plays</p>
</div>
</div>
<button class="slider-arrow right" id="right-arrow">→</button>
</div>
<!-- slider area end -->
<script>
let slider = document.querySelector('.slider');
let sliderItems = document.querySelectorAll('.slider-item');
let totalItems = sliderItems.length;
let index = 0;
function updateSliderPosition() {
const slideWidth = sliderItems[0].offsetWidth + 20; // Item width + gap
slider.style.transform = `translateX(-${index * slideWidth}px)`;
}
function moveSlider() {
if (index >= totalItems) {
index = 0; // Reset to first item if at the end
}
updateSliderPosition();
}
// Move slider on arrow click
document.getElementById('left-arrow').addEventListener('click', () => {
index--;
if (index < 0) {
index = totalItems - 1; // Loop to the last item
}
updateSliderPosition();
});
document.getElementById('right-arrow').addEventListener('click', () => {
index++;
if (index >= totalItems) {
index = 0; // Reset to first item if at the end
}
updateSliderPosition();
});
// Auto slide every 2 seconds
setInterval(moveSlider, 2000);
</script>
<!-- About Section -->
<section class=" section pb-5 my-5">
<div class="b-container">
<div
class="row row-cols-1 row-cols-xl-2 g-5 align-items-center justify-content-center text-center text-xl-start">
<!-- Left Content Side -->
<div class="col-lg-6 position-relative d-flex justify-content-center">
<div class=" about-img-div">
<!-- Primary Image -->
<div class="ratio-wrapper-429">
<img src="image/about-us-img.jpg" alt="About Us" class="about-big-img">
</div>
<!-- Experience Label -->
<!-- <div
class="position-absolute bottom-0 end-0 bg-secondary-color text-white px-4 py-2 rounded-4 m-3 fw-bold small z-1 text-center">
<span class="font-1 fs-2 fw-bold">10+ Years</span><br>
<span class="fs-5">Of Experience</span>
</div> -->
<!-- Circle Image -->
<div class="position-absolute" style="top:0px; right: 0; z-index: 3;">
<div class="img-circle rounded-circle overflow-hidden border border-4 border-white shadow">
<img src="image/about-us-circle-img.jpg" alt="About Us Detail" class="w-100 h-100">
</div>
</div>
</div>
</div>
<!-- Right Content Side -->
<div class="col about-left-div">
<h6 class="text-primary-color fw-semibold mb-2">ABOUT US</h6>
<h2 class="font-1 mb-4" style="font-weight: 800;">Our Mission & Purpose</h2>
<p class="text-secondary" style="font-size: large;">
American Health Platforms (MentalHealthHaven.com) is dedicated to empowering seniors and their caregivers
with trustworthy mental health information tailored to the unique challenges and experiences of older
adults. Founded by a team of healthcare professionals and advocates, our mission is to bridge the gap
between cutting-edge research and practical, easy-to-understand resources. Through collaboration with
leading experts, evidence-based articles, and compassionate guidance, we strive to foster emotional
well-being, reduce stigma, and ensure that every senior has access to the support they need to live a
fulfilling, mentally healthy life.
</p>
<div class=" row d-flex flex-column flex-md-row my-4">
<div class="col d-flex justify-content-center justify-content-lg-start">
<ul class="list-unstyled font-1">
<li class="d-flex align-items-center fw-bolder mb-2 gap-2">
<i class="fa-solid fa-circle-check"></i>
<h5 class="fw-bolder py-1">Trusted Expertise</h5>
</li>
<li class="d-flex align-items-center fw-bolder mb-2 gap-2">
<i class="fa-solid fa-circle-check"></i>
<h5 class="fw-bolder py-1">Senior-Focused Resources</h5>
</li>
<li class="d-flex align-items-center fw-bolder mb-2 gap-2">
<i class="fa-solid fa-circle-check"></i>
<h5 class="fw-bolder py-1">Bridging Research & Practice</h5>
</li>
<li class="d-flex align-items-center fw-bolder mb-2 gap-2">
<i class="fa-solid fa-circle-check"></i>
<h5 class="fw-bolder py-1">Compassionate Support</h5>
</li>
</ul>
</div>
</div>
<a href="#" class="btn btn-quotes-1">Read More</a>
</div>
</div>
</div>
</section>
<!-- #about end -->
<!-- research section start -->
<section class="research-sec sec-btm-pad">
<div class="b-container">
<div class="research-top-content">
<h6 class="text-primary-color fw-semibold mb-2 text-center text-uppercase">Topics</h6>
<h2 class="font-1 mb-4 text-center" style="font-weight: 800;">Featured Topics</h2>
</div>
<div class="swiper mySwiper mt-4">
<div class="swiper-wrapper">
<!-- Card 1 -->
<div class="swiper-slide">
<div class="research-card">
<div class="research-img-area">
<img src="image/slider-1.jpg" alt="">
</div>
<div class="research-text-area text-white">
<h3>Director’s Message: A Year of Reflection and Renewal</h3>
<p>As we come to the end of our 75th Anniversary celebrations, I find myself filled with a profound sense of gratitude and anticipation....</p>
<a href="" class="btn-quotes-1">Read More</a>
</div>
</div>
</div>
<!-- Card 2 -->
<div class="swiper-slide">
<div class="research-card">
<div class="research-img-area">
<img src="image/slider-2.jpg" alt="Cognitive Health & Dementia">
</div>
<div class="research-text-area text-white">
<h3>FY 2024 Budget Fact Sheet </h3>
<p>NIMH FY 2024 Budget Fact Sheet
The National Institute of Mental Health (NIMH) is the lead federal agency for research on mental disorders.
......</p>
<a href="" class="btn-quotes-1">Read More</a>
</div>
</div>
</div>
<!-- Card 3 -->
<div class="swiper-slide">
<div class="research-card">
<div class="research-img-area">
<img src="image/slider-3.jpg" alt="Mental Health & Well-Being">
</div>
<div class="research-text-area text-white">
<h3>World Bipolar Day</h3>
<p>Bipolar disorder is a mental illness that causes unusual shifts in a person’s mood, energy, activity levels, and concentration......</p>
<a href="" class="btn-quotes-1">Read More</a>
</div>
</div>
</div>
<!-- Card 4 -->
<!-- <div class="swiper-slide">
<div class="research-card">
<div class="research-img-area">
<img src="image/slider-4.jpg" alt="Medication Safety & Polypharmacy">
</div>
<div class="research-text-area">
<h3>Medication safety & polypharmacy</h3>
<p>By analyzing prescribing patterns and patient adherence data, our research ......</p>
<a href="" class="btn-quotes-1">Read More</a>
</div>
</div>
</div> -->
<!-- card 5 -->
<!-- <div class="swiper-slide">
<div class="research-card">
<div class="research-img-area">
<img src="image/slider-5.jpg" alt="Mobility, Balance & Fall Prevention">
</div>
<div class="research-text-area">
<h3>Mobility, balance & fall prevention</h3>
<p>Our studies compare home-based balance training modules to in-person group classes to ......</p>
<a href="" class="btn-quotes-1">Read More</a>
</div>
</div>
</div> -->
<!-- card 6 -->
<!-- <div class="swiper-slide">
<div class="research-card">
<div class="research-img-area">
<img src="image/slider-6.jpg" alt="Nutrition & Healthy Aging">
</div>
<div class="research-text-area">
<h3>Nutrition & healthy aging</h3>
<p>Our nutrition research examines dietary patterns, micronutrient supplementation, .....</p>
<a href="" class="btn-quotes-1">Read More</a>
</div>
</div>
</div> -->
</div>
</div>
</div>
</section>
<!-- Consult Section -->
<section class="section py-5 text-white bg-gradient-secondary my-5">
<div class="b-container">
<div class="row justify-content-center align-items-center text-center text-xl-start my-5">
<div class="col-12 col-xl-5">
<h6 class="text-primary-color fw-semibold mb-2 text-uppercase">NEWS & EVENTS</h6>
<h2 class="font-1 mb-4 text-black" style="font-weight: 800;">
Updates by Topic
</h2>
</div>
<div class="col-12 col-xl-7 mt-4 mt-md-0">
<p class="mb-4 text-dark" style="font-size: large;">The National Institutes of Health has funded six projects to develop, test, and validate outcome-focused quality measures for mental health, which are used to understand the impact of interventions when implemented in real-world health care systems and settings.</p>
<a href="#" class="btn btn-quotes-1">Read more</a>
</div>
</div>
<hr class="border-white solid border-2 my-5">
<div class="row text-white mb-0 mb-xl-5 pt-5">
<div class="step-box col-12 col-lg-4">
<h1>01</h1>
<h3>Bipolar Disorder</h3>
<p>Largest-ever genome-wide study of a diverse group of people with bipolar disorder sheds new light on the genetic architecture underlying the disorder.</p>
</div>
<div class="step-box col-12 col-lg-4">
<h1>02</h1>
<h3>Depression</h3>
<p>An NIMH-funded study showed that incorporating depression treatment into care for chronic health conditions improved well-being for both patients and their families.</p>
</div>
<div class="step-box col-12 col-lg-4">
<h1>03</h1>
<h3>Eating Disorders</h3>
<p>Hospital visits for urgent mental health care increased among children and teens in the second year of the COVID-19 pandemic, according to an NIMH-supported study.</p>
</div>
</div>
</div>
</section>
<!-- #consult end -->
<!-- news&funding Section -->
<!-- <section class="section py-5">
<div class="b-container">
<div class="news-top-content">
<h6 class="text-primary-color fw-semibold mb-2 text-center text-uppercase">NEWS & EVENTS</h6>
<h2 class="font-1 mb-4 text-center" style="font-weight: 800;">Ongoing Research Initiatives</h2>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4 justify-content-center mt-4">
<div class="col">
<div class="bg-secondary-color text-white p-4 rounded-5 h-100 transition-hover">
<div class="d-flex align-items-center gap-3 mb-3 justify-content-start">
<div class="d-flex align-items-center justify-content-center bg-secondary-color-1 rounded-circle"
style="width: 50px; height: 50px;">
<img src="image/news-1.png" style="width: 50px; height: 50px;" alt="">
</div>
<h6 class="fw-bold mb-2" style="font-size: large;">Annual Senior Health Research Symposium</h6>
</div>
<p class="mt-3">An in-person gathering featuring expert-led presentations on breakthroughs in aging and
cognition.</p>
</div>
</div>
<div class="col">
<div class="bg-secondary-color-2 text-white p-4 rounded-5 h-100 transition-hover">
<div class="d-flex align-items-center gap-3 mb-3 justify-content-start">
<div class="d-flex align-items-center justify-content-center rounded-circle"
style="width: 50px; height: 50px;">
<img src="image/news-2.png" style="width: 50px; height: 50px;" alt="">
</div>
<h6 class="fw-bold mb-2" style="font-size: large;">Virtual Webinar Series</h6>
</div>
<p class="mt-3">Monthly online sessions covering topics like fall prevention techniques, managing chronic
conditions.</p>
</div>
</div>
<div class="col">
<div class="bg-primary-color text-white p-4 rounded-5 h-100 transition-hover">
<div class="d-flex align-items-center gap-3 mb-3 justify-content-start">
<div class="d-flex align-items-center justify-content-center rounded-circle"
style="width: 50px; height: 50px;">
<img src="image/news-3.png" style="width: 50px; height: 50px;" alt="">
</div>
<h6 class="fw-bold mb-2" style="font-size: large;">Local Community Workshops</h6>
</div>
<p class="mt-3">Hands-on events hosted in partnership with senior centers, focusing on nutrition.</p>
</div>
</div>
<div class="col">
<div class="bg-primary-color-2 text-white p-4 rounded-5 h-100 transition-hover">
<div class="d-flex align-items-center gap-3 mb-3 justify-content-start">
<div class="d-flex align-items-center justify-content-center rounded-circle"
style="width: 50px; height: 50px;">
<img src="image/news-4.png" style="width: 50px; height: 50px;" alt="">
</div>
<h6 class="fw-bold mb-2" style="font-size: large;">Roundtable Discussions</h6>
</div>
<p class="mt-3">Quarterly virtual forums where healthcare professionals and advocates debate emerging
trends.</p>
</div>
</div>
</div>
</div>
</section> -->
<!-- #features end -->
<!-- Services Section -->
<section class="section py-5">
<div class="b-container text-center">
<h6 class="text-primary-color fw-semibold mb-2 text-uppercase">Resource</h6>
<h2 class="display-5 font-1 mb-5" style="font-weight: 800;">Featured Resources</h2>
<div class="swiper mySwiper mt-4">
<div class="swiper-wrapper">
<!-- Card 1 -->
<div class="swiper-slide">
<div class="card border-0 rounded-5 overflow-hidden shadow-sm">
<img src="image/medication-1.jpg" class="w-100"
style="height: 250px; transform: scale(1.5); object-position: center;" alt="Individual Therapy">
<div class="bg-accent-color-2 text-start p-4 position-relative h-100">
<div class="icon-div position-absolute top-0 start-0 translate-middle-y"
style="margin-top: 0; margin-left: 20px;">
<img src="image/icon/icon-1.png" alt="" width="100">
</div>
<h3 class="font-1 mt-4" style="font-weight: 700; font-size: 26px;">Brochures and Fact Sheets</h3>
<p class="mb-3">El NIMH ofrece panfletos y hojas de datos sobre trastornos de la salud mental...</p>
<a href="" class="btn-quotes-1">Read More</a>
</div>
</div>
</div>
<!-- Card 2 -->
<div class="swiper-slide">
<div class="card border-0 rounded-5 overflow-hidden shadow-sm">
<img src="image/medication-2.jpg" class="w-100"
style="height: 250px; transform: scale(1.5); object-position: center;" alt="Individual Therapy">
<div class="bg-accent-color-2 text-start p-4 position-relative h-100">
<div class="icon-div position-absolute top-0 start-0 translate-middle-y"
style="margin-top: 0; margin-left: 20px;">
<img src="image/icon/icon-2.png" alt="" width="100">
</div>
<h3 class="font-1 mt-4" style="font-weight: 700; font-size: 26px;">RDoC</h3>
<p class="mb-3">Learn more about Research Domain Criteria Initiative (RDoC)... </p>
<a href="" class="btn-quotes-1">Read More</a>
</div>
</div>
</div>
<!-- Card 3 -->
<div class="swiper-slide">
<div class="card border-0 rounded-5 overflow-hidden shadow-sm">
<img src="image/medication-3.jpg" class="w-100"
style="height: 250px; transform: scale(1.5); object-position: center;" alt="Individual Therapy">
<div class="bg-accent-color-2 text-start p-4 position-relative h-100">
<div class="icon-div position-absolute top-0 start-0 translate-middle-y"
style="margin-top: 0; margin-left: 20px;">
<img src="image/icon/icon-3.png" alt="" width="100">
</div>
<h3 class="font-1 mt-4" style="font-weight: 700; font-size: 26px;">Research</h3>
<p class="mb-3">Learn more about our research areas, policies, resources, and initiatives...</p>
<a href="" class="btn-quotes-1">Read More</a>
</div>
</div>
</div>
<!-- Card 4 -->
<div class="swiper-slide">
<div class="card border-0 rounded-5 overflow-hidden shadow-sm">
<img src="image/medication-4.jpg" class="w-100"
style="height: 250px; transform: scale(1.5); object-position: center;" alt="Individual Therapy">
<div class="bg-accent-color-2 text-start p-4 position-relative h-100">
<div class="icon-div position-absolute top-0 start-0 translate-middle-y"
style="margin-top: 0; margin-left: 20px;">
<img src="image/icon/icon-4.png" alt="" width="100">
</div>
<h3 class="font-1 mt-4" style="font-weight: 700; font-size: 26px;">Social Media</h3>
<p class="mb-3">Connect with Us on X, Facebook, YouTube, Instagram, and LinkedIn...</p>
<a href="" class="btn-quotes-1">Read More</a>
</div>
</div>
</div>
<!-- Card 5 -->
<div class="swiper-slide">
<div class="card border-0 rounded-5 overflow-hidden shadow-sm">
<img src="image/medication-5.jpg" class="w-100"
style="height: 250px; transform: scale(1.5); object-position: center;" alt="Individual Therapy">
<div class="bg-accent-color-2 text-start p-4 position-relative h-100">
<div class="icon-div position-absolute top-0 start-0 translate-middle-y"
style="margin-top: 0; margin-left: 20px;">
<img src="image/icon/icon-5.png" alt="" width="100">
</div>
<h3 class="font-1 mt-4" style="font-weight: 700; font-size: 26px;">Investigators</h3>
<p class="mb-3">Learn more about scientists, physicians, and clinicians in NIMH’s Division of ...</p>
<a href="" class="btn-quotes-1">Read More</a>
</div>
</div>
</div>
<!-- Card 6 -->
<div class="swiper-slide">
<div class="card border-0 rounded-5 overflow-hidden shadow-sm">
<img src="image/medication-5.jpg" class="w-100"
style="height: 250px; transform: scale(1.5); object-position: center;" alt="Individual Therapy">
<div class="bg-accent-color-2 text-start p-4 position-relative h-100">
<div class="icon-div position-absolute top-0 start-0 translate-middle-y"
style="margin-top: 0; margin-left: 20px;">
<img src="image/icon/icon-6.png" alt="" width="100">
</div>
<h3 class="font-1 mt-4" style="font-weight: 700; font-size: 26px;">Support for Clinical Trials</h3>
<p class="mb-3">Learn more about clinical trials and funding opportunity announcements...</p>
<a href="" class="btn-quotes-1">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- #services end -->
</main>
<!-- #main end -->
<!-- Footer -->
<footer class="footer px-4">
<div class="b-container">
<div class="row row-cols-1 pt-5 px-0">
<div class="footer-logo col-12 col-lg-3 mb-5 text-lg-start text-center">
<!-- <img src="image/client-logo.png" alt="Footer Logo"> --> <a href="" class="logo-link"><span class="logo-span">MentalHealth<br>World</span></a>
<p class="">Mental Health Platforms is dedicated to empowering seniors with trusted health information.
</p>
<hr class="text-white">
<p class="text-white">Download Apps On</p>
<div class="app-div d-flex flex-column">
<a href=""><img src="image/play-store (1).png" alt=""></a>
<a href=""><img src="image/apple-store (1).png" alt=""></a>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<h4 class="text-secondary-color-2 mb-4">Contact</h4>
<p class="text-white" style="font-weight: 600;">P.O. Box 66802, Phoenix, AZ, 85082, USA</p>
<p><a class="text-white fw-bold text-decoration-none" href="">xyz@gmail.com</a></p>
<p><a class="text-white fw-bold text-decoration-none" href="">+1 000 000 0000</a></p>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
<h4 class="text-secondary-color-2 mb-4">Quick Links</h4>
<ul class="d-flex flex-column p-0">
<li class="mb-2"><a href="#" class="links-secondary text-white">Home</a></li>
<li class="mb-2"><a href="#" class="links-secondary text-white">About Us</a></li>
<li class="mb-2"><a href="#" class="links-secondary text-white">Research</a></li>
<li class="mb-2"><a href="#" class="links-secondary text-white">Funding</a></li>
<li class="mb-2"><a href="#" class="links-secondary text-white">News & Events</a></li>
<li class="mb-2"><a href="#" class="links-secondary text-white">Medication</a></li>
</ul>
</div>
<div class="col-12 col-md-4 col-lg-3 mb-3 text-md-start text-center">
<h4
class="font-1 fw-bolder text-secondary-color-2 mb-4 justify-content-md-start justify-content-center align-items-center mt-md-0 mt-sm-4">
Newsletter</h4>
<p class="fw-bolder text-white">Get In Touch</p>
<div class="toast-container position-fixed bottom-0 end-0 p-3">
<div id="liveToast" class="toast success_msg_subscribe text-bg-light" role="alert" aria-live="assertive"
aria-atomic="true">
<div class="d-flex">
<div class="toast-body">
<i class="bi bi-check-circle-fill"></i> Your Subscribe Send Successfully.
</div>
<button type="button" class="btn me-2 m-auto" data-bs-dismiss="toast" aria-label="Close">
<i class="bi bi-x-lg"></i>
</button>
</div>
</div>
</div>
<form class="d-flex mb-3 flex-column w-100 gap-2 needs-validation" novalidate>
<input type="text" name="action" value="subscribe" hidden>
<input type="email" name="email" class="form-control form-control-lg rounded-5"
placeholder="Your email here" required>
<div class="invalid-feedback text-white">
Please provide a valid email format (e.g.,
user@example.com).
</div>
<button type="submit" class="btn btn-block btn-secondary-solid submit_subscribe">Subscribe
now</button>
</form>
<div class="f-hr"></div>
<p class="text-white">Follow Us On:</p>
<div class="social-box d-flex justify-content-lg-start justify-content-center w-100">
<a href="#">
<i class="fa-brands fa-facebook-f"></i></a>
<a href="#">
<i class="fa-brands fa-twitter"></i></a>
<a href="#">
<i class="fa-brands fa-square-instagram"></i></a>
<a href="#">
<i class="fab fa-whatsapp"></i></a>
<a href="#">
<i class="fab fa-pinterest"></i></a>
</div>
</div>
</div>
<div class=" copy-right row justify-content-center py-4 mt-4 border-top">
<p class=" text-center w-100 mb-0">Copyright © 2025 <a href="#"
class="links-secondary text-dark fw-bold">MentalHealthWorld.com</a> All Rights Reserved. Design & Developed
by <a class="links-secondary text-dark fw-bold" href="http://goigi.com" target="_blank"
rel="noopener noreferrer">GOIGI</a></p>
</div>
</div>
</footer>
<!-- #footer end -->
<script>
const today = new Date();
const options = {
timeZone: 'America/New_York',
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: true
};
const usaTime = today.toLocaleString('en-US', options);
document.getElementById("today").innerHTML = usaTime;
</script>
<!-- Scripts -->
<!-- jQuery -->
<script src="js/vendor/jquery.min.js"></script>
<!-- Swiper JS -->
<script src="js/vendor/swiper-bundle.min.js"></script>
<!-- Bootstrap JS -->
<script src="js/vendor/bootstrap.bundle.min.js"></script>
<!-- JS Script -->
<script src="js/swiper-script.js"></script>
<script src="js/submit-form.js"></script>
<script src="js/script.js"></script>
<!-- #scripts end -->
</body>
</html>