<!DOCTYPE html>
<html lang="zxx">


<head>
	<!-- Meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">
	<!-- Page Title -->
	<title>Tathagat</title>
	<!-- Favicon Icon -->
	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
    <!-- Google Fonts css-->
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&amp;display=swap" rel="stylesheet">
	<!-- Bootstrap Css -->
	<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<!-- SlickNav Css -->
	<link href="css/slicknav.min.css" rel="stylesheet">
	<!-- Swiper Css -->
	<link rel="stylesheet" href="css/swiper-bundle.min.css">
	<!-- Font Awesome Icon Css-->
	<link href="css/all.css" rel="stylesheet" media="screen">
	<!-- Animated Css -->
	<link href="css/animate.css" rel="stylesheet">
	<!-- Magnific Popup core CSS file -->
	<link rel="stylesheet" href="css/magnific-popup.css">
	<!-- Main custom Css -->
	<link href="css/custom.css" rel="stylesheet" media="screen">
</head>

<body class="tt-magic-cursor">
	<?php include'header.php'?>
	
	

	<!-- Resource Section Start -->
	<div class="about-us pt-0" >
		<div class="container">
			<div class="row align-items-center">
				<!-- Section Title Start -->
                <div class="section-title text-center">
                    <h2 class="text-anime-style-3"><span>Resource  </span>Center</h2>
                </div>

                <!-- Section Title End -->
			</div>
            <div class="casestory-slider">
				<h4>Recents</h4><br/>
					<div class="swiper">
						<div class="swiper-wrapper">
							<!-- casestory Slide Start -->
							<div class="swiper-slide">
								<div class="card bg-dark text-white border-0 rounded-4 overflow-hidden">
									<img src="images/case1.png" class="card-img" alt="...">
									<h5>5 Morning Habits to Boost Heart Health Naturally | Daily Routine for a Healthy Heart</h5>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="card bg-dark text-white border-0 rounded-4 overflow-hidden">
									<img src="images/case2.png" class="card-img" alt="...">
									<h5>Heart Disease in Women: Unique Symptoms, Higher Risks & How to Stay Protected</h5>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="card bg-dark text-white border-0 rounded-4 overflow-hidden">
									<img src="images/case3.png" class="card-img" alt="...">
									<h5>Stress and Heart Health: How to Protect Your Heart from the Inside Out</h5>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="card bg-dark text-white border-0 rounded-4 overflow-hidden">
									<img src="images/case1.png" class="card-img" alt="...">
									<h5>Stress and Heart Health: How to Protect Your Heart from the Inside Out</h5>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="row">  
					 <!-- Specialist Item Start -->
                    <div class="col-md-3 specialist-item wow fadeInUp tablink" onclick="openPage('featured', this, '')" id="defaultOpen">
                        <div class="icon-box">
                            <img src="images/featured.png" alt="">
                        </div>
                        <div class="specialist-content">
                            <h3>Featured</h3>
                          
                        </div>
                    </div>
                    <!-- Specialist Item End -->
					<!-- Specialist Item Start -->
                    <div class="col-md-3  specialist-item wow fadeInUp tablink" data-wow-delay="0.25s" onclick="openPage('articles', this, '')" >
                        <div class="icon-box">
                            <img src="images/articles.png" alt="">
                        </div>
                        <div class="specialist-content">
                            <h3>Articles</h3>
                         
                        </div>
                    </div>
                    <!-- Specialist Item End -->
					<!-- Specialist Item Start -->
                    <div class="col-md-3 specialist-item wow fadeInUp tablink" data-wow-delay="0.5s" onclick="openPage('case', this, '')">
                        <div class="icon-box">
                            <img src="images/case-studies.png" alt="">
                        </div>
                        <div class="specialist-content">
                            <h3>Case Studies</h3>
                            
                        </div>
                    </div>
                    <!-- Specialist Item End -->
				
					<!-- Specialist Item Start -->
                    <div class="col-md-3 specialist-item wow fadeInUp tablink" data-wow-delay="0.75s" onclick="openPage('videos', this, '')">
                        <div class="icon-box">
                            <img src="images/video-icon.png" alt="">
                        </div>
                        <div class="specialist-content">
                            <h3>Videos</h3>
                            
                        </div>
                    </div>
                    <!-- Specialist Item End -->
				<hr/>

				<div id="featured" class="tabcontent">
				<h3>featured</h3>
				<p>Home is where the heart is..</p>
				</div>

				<div id="articles" class="tabcontent">
				<h3>Articles</h3>
				<p>Some news this fine day!</p> 
				</div>

				<div id="case" class="tabcontent">
				<h3>Case Studies</h3>
				<p>Get in touch, or swing by for a cup of coffee.</p>
				</div>

				<div id="videos" class="tabcontent">
				<h3>Videos</h3>
				<p>Who we are and what we do.</p>
				</div>

				<script>
				function openPage(pageName,elmnt,color) {
				var i, tabcontent, tablinks;
				tabcontent = document.getElementsByClassName("tabcontent");
				for (i = 0; i < tabcontent.length; i++) {
					tabcontent[i].style.display = "none";
				}
				tablinks = document.getElementsByClassName("tablink");
				for (i = 0; i < tablinks.length; i++) {
					tablinks[i].style.backgroundColor = "";
				}
				document.getElementById(pageName).style.display = "block";
				elmnt.style.backgroundColor = color;
				}

				// Get the element with id="defaultOpen" and click on it
				document.getElementById("defaultOpen").click();
				</script>
					
               
            </div>
			

		</div>
	</div>


	
	<!-- Case Stories Section Start -->
		<section class="bg-danger-subtle py-5">
			<div class="container">
				<div class="row">
					<div class="col-lg-9 col-md-9">
						<div class="medical-service-heading">
							<!-- Section Title Start -->
							<div class="section-title text-white">
								<h3 class="wow fadeInUp ">Our Case Stories</h3>
								<h2 class="text-anime-style-3">Patient Journeys to <br/>Healthier, Happier Heart</h2>
								
							</div>
							<!-- Section Title End -->
						</div>
					</div>
					<div class="col-lg-3 col-md-3">
						<a href="#" class="btn btn-outline-light wow fadeInUp" data-wow-delay="0.5s" style="float:right;">Explore All Resources</a>
					</div>
				</div>
				<!-- CASE STORIES Slider Start -->
				<div class="casestory-slider">
					<div class="swiper">
						<div class="swiper-wrapper">
							<!-- casestory Slide Start -->
							<div class="swiper-slide">
								<div class="card bg-dark text-white border-0 rounded-4 overflow-hidden">
									<img src="images/case1.png" class="card-img" alt="...">
										<div class="card-img-overlay d-flex flex-column justify-content-end p-3" style="background: rgba(0,0,0,0.5);">
											<h6 class="card-title mb-2"><a href="case-details.php">Heart Disease in Women: Unique Symptoms, Higher Risks & How to Stay Protected</a></h6>
											<div class="d-flex flex-wrap gap-2">
											<span class="badge bg-light text-dark">2014</span>
											<span class="badge bg-light text-dark">Open Heart Surgery</span>
											<span class="badge bg-light text-dark">Happy Heart</span>
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="card bg-dark text-white border-0 rounded-4 overflow-hidden">
									<img src="images/case2.png" class="card-img" alt="...">
									<div class="card-img-overlay d-flex flex-column justify-content-end p-3" style="background: rgba(0,0,0,0.5);">
										<h6 class="card-title mb-2"><a href="case-details.php">5 Morning Habits to Boost Heart Health Naturally | Daily Routine for a Healthy Heart</a></h6>
										<div class="d-flex flex-wrap gap-2">
										<span class="badge bg-light text-dark">2014</span>
										<span class="badge bg-light text-dark">Open Heart Surgery</span>
										<span class="badge bg-light text-dark">Happy Heart</span>
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="card bg-dark text-white border-0 rounded-4 overflow-hidden">
									<img src="images/case3.png" class="card-img" alt="...">
									<div class="card-img-overlay d-flex flex-column justify-content-end p-3" style="background: rgba(0,0,0,0.5);">
										<h6 class="card-title mb-2"><a href="case-details.php">Stress and Heart Health: How to Protect Your Heart from the Inside Out</a></h6>
										<div class="d-flex flex-wrap gap-2">
										<span class="badge bg-light text-dark">2014</span>
										<span class="badge bg-light text-dark">Open Heart Surgery</span>
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="card bg-dark text-white border-0 rounded-4 overflow-hidden">
									<img src="images/case1.png" class="card-img" alt="...">
									<div class="card-img-overlay d-flex flex-column justify-content-end p-3" style="background: rgba(0,0,0,0.5);">
										<h6 class="card-title mb-2"><a href="case-details.php">Stress and Heart Health: How to Protect Your Heart from the Inside Out</a></h6>
										<div class="d-flex flex-wrap gap-2">
										<span class="badge bg-light text-dark">2014</span>
										<span class="badge bg-light text-dark">Open Heart Surgery</span>
										</div>
									</div>
								</div>
							</div>
							
						</div>
						<div class="swiper-button-prev"></div>
  							<div class="swiper-button-next"></div>
					</div>
				</div>
			</div>
		</section>

	<!-- Instagram Section -->
	<section class="instagram-section text-center">
	<div class="container">
		<div class="row">
			<div class="col-lg-9 col-md-9">
				<div class="medical-service-heading">
					<!-- Section Title Start -->
					<div class="section-title">
						<h3 class="wow fadeInUp">FOLLOW US</h3>
						<h2 class="text-anime-style-3"><span>Follow Us On </span>  Instagram</h2>
						
					</div>
					<!-- Section Title End -->
				</div>
			</div>
			<div class="col-lg-3 col-md-3">
				<a href="#" class="btn-default wow fadeInUp" data-wow-delay="0.5s">Follow Us</a>
			</div>
		</div>

		<!-- Instagram Images -->
		<div class="row row-cols-2 row-cols-sm-4 row-cols-md-5 g-3 insta-images">
		<div class="col"><img src="images/insta1.jpg" alt="img1"></div>
		<div class="col"><img src="images/insta2.jpg" alt="img2"></div>
		
		<div class="col"><img src="images/insta4.jpg" alt="img4"></div>
		<div class="col"><img src="images/insta3.jpg" alt="img3"></div>
		<div class="col"><img src="images/insta5.jpg" alt="img5"></div>
		<div class="col"><img src="images/insta6.jpg" alt="img6"></div>
		
		<div class="col"><img src="images/insta8.jpg" alt="img8"></div>
		<div class="col"><img src="images/insta4.jpg" alt="img7"></div>
		<div class="col"><img src="images/insta9.jpg" alt="img7"></div>
		<div class="col"><img src="images/insta2.jpg" alt="img7"></div>
		</div>
	</div>
	</section>
	
	<?php include'footer.php'?>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
	 <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js'></script>

    <!-- Validator js file -->
    <script src="js/validator.min.js"></script>
    <!-- SlickNav js file -->
    <script src="js/jquery.slicknav.js"></script>
    <!-- Swiper js file -->
    <script src="js/swiper-bundle.min.js"></script>
    <!-- Counter js file -->
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <!-- Magnific js file -->
    <script src="js/jquery.magnific-popup.min.js"></script>
    <!-- SmoothScroll -->
    <script src="js/SmoothScroll.js"></script>
    <!-- Parallax js -->
    <script src="js/parallaxie.js"></script>
    <!-- MagicCursor js file -->
    <script src="js/gsap.min.js"></script>
    <script src="js/magiccursor.js"></script>
    <!-- Text Effect js file -->
    <script src="js/SplitText.js"></script>
    <script src="js/ScrollTrigger.min.js"></script>
    <!-- Wow js file -->
    <script src="js/wow.js"></script>
    <!-- Main Custom js file -->
    <script src="js/function.js"></script>
	
</body>


</html>