blank-canvas-studio / about.html
0fg's picture
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
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About | 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>
<!-- About Header -->
<section class="bg-primary py-16 text-white">
<div class="container mx-auto px-4">
<h1 class="text-4xl font-bold mb-4">About THoR</h1>
<p class="text-xl max-w-2xl">Taking Humanities on the Road - Building bridges between research and society.</p>
</div>
</section>
<!-- About Content -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4 max-w-4xl">
<div class="prose max-w-none">
<h2 class="text-2xl font-bold mb-4 text-primary">Our Purpose</h2>
<p>The THoR Project (Taking Humanities on the Road) is an outreach initiative by the University of Bern that bundles, showcases, and promotes outreach activities at the Bernese Faculty of Humanities and beyond.</p>
<h2 class="text-2xl font-bold mt-8 mb-4 text-primary">Our Approach</h2>
<p>We work to:</p>
<ul>
<li>Bridge individual research and public participation</li>
<li>Connect analytical and performative research approaches</li>
<li>Facilitate exchange between academia and other fields of knowledge</li>
</ul>
<h2 class="