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>Services | 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> | |
| <!-- Services 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 Services</h1> | |
| <p class="text-xl max-w-2xl">Supporting researchers in effective public engagement.</p> | |
| </div> | |
| </section> | |
| <!-- Services List --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4 max-w-4xl"> | |
| <div class="grid md:grid-cols-2 gap-8 mb-12"> | |
| <!-- Service 1 --> | |
| <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition-shadow"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-secondary p-3 rounded-full mr-4"> | |
| <i data-feather="mic" class="text-white"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-primary">Public Speaking Training</h3> | |
| <p class="text-gray-600">Develop skills to communicate your research effectively to non-specialist audiences.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Service 2 --> | |
| <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition-shadow"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-secondary p-3 rounded-full mr-4"> | |
| <i data-feather="film" class="text-white"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-primary">Multimedia Production</h3> | |
| <p class="text-gray-600">Create engaging digital content to share your work with wider audiences.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Service 3 --> | |
| <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition-shadow"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-secondary p-3 rounded-full mr-4"> | |
| <i data-feather="users" class="text-white"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-primary">Community Engagement</h3> | |
| <p class="text-gray-600">Connect with local organizations and groups to share your research.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Service 4 --> | |
| <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition-shadow"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-secondary p-3 rounded-full mr-4"> | |
| <i data-feather="book-open" class="text-white"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-primary">School Outreach</h3> | |
| <p class="text-gray-600">Bring your research into classrooms through age-appropriate activities.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Consultation Section --> | |
| <div class="bg-gray-50 p-8 rounded-lg"> | |
| <h2 class="text-2xl font-bold mb-4 text-primary">Request a Consultation</h2> | |
| <p class="mb-6">Interested in working with us? Get in touch to discuss how we can support your public engagement goals.</p> | |
| <a href="/contact.html" class="px-6 py-3 bg-secondary hover:bg-secondary-dark text-gray-900 rounded-lg font-medium transition-colors shadow-md"> | |
| Contact Us | |
| </a> | |
| </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> |