---
title: Osteopathie-Institut Hamburg
format: 50-start
sort: 150
showcase: true
categories: ["Web Design", "Web Development", "Photography"]
intro: I created this website for the Osteopathie-Institut Hamburg in 2010 as one of my last websites before I started working as a Frontend Engineer for XING.
description: This website for the Osteopathie-Insitut Hamburg I created in 2010.
image:
  src: /assets/images/projects/thumbnails/osteopathie-hamburg.jpg
  aspectRatio: 1.75
more:
  text: See Showcase of Osteopathie-Institut Hamburg
  link: /projects/osteopathie-hamburg/
---

<ProjectIntro>
This website for the **Osteopathie-Institut Hamburg**, a school to learn Osteopathie was one of the last websites I created before I started working as a _Frontend Engineer_ for [XING](https://www.xing.com/) on just one product.

I invested full effort into it not only because the teacher of that school was my Martial Arts teacher at that time, but also because the provided material (photos, quotes, text) was fantastic.

The website had an interactive carousel on the homepage, collapsible sections in the course section, a custom Google Map pin, and a contact form.

</ProjectIntro>

---

## Color Palette

<ColorStack>
	<ColorSwatch color="#002856" />
	<ColorSwatch color="#E5E9EE" />
	<ColorSwatch color="#AEC605" />
	<ColorSwatch color="#DEE99B" />
	<ColorSwatch color="#FFFFFF" />
</ColorStack>

## Typefaces

<DisplayBox>
	![Typefaces Delicous and
	Baskerville](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-typefaces.svg)
</DisplayBox>

## Homepage

![Homepage](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-homepage.jpg)

## Training Page

![Training Page](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-training.jpg)

## Subpages

<div class="projects-detail-medium">

![Subpage Osteopathie](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-osteopathie.jpg)

![Subpage Qigong](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-qigong.jpg)

</div>

## Contact

![Contact Page](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-contact.jpg)
