File size: 8,665 Bytes
60a860d a13a24a 60a860d a13a24a 60a860d a13a24a 60a860d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Projects | Brainy Bunch Neuro Lab</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="components/banner.js"></script>
</head>
<body class="bg-gray-50">
<custom-navbar></custom-navbar>
<custom-banner></custom-banner>
<div class="container mx-auto px-4">
<nav class="breadcrumb" aria-label="Breadcrumb">
<ol>
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
</ol>
</nav>
</div>
<main class="container mx-auto px-4 py-6">
<div class="text-center mb-16">
<h1 class="text-4xl font-bold text-gray-800 mb-4">Our Research Projects</h1>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Explore our current and past research initiatives that push the boundaries of neuroscience.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
<div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition duration-300">
<img src="http://static.photos/medical/640x360/1" alt="Memory circuits" class="w-full h-48 object-cover">
<div class="p-6">
<div class="flex items-center mb-3">
<span class="bg-indigo-100 text-indigo-800 text-xs font-medium px-2.5 py-0.5 rounded">Ongoing</span>
<span class="text-gray-500 text-sm ml-auto">Since 2021</span>
</div>
<h3 class="text-xl font-semibold mb-2">Hippocampal Memory Circuits</h3>
<p class="text-gray-600 mb-4">Investigating how neural ensembles in the hippocampus encode and retrieve memories during sleep.</p>
<a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium inline-flex items-center">
Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
</a>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition duration-300">
<img src="http://static.photos/science/640x360/2" alt="Neurodegeneration" class="w-full h-48 object-cover">
<div class="p-6">
<div class="flex items-center mb-3">
<span class="bg-indigo-100 text-indigo-800 text-xs font-medium px-2.5 py-0.5 rounded">Ongoing</span>
<span class="text-gray-500 text-sm ml-auto">Since 2020</span>
</div>
<h3 class="text-xl font-semibold mb-2">Early Markers of Neurodegeneration</h3>
<p class="text-gray-600 mb-4">Identifying biomarkers for early detection of Alzheimer's disease using advanced imaging techniques.</p>
<a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium inline-flex items-center">
Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
</a>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition duration-300">
<img src="http://static.photos/technology/640x360/3" alt="Brain-computer interface" class="w-full h-48 object-cover">
<div class="p-6">
<div class="flex items-center mb-3">
<span class="bg-green-100 text-green-800 text-xs font-medium px-2.5 py-0.5 rounded">Completed</span>
<span class="text-gray-500 text-sm ml-auto">2018-2022</span>
</div>
<h3 class="text-xl font-semibold mb-2">Adaptive Brain-Computer Interfaces</h3>
<p class="text-gray-600 mb-4">Developing neural interfaces that adapt to the user's cognitive state for improved performance.</p>
<a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium inline-flex items-center">
Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
</a>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition duration-300">
<img src="http://static.photos/medical/640x360/4" alt="Pain perception" class="w-full h-48 object-cover">
<div class="p-6">
<div class="flex items-center mb-3">
<span class="bg-indigo-100 text-indigo-800 text-xs font-medium px-2.5 py-0.5 rounded">Ongoing</span>
<span class="text-gray-500 text-sm ml-auto">Since 2022</span>
</div>
<h3 class="text-xl font-semibold mb-2">Neural Basis of Pain Perception</h3>
<p class="text-gray-600 mb-4">Mapping the cortical networks involved in pain processing and modulation.</p>
<a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium inline-flex items-center">
Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
</a>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition duration-300">
<img src="http://static.photos/science/640x360/5" alt="Neurodevelopment" class="w-full h-48 object-cover">
<div class="p-6">
<div class="flex items-center mb-3">
<span class="bg-indigo-100 text-indigo-800 text-xs font-medium px-2.5 py-0.5 rounded">Ongoing</span>
<span class="text-gray-500 text-sm ml-auto">Since 2019</span>
</div>
<h3 class="text-xl font-semibold mb-2">Neurodevelopmental Disorders</h3>
<p class="text-gray-600 mb-4">Understanding the neural mechanisms underlying autism spectrum disorders.</p>
<a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium inline-flex items-center">
Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
</a>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition duration-300">
<img src="http://static.photos/technology/640x360/6" alt="Neural prosthetics" class="w-full h-48 object-cover">
<div class="p-6">
<div class="flex items-center mb-3">
<span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2.5 py-0.5 rounded">Planning</span>
<span class="text-gray-500 text-sm ml-auto">Starting 2024</span>
</div>
<h3 class="text-xl font-semibold mb-2">Next-Gen Neural Prosthetics</h3>
<p class="text-gray-600 mb-4">Developing implantable devices that restore motor function through direct neural stimulation.</p>
<a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium inline-flex items-center">
Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
</a>
</div>
</div>
</div>
<div class="bg-indigo-50 rounded-xl p-8 text-center">
<h2 class="text-2xl font-bold text-gray-800 mb-4">Interested in Collaborating?</h2>
<p class="text-gray-600 mb-6 max-w-2xl mx-auto">We're always open to new collaborations with researchers, institutions, and industry partners.</p>
<a href="#" class="bg-indigo-600 hover:bg-indigo-700 text-white font-medium py-3 px-6 rounded-lg transition duration-300 inline-flex items-center">
Contact Us <i data-feather="mail" class="ml-2"></i>
</a>
</div>
</main>
<custom-footer></custom-footer>
<script>feather.replace();</script>
</body>
</html> |