Collect from 艾特网页设计

Simple to set up and super-customizable, Type & Grids is a responsive HTML5 template with nice typography.


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 (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 Hogg
  • Role: Art Direction, Photography, Illustration
  • Year: 2013

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 (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 Hogg
  • Role: Art Direction, Photography, Illustration
  • Year: 2013

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 (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 Hogg
  • Role: Art Direction, Photography, Illustration
  • Year: 2013

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 (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 Hogg
  • Role: Art Direction, Photography, Illustration
  • Year: 2013

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 Hogg
  • Role: Art Direction, Photography, Illustration
  • Year: 2013

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 Hogg
  • Role: Art Direction, Photography, Illustration
  • Year: 2013

About page header

Type & Grids is a HTML5 template 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 super-customizable and comes with lots of nicely designed type and color themes. Download the free zip file to get started!

Subheader lorem ipsum

10% of every sale is donated to the National Audubon Society. 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.

Subheader lorem ipsum

Type & Grids comes with 19 different type theme CSS files and 28 different color theme CSS files. You can easily mix and match the type and color themes to create a unique design for your site. No CSS knowledge is needed and all of the fonts shown in the demo are included. 58 different background textures come with the download as well.

  • Simple to set up and update – all of the content is inside a single "index.html" page
  • Contains 19 type themes and 28 color themes which gives you over 500 unique design combinations – 58 background textures are included as well
  • Each type theme is meticulously handcrafted to ensure attention is paid to the small typographic details
  • Fully responsive design – looks great on all devices from desktops to laptops to tablets and mobile phones
  • Swipe-enabled with hardware accelerated transitions – works super-smoothly on touch devices like the iPhone and iPad
  • Coded using the latest HTML5/CSS3 standards and all code is W3C valid and cross-browser compatible
  • Video support – easily embed your videos from Vimeo or YouTube
  • Clean and semantic SEO-friendly code
  • Design featured on the FWA Public Shortlist, Creattica and numerous other design sites
  • Support and documentation is available but everything is so simple to set up you probably won't need it

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.” John Doe, Google

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