20个免费响应式网站模板

2013年09月6日16:04:51 1 已收录 766

Today’s websites are not only viewed on traditional sized monitors but tablets, phones and wide screen devices. For this reason it is now more important then ever for a website to adapt to the media it is being displayed on. There are hundreds of online resources to help get you started with responsive web design. Below are just a few examples of websites offering free web templates. – Updated August 2013.

Brushed Templates

Brushed is Free One Page Responsive HTML Template based on Twitter Bootstrap Framework. It is optimized for Retina Displays ( iPhone, iPad, iPod Touch and MacBook Pro Retina). Best for studio, digital agency or creative people. Brushed is provides a powerful way to showcase your work. It is built with the HTML5 and CSS3 latest technologies, but at the same time make it compatible with older browser versions. You may use this template for both commercial and personal projects and customize this any way you like.

brushed

Type & Grids

Type & Grids, a free responsive HTML5 template by Jeremiah Shoaf. It looks great on all devices, including desktops, laptops, tablets and phones. All of the content resides in a single HTML file, so setting it up is super-simple.

typeandgrid

html5up

HTML5 Up! Free Responsive HTML5 and CSS3 Site Templates.

html5up1

liquidgem

A fully responsive HTML portfolio template.

liquidgem

Legend

Legend is multi-purpose responsive one page template built on Twitter Bootstrap. You can use this template as a landing page, online portfolio for creative folks or even as a business theme.

legend-free

Response Free Premium Responsive Html Template

Response is a clean and professional template suitable for business, portfolio or General websites. Its created using the latest technologies like jQuery, Ajax, CSS Media, CSS Transitions. With a responsive design it works on all devices: Desktop, tablet, iPad, iPhone, and Android Phones!

respond

Proximet

Proximet is a free website template. It is compatible with Major Browsers, Smartphones and Tablets. Just resize the browser window to see it in action! It is based on 960 grid and elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). And it is responsive.

proximet

Off Canvas Layouts

These layouts take advantage of space off the screen to keep content or navigation hidden until either a larger screen size allows it to be visible or someone takes action to expose it.

offcanvas-top-1

iPad/iPhone/mobile HTML/CSS template for web apps

iPad/iPhone template made in pure HTML and CSS that works perfectly on any modern browser. The template uses responsive queries to hide the sidebar in iPad portrait mode and in the iPhone and smaller screens.

ipad-web-html-css-template-2

Free Responsive HTML5/CSS3 Website

responsive-3

Free Responsive Web Template for Download

Taking Twitter Bootstrap as the core framework BuzzApp is following right Document Outlining and true meaning of semantic HTML rules.

buzz-4

Modus

modus-5

Folder

Folder is a responsive HTML 5 template that adapts to any devices and browser sizes. Perfect for creatives showcase and business. Its retro and minimal design gives importance to the content and gives a friendly air to the visitors.

folder-6

Brownie

Created by using the latest HTML5 and CSS3 techniques, Brownie is a simple and clean Free Responsive HTML5 portfolio and business website template.

brownie-7

Flexapp

FlexApp is a completely free and fully-responsive HTML/CSS website template to help you market your mobile application.

flex-8

One-Pager

A library website template that allows your patrons to find what they want.

one-9

Charisma – free, responsive, multiple skin admin template

Charisma is a fully featured, free, premium quality, responsive, HTML5 admin template based on Bootstrap from Twitter, it comes with 9 different themes to suit your style and application type.

charisma-10

Initializr

Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start!

initializr-11

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • partsmetal 0

      非常好的文章,受教了 谢谢