Spaces:
Running
Running
Please create a web presence for The THoR Project. THoR stands for "Taking Humanities on the Road") It's an outreach project by the university of Bern and it bundles, showcases, and promotes outreach initiatives, projects and events at the Bernese Faculty of Humanities and beyond. thor. builds bridges between individual research and participation, analytical and performative research, and between academia and other fields of knowledge.
a5466a1
verified
| <html lang="en" class="scroll-smooth"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Projects | The THoR Project</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| </head> | |
| <body class="bg-gray-50 text-gray-900 font-sans antialiased"> | |
| <custom-navbar></custom-navbar> | |
| <main> | |
| <!-- Projects Header --> | |
| <section class="bg-primary py-16 text-white"> | |
| <div class="container mx-auto px-4"> | |
| <h1 class="text-4xl font-bold mb-4">Our Projects</h1> | |
| <p class="text-xl max-w-2xl">Explore our diverse range of initiatives that bring humanities research to the public.</p> | |
| </div> | |
| </section> | |
| <!-- Projects Grid --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Project 1 --> | |
| <article class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-lg transition-shadow"> | |
| <div class="h-48 bg-gray-200"></div> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-semibold mb-2 text-primary">Public Lecture Series</h3> | |
| <p class="text-gray-600 mb-4">Bringing academic research to community centers across Bern.</p> | |
| <a href="#" class="text-secondary font-medium">View Project →</a> | |
| </div> | |
| </article> | |
| <!-- Project 2 --> | |
| <article class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-lg transition-shadow"> | |
| <div class="h-48 bg-gray-200"></div> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-semibold mb-2 text-primary">Research Performances</h3> | |
| <p class="text-gray-600 mb-4">Combining artistic expression with academic inquiry.</p> | |
| <a href="#" class="text-secondary font-medium">View Project →</a> | |
| </div> | |
| </article> | |
| <!-- Project 3 --> | |
| <article class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-lg transition-shadow"> | |
| <div class="h-48 bg-gray-200"></div> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-semibold mb-2 text-primary">Community Workshops</h3> | |
| <p class="text-gray-600 mb-4">Interactive sessions that make humanities research accessible.</p> | |
| <a href="#" class="text-secondary font-medium">View Project →</a> | |
| </div> | |
| </article> | |
| <!-- Project 4 --> | |
| <article class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-lg transition-shadow"> | |
| <div class="h-48 bg-gray-200"></div> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-semibold mb-2 text-primary">Digital Storytelling</h3> | |
| <p class="text-gray-600 mb-4">Using multimedia to share research findings with broader audiences.</p> | |
| <a href="#" class="text-secondary font-medium">View Project →</a> | |
| </div> | |
| </article> | |
| <!-- Project 5 --> | |
| <article class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-lg transition-shadow"> | |
| <div class="h-48 bg-gray-200"></div> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-semibold mb-2 text-primary">School Partnerships</h3> | |
| <p class="text-gray-600 mb-4">Bringing university research into secondary school classrooms.</p> | |
| <a href="#" class="text-secondary font-medium">View Project →</a> | |
| </div> | |
| </article> | |
| <!-- Project 6 --> | |
| <article class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-lg transition-shadow"> | |
| <div class="h-48 bg-gray-200"></div> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-semibold mb-2 text-primary">Public Debates</h3> | |
| <p class="text-gray-600 mb-4">Facilitating discussions between researchers and the public on contemporary issues.</p> | |
| <a href="#" class="text-secondary font-medium">View Project →</a> | |
| </div> | |
| </article> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="script.js"></script> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> |