<!doctype html>
<html class="no-js" lang="zxx">
    <head>
        <!-- Meta Tags -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="keywords" content="Site keywords here">
		<meta name="description" content="">
		<meta name='copyright' content=''>
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		
		<!-- Title -->
        <title>THE MODERN EMPIRE HEALTHCARE</title>
		
		<!-- Favicon -->
        <link rel="icon" href="img/favicon.png">
		
		<!-- Google Fonts -->
		<link href="https://fonts.googleapis.com/css?family=Poppins:200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">

		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- Nice Select CSS -->
		<link rel="stylesheet" href="css/nice-select.css">
		<!-- Font Awesome CSS -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
		<!-- icofont CSS -->
        <link rel="stylesheet" href="css/icofont.css">
		<!-- Slicknav -->
		<link rel="stylesheet" href="css/slicknav.min.css">
		<!-- Owl Carousel CSS -->
        <link rel="stylesheet" href="css/owl-carousel.css">
		<!-- Datepicker CSS -->
		<link rel="stylesheet" href="css/datepicker.css">
		<!-- Animate CSS -->
        <link rel="stylesheet" href="css/animate.min.css">
		<!-- Magnific Popup CSS -->
        <link rel="stylesheet" href="css/magnific-popup.css">
		
		<!-- Medipro CSS -->
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="css/responsive.css">
		
    </head>
    <body>
	
		<!-- Preloader -->
        <div class="preloader">
            <div class="loader">
                <div class="loader-outter"></div>
                <div class="loader-inner"></div>

                <div class="indicator"> 
                    <svg width="16px" height="12px">
                        <polyline id="back" points="1 6 4 6 6 11 10 1 12 6 15 6"></polyline>
                        <polyline id="front" points="1 6 4 6 6 11 10 1 12 6 15 6"></polyline>
                    </svg>
                </div>
            </div>
        </div>
        <!-- End Preloader -->
		

		<!-- Header Area -->
		<header class="header" >
			<!-- Topbar -->
			<div class="topbar">
				<div class="container">
					<div class="row">
						<div class="col-lg-6 col-md-5 col-12">
							<!-- Contact -->

							<ul class="top-contact">
								<li><i class="fa fa-phone"></i>+254 799 353001</li>
								<li><i class="fa fa-envelope"></i><a href="mailto:themodernempirehealthcare@gmail.com">themodernempirehealthcare@gmail.com</a></li>
							</ul>
							
							<!-- End Contact -->
						</div>
						<div class="col-lg-6 col-md-7 col-12">
							<!-- Top Contact -->
<!-- 							<ul class="top-contact">
								<li><i class="fa fa-phone"></i>+254 799 353001</li>
								<li><i class="fa fa-envelope"></i><a href="mailto:themodernempirehealthcare@gmail.com">themodernempirehealthcare@gmail.com</a></li>
							</ul> -->
							<!-- End Top Contact -->
						</div>
					</div>
				</div>
			</div>
			<!-- End Topbar -->
			<!-- Header Inner -->
			<div class="header-inner">
				<div class="container">
					<div class="inner">
						<div class="row">
							<div class="col-lg-3 col-md-3 col-12">
								<!-- Start Logo -->
								<div class="logo">
									<a href="index.html"><img src="img/logo2.png" alt="LOGO HERE"></a>
								</div>
								<!-- End Logo -->
								<!-- Mobile Nav -->
								<div class="mobile-nav"></div>
								<!-- End Mobile Nav -->
							</div>
							<div class="col-lg-7 col-md-9 col-12">
								<!-- Main Menu -->
								<div class="main-menu">


									<nav class="navigation">
										
										<ul class="nav menu">
											<li><a href="index.php">HOME </i></a>
											</li>
											<li><a href="about.php">ABOUT US </a></li>
											<li class="active"><a href="portfolio.php">PORTFOLIO </a></li>
											<li><a href="faq.php">FAQ</a></li>
											<li><a href="contact.php">CONTACT US</a></li>

										</ul>
									</nav>


								</div>
								<!--/ End Main Menu -->
							</div>
							<div class="col-lg-2 col-12">
								<div class="get-quote">
									<a href="contact.php" class="btn">Book Appointment</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--/ End Header Inner -->
		</header>
		<!-- End Header Area -->
	
		<!-- Breadcrumbs -->
		<div class="breadcrumbs overlay">
			<div class="container">
				<div class="bread-inner">
					<div class="row">
						<div class="col-12">
							<h2>TMEH Portfolio</h2>
							<ul class="bread-list">
								<li><a href="index.html">Home</a></li>
								<li><i class="icofont-simple-right"></i></li>
								<li class="active">Portfolio Details</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- End Breadcrumbs -->
	
		<!-- Start Portfolio Details Area -->
		<section class="pf-details section">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="inner-content">
							<div class="image-slider">
								<div class="pf-details-slider">
									<img src="img/call-bg.jpg" alt="#">
									<img src="img/call-bg.jpg" alt="#">
									<img src="img/call-bg.jpg" alt="#">
								</div>
							</div>
							<div class="date">
								<ul>
									<!-- <li><span>Category :</span> Heart Surgery</li> -->
								<!-- 	<li><span>Date :</span> April 20, 2019</li>
									<li><span>Client :</span> Suke Agency</li>
									<li><span>Ags :</span> Typo</li> -->
								</ul>
							</div>
							<div class="body-text">
								<h3>OUR GALLERY</h3>
								<p>Modern Empire Healthcare is a licensed multidisciplinary clinic committed to delivering comprehensive, compassionate, and evidence-based medical and mental health services. Based in [Mowlem feroze], our facility blends innovation with personalized care to support individuals, families, and communities across all ages..</p>

			

							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Portfolio Details Area -->
		
		<!-- Start Blog Area -->
		<section class="blog section" id="blog">
			<div class="container">

<!-- ROW 1 -->
				<div class="row">
					<div class="col-lg-4 col-md-6 col-12">
						<!-- Single Blog -->
						<div class="single-news">
							<div class="news-head">
								<img src="img/bg1.jpg" alt="#">
							</div>
							<div class="news-body">
								<div class="news-content">
									<div class="date">TMEH Photo</div>
									<!-- <h2><a href="blog-single.html">TITLE</a></h2> -->

								</div>
							</div>
						</div>
						<!-- End Single Blog -->
					</div>

					<div class="col-lg-4 col-md-6 col-12">
						<!-- Single Blog -->
						<div class="single-news">
							<div class="news-head">
								<img src="img/blog2.jpg" alt="#">
							</div>
							<div class="news-body">
								<div class="news-content">
									<div class="date">TMEH Photo</div>
									<!-- <h2><a href="blog-single.html">TITLE</a></h2> -->
					
								</div>
							</div>
						</div>
						<!-- End Single Blog -->
					</div>

					<div class="col-lg-4 col-md-6 col-12">
						<!-- Single Blog -->
						<div class="single-news">
							<div class="news-head">
								<img src="img/blog2a.jpg" alt="#">
							</div>
							<div class="news-body">
								<div class="news-content">
									<div class="date">TMEH Photo</div>
									<!-- <h2><a href="blog-single.html">TITLE</a></h2> -->
						
								</div>
							</div>
						</div>
						<!-- End Single Blog -->
					</div>


				</div>

<!-- ROW 2 -->
				<div class="row">
					<div class="col-lg-4 col-md-6 col-12">
						<!-- Single Blog -->
						<div class="single-news">
							<div class="news-head">
								<img src="img/blog2e.jpg" alt="#">
							</div>
							<div class="news-body">
								<div class="news-content">
									<div class="date">TMEH Photo</div>
									<!-- <h2><a href="blog-single.html">TITLE</a></h2> -->

								</div>
							</div>
						</div>
						<!-- End Single Blog -->
					</div>

					<div class="col-lg-4 col-md-6 col-12">
						<!-- Single Blog -->
						<div class="single-news">
							<div class="news-head">
								<img src="img/blog2b.jpg" alt="#">
							</div>
							<div class="news-body">
								<div class="news-content">
									<div class="date">TMEH Photo</div>
									<!-- <h2><a href="blog-single.html">TITLE</a></h2> -->
					
								</div>
							</div>
						</div>
						<!-- End Single Blog -->
					</div>

					<div class="col-lg-4 col-md-6 col-12">
						<!-- Single Blog -->
						<div class="single-news">
							<div class="news-head">
								<img src="img/blog2c.jpg" alt="#">
							</div>
							<div class="news-body">
								<div class="news-content">
									<div class="date">TMEH Photo</div>
									<!-- <h2><a href="blog-single.html">TITLE</a></h2> -->
						
								</div>
							</div>
						</div>
						<!-- End Single Blog -->
					</div>


				</div>


<!-- ROW 3 -->
				<div class="row">
					<div class="col-lg-4 col-md-6 col-12">
						<!-- Single Blog -->
						<div class="single-news">
							<div class="news-head">
								<img src="img/blog1.jpg" alt="#">
							</div>
							<div class="news-body">
								<div class="news-content">
									<div class="date">TMEH Photo</div>
									<!-- <h2><a href="blog-single.html">TITLE</a></h2> -->

								</div>
							</div>
						</div>
						<!-- End Single Blog -->
					</div>

					<div class="col-lg-4 col-md-6 col-12">
						<!-- Single Blog -->
						<div class="single-news">
							<div class="news-head">
								<img src="img/blog2d.jpg" alt="#">
							</div>
							<div class="news-body">
								<div class="news-content">
									<div class="date">TMEH Photo</div>
									<!-- <h2><a href="blog-single.html">TITLE</a></h2> -->
					
								</div>
							</div>
						</div>
						<!-- End Single Blog -->
					</div>

					<div class="col-lg-4 col-md-6 col-12">
						<!-- Single Blog -->
						<div class="single-news">
							<div class="news-head">
								<img src="img/blog2.jpg" alt="#">
							</div>
							<div class="news-body">
								<div class="news-content">
									<div class="date">TMEH Photo</div>
									<!-- <h2><a href="blog-single.html">TITLE</a></h2> -->
						
								</div>
							</div>
						</div>
						<!-- End Single Blog -->
					</div>


				</div>


			</div>
		</section>
		<!-- End Blog Area -->



		<!-- Footer Area -->
		<!-- Footer Area -->
		<!-- Footer Area -->
		<footer id="footer" class="footer ">
			<!-- Footer Top -->
			<div class="footer-top">
				<div class="container">
					<div class="row">
						<div class="col-lg-3 col-md-6 col-12">
							<div class="single-footer">
								<h2>About Us</h2>
								<p>Modern Empire Healthcare is a licensed multidisciplinary clinic committed to delivering comprehensive, compassionate, and evidence-based medical and mental health services.</p>
								<!-- Social -->
								<ul class="social">
									<li><a href="#"><i class="icofont-facebook"></i></a></li>
									<li><a href="#"><i class="icofont-google-plus"></i></a></li>
									<li><a href="#"><i class="icofont-twitter"></i></a></li>
									<li><a href="#"><i class="icofont-vimeo"></i></a></li>
									<li><a href="#"><i class="icofont-pinterest"></i></a></li>
								</ul>
								<!-- End Social -->
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-12">
							<div class="single-footer f-link">
								<h2>Quick Links</h2>
								<div class="row">
									<div class="col-lg-6 col-md-6 col-12">
										<ul>
											<li><a href="index.php"><i class="fa fa-caret-right" aria-hidden="true"></i>Home</a></li>

											<li><a href="about.php"><i class="fa fa-caret-right" aria-hidden="true"></i>About Us</a></li>

											<li><a href="portfolio.php"><i class="fa fa-caret-right" aria-hidden="true"></i>Portfolio</a></li>

											<li><a href="faq.php"><i class="fa fa-caret-right" aria-hidden="true"></i>FAQ</a></li>

											<li><a href="contact.php"><i class="fa fa-caret-right" aria-hidden="true"></i>Contact</a></li>

										</ul>
									</div>
									<div class="col-lg-6 col-md-6 col-12">
				<!-- 						<ul>
											<li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Consuling</a></li>
											<li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Finance</a></li>
											<li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Testimonials</a></li>
											<li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>FAQ</a></li>
											<li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Contact Us</a></li>	
										</ul> -->
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-12">
							<div class="single-footer">
								<h2>Vision</h2>
								<p>To be a leading center of excellence in holistic healthcare and mental well-being across the region.</p>
								<ul class="time-sidual">
									<P>-----------***-----------</P>
									<li class="day">Monday - Sunday <span></span></li>
									<li class="day">(Available 24 HRS Daily)</span></li>

								</ul>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-12">
							<div class="single-footer">
								<h2>Mission</h2>
								<p>To provide quality, affordable, and accessible healthcare services that empower individuals to achieve optimal physical and mental health.</p>
					<!-- 			<form action="mail/mail.php" method="get" target="_blank" class="newsletter-inner">
									<input name="email" placeholder="Email Address" class="common-input" onfocus="this.placeholder = ''"
										onblur="this.placeholder = 'Your email address'" required="" type="email">
									<button class="button"><i class="icofont icofont-paper-plane"></i></button>
								</form> -->
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--/ End Footer Top -->
			<!-- Copyright -->
			<div class="copyright">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-12">
							<div class="copyright-content">
								<p>© Copyright 2025 | All Rights Reserved by <a href="https://www.tmeh.org" target="_blank">TMEH</a> </p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--/ End Copyright -->
		</footer>
		<!--/ End Footer Area -->
		
		<!-- jquery Min JS -->
        <script src="js/jquery.min.js"></script>
		<!-- jquery Migrate JS -->
		<script src="js/jquery-migrate-3.0.0.js"></script>
		<!-- jquery Ui JS -->
		<script src="js/jquery-ui.min.js"></script>
		<!-- Easing JS -->
        <script src="js/easing.js"></script>
		<!-- Color JS -->
		<script src="js/colors.js"></script>
		<!-- Popper JS -->
		<script src="js/popper.min.js"></script>
		<!-- Bootstrap Datepicker JS -->
		<script src="js/bootstrap-datepicker.js"></script>
		<!-- Jquery Nav JS -->
        <script src="js/jquery.nav.js"></script>
		<!-- Slicknav JS -->
		<script src="js/slicknav.min.js"></script>
		<!-- ScrollUp JS -->
        <script src="js/jquery.scrollUp.min.js"></script>
		<!-- Niceselect JS -->
		<script src="js/niceselect.js"></script>
		<!-- Tilt Jquery JS -->
		<script src="js/tilt.jquery.min.js"></script>
		<!-- Owl Carousel JS -->
        <script src="js/owl-carousel.js"></script>
		<!-- counterup JS -->
		<script src="js/jquery.counterup.min.js"></script>
		<!-- Steller JS -->
		<script src="js/steller.js"></script>
		<!-- Wow JS -->
		<script src="js/wow.min.js"></script>
		<!-- Magnific Popup JS -->
		<script src="js/jquery.magnific-popup.min.js"></script>
		<!-- Counter Up CDN JS -->
		<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
		<!-- Bootstrap JS -->
		<script src="js/bootstrap.min.js"></script>
		<!-- Main JS -->
		<script src="js/main.js"></script>
    </body>
</html>