|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Resources | 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="resources.html">Resources</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">Resources</h1> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Tools, datasets, and educational materials from our lab.</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16"> |
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition duration-300"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-indigo-100 p-3 rounded-lg mr-4"> |
|
|
<i data-feather="download" class="text-indigo-600 w-6 h-6"></i> |
|
|
</div> |
|
|
<h2 class="text-xl font-semibold">Datasets</h2> |
|
|
</div> |
|
|
<p class="text-gray-600 mb-4">Publicly available datasets from our research projects, including neuroimaging data and behavioral measurements.</p> |
|
|
<a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium inline-flex items-center"> |
|
|
Browse datasets <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"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-indigo-100 p-3 rounded-lg mr-4"> |
|
|
<i data-feather="code" class="text-indigo-600 w-6 h-6"></i> |
|
|
</div> |
|
|
<h2 class="text-xl font-semibold">Software Tools</h2> |
|
|
</div> |
|
|
<p class="text-gray-600 mb-4">Open-source software developed by our lab for neural data analysis, modeling, and visualization.</p> |
|
|
<a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium inline-flex items-center"> |
|
|
View on GitHub <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"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-indigo-100 p-3 rounded-lg mr-4"> |
|
|
<i data-feather="book" class="text-indigo-600 w-6 h-6"></i> |
|
|
</div> |
|
|
<h2 class="text-xl font-semibold">Protocols</h2> |
|
|
</div> |
|
|
<p class="text-gray-600 mb-4">Detailed experimental protocols and methodologies used in our research.</p> |
|
|
<a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium inline-flex items-center"> |
|
|
Access protocols <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"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-indigo-100 p-3 rounded-lg mr-4"> |
|
|
<i data-feather="film" class="text-indigo-600 w-6 h-6"></i> |
|
|
</div> |
|
|
<h2 class="text-xl font-semibold">Video Tutorials</h2> |
|
|
</div> |
|
|
<p class="text-gray-600 mb-4">Instructional videos covering lab techniques, data analysis methods, and research presentations.</p> |
|
|
<a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium inline-flex items-center"> |
|
|
Watch tutorials <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mb-16"> |
|
|
<h2 class="text-2xl font-bold text-gray-800 mb-6">Educational Resources</h2> |
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex flex-col md:flex-row"> |
|
|
<div class="md:w-1/3 mb-6 md:mb-0"> |
|
|
<h3 class="text-lg font-semibold mb-3">Neuroscience Courses</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-indigo-600 hover:text-indigo-800 flex items-center"><i data-feather="chevron-right" class="w-4 h-4 mr-1"></i> Introduction to Cognitive Neuroscience</a></li> |
|
|
<li><a href="#" class="text-indigo-600 hover:text-indigo-800 flex items-center"><i data-feather="chevron-right" class="w-4 h-4 mr-1"></i> Neural Data Science</a></li> |
|
|
<li><a href="#" class="text-indigo-600 hover:text-indigo-800 flex items-center"><i data-feather="chevron-right" class="w-4 h-4 mr-1"></i> Neuroimaging Methods</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="md:w-1/3 mb-6 md:mb-0"> |
|
|
<h3 class="text-lg font-semibold mb-3">Reading Lists</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-indigo-600 hover:text-indigo-800 flex items-center"><i data-feather="chevron-right" class="w-4 h-4 mr-1"></i> Essential Neuroscience Papers</a></li> |
|
|
<li><a href="#" class="text-indigo-600 hover:text-indigo-800 flex items-center"><i data-feather="chevron-right" class="w-4 h-4 mr-1"></i> Computational Neuroscience</a></li> |
|
|
<li><a href="#" class="text-indigo-600 hover:text-indigo-800 flex items-center"><i data-feather="chevron-right" class="w-4 h-4 mr-1"></i> Neurotechnology Advances</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="md:w-1/3"> |
|
|
<h3 class="text-lg font-semibold mb-3">Career Development</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-indigo-600 hover:text-indigo-800 flex items-center"><i data-feather="chevron-right" class="w-4 h-4 mr-1"></i> Applying to Grad School</a></li> |
|
|
<li><a href="#" class="text-indigo-600 hover:text-indigo-800 flex items-center"><i data-feather="chevron-right" class="w-4 h-4 mr-1"></i> Writing Research Papers</a></li> |
|
|
<li><a href="#" class="text-indigo-600 hover:text-indigo-800 flex items-center"><i data-feather="chevron-right" class="w-4 h-4 mr-1"></i> Science Communication</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-indigo-50 rounded-xl p-8"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-2/3 mb-6 md:mb-0"> |
|
|
<h2 class="text-2xl font-bold text-gray-800 mb-3">Join Our Mailing List</h2> |
|
|
<p class="text-gray-600">Stay updated with our latest resources, publications, and events.</p> |
|
|
</div> |
|
|
<div class="md:w-1/3 w-full"> |
|
|
<form class="flex"> |
|
|
<input type="email" placeholder="Your email" class="flex-grow px-4 py-2 rounded-l-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500"> |
|
|
<button type="submit" class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-r-lg"> |
|
|
<i data-feather="send" class="w-5 h-5"></i> |
|
|
</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</main> |
|
|
|
|
|
<custom-footer></custom-footer> |
|
|
<script>feather.replace();</script> |
|
|
</body> |
|
|
</html> |
