Type & Webdesign is a responsive HTML5 webpage with nice basic typography, for learning and increasing webdesign-skills for designers who might not love coding at the moment ...-;)


Project 01 Hover Title Goes Here

Optional Hover Subtitle
Project 01

Project 01 Title Goes Here

This is a description of the project. This text is optional and the site layout works fine without it. The slider above is right now not swipe-enabled with hardware accelerated transitions. this is only for well trained javascript-coders.

  • Client: Wernham Hill
  • Role: Art Direction, Photography, Illustration
  • Year: 2016

Project 02 Hover Title Goes Here

Optional Hover Subtitle
Project 02

Project 02 Title Goes Here

This is a description of the project. This text is optional and the site layout works fine without it. The slider above is right now not swipe-enabled with hardware accelerated transitions. this is only for well trained javascript-coders.

  • Client: Wernham Hill
  • Role: Art Direction, Photography, Illustration
  • Year: 2016

Project 03 Hover Title Goes Here

Optional Hover Subtitle
Project 03

Project 03 Title Goes Here

This is a description of the project. This text is optional and the site layout works fine without it. The slider above is right now not swipe-enabled with hardware accelerated transitions. this is only for well trained javascript-coders.

  • Client: Wernham Hill
  • Role: Art Direction, Photography, Illustration
  • Year: 2016

Project 04 Hover Title Goes Here

Optional Hover Subtitle
Project 04

Project 04 Title Goes Here

This is a description of the project. This text is optional and the site layout works fine without it. The slider above is right now not swipe-enabled with hardware accelerated transitions. this is only for well trained javascript-coders.

  • Client: Wernham Hill
  • Role: Art Direction, Photography, Illustration
  • Year: 2016

Project 05 Hover Title Goes Here

Project 05

Project 05 Title Goes Here

This is a description of the project. This text is optional and the site layout works fine without it. The slider above (included in the Pro version only) is swipe-enabled with hardware accelerated transitions so it works super-smoothly on touch devices like the iPhone and iPad.

  • Client: Wernham Hill
  • Role: Art Direction, Photography, Illustration
  • Year: 2016

Project 06 Hover Title Goes Here

Optional Hover Subtitle
Project 06

Project 06 Title Goes Here

This is a description of the project. This text is optional and the site layout works fine without it. The slider above (included in the Pro version only) is swipe-enabled with hardware accelerated transitions so it works super-smoothly on touch devices like the iPhone and iPad.

  • Client: Wernham Hill
  • Role: Art Direction, Photography, Illustration
  • Year: 2016

About page header

Type & Webdesign comes with basic CSS tags. You can easily test them and try changing type and colors to create a unique design. A bit of CSS knowledge is needed and is good to start with here. After that we will do a little bit of Javascript - Yeah! and it will be surprisingly easy.

Subheader lorem ipsum

Type & Webdesign is a HTML5 single webpage that focuses on typography and grids. It's responsive which means it looks great on all devices from desktops to laptops to tablets and mobile phones. It's easy to test, try and good for learning css and html5 and even a bit of javascript. And we will test really nice typografie-styles with modern fonts and colors!

Subheader lorem ipsum

Audubon's mission: To conserve and restore natural ecosystems, focusing on birds, other wildlife, and their habitats for the benefit of humanity and the earth's biological diversity.

  • Uis auctor sapien. Morbi magna leo, dapibus a pulvinar et, pharetra sceler Morbi magna leo, dapibus a pulvinar et, pharetra scelerisque felis.
  • Ipsum dolor sit amet, consectetur adipiscing elit. Donec ac ante arcu, quisMorbi magna leo, dapibus a pulvinar et, pharetra scelerisque felis.
  • Morbi magna leo, dapibus a pulvinar et, pharetra scelerisque felis.
  • Fully responsive design – looks great on all devices from desktops to laptops to tabLorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac ante arcu, quis auctor sapien. Morbi magna leo, dapibus a pulvinar et, pharetra scelerisque felis. Mauris massa magna, gravida vitae convallis sagittis, sagittis ac ipsum. Integer arcu justo, vehicula vel accumsan ac, venenatis in massa. Curabitur in dui in urna interdum ullamcorper. Pellentesque ut imperdiet libero.

Subheader lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac ante arcu, quis auctor sapien. Morbi magna leo, dapibus a pulvinar et, pharetra scelerisque felis. Mauris massa magna, gravida vitae convallis sagittis, sagittis ac ipsum. Integer arcu justo, vehicula vel accumsan ac, venenatis in massa. Curabitur in dui in urna interdum ullamcorper. Pellentesque ut imperdiet libero.

“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac ante arcu, quis auctor sapien. Morbi magna leo, dapibus a pulvinar et, pharetra scelerisque felis. Mauris massa magna, gravida vitae convallis sagittis, sagittis ac ipsum. Integer arcu justo, vehicula vel accumsan ac, venenatis in massa. Curabitur in dui in urna interdum ullamcorper. Pellentesque ut imperdiet libero.” Peter Conan Doyle, Writer

Subheader lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac ante arcu, quis auctor sapien. Morbi magna leo, dapibus a pulvinar et, pharetra scelerisque felis. Mauris massa magna, gravida vitae convallis sagittis, sagittis ac ipsum. Integer arcu justo, vehicula vel accumsan ac, venenatis in massa. Curabitur in dui in urna interdum ullamcorper. Pellentesque ut imperdiet libero.

Subheader lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac ante arcu, quis auctor sapien. Morbi magna leo, dapibus a pulvinar et, pharetra scelerisque felis. Mauris massa magna, gravida vitae convallis sagittis, sagittis ac ipsum. Integer arcu justo, vehicula vel accumsan ac, venenatis in massa. Curabitur in dui in urna interdum ullamcorper. Pellentesque ut imperdiet libero.

About