35個免費的響應式網站模板下載

oschina發表於2013-01-23

  響應式Web設計(Responsive Web design)的理念是,頁面的設計與開發應當根據使用者行為以及裝置環境(系統平臺、螢幕尺寸、螢幕定向等)進行相應的響應和調整。具體的實踐方式由多方面組成,包括彈性網格和佈局、圖片、CSS media query的使用等。無論使用者正在使用筆記本還是iPad,我們的頁面都應該能夠自動切換解析度、圖片尺寸及相關指令碼功能等,以適應不同裝置;換句話說, 頁面應該有能力去自動響應使用者的裝置環境。這樣,我們就可以不必為不斷到來的新裝置做專門的版本設計和開發了。

  本文向你推薦 35 個免費的響應式網站設計模板(模板中的英文介紹就不再翻譯,請看圖):

  35. ZENI

  (Demo | Download)

Zeni

  Zeni is great for creative portfolios, blogs and even corporate and business websites.

  34. JOOMSPIRIT 76

  (Demo | Download)

JoomSpirit

  The design is responsive and there is no javascript involved. It is better for SEO because of the HTML5 platform.

  33. RESPONSE

  (Demo | Download)

Response

  This one is really fluid template created with HTML5/CSS. It is simple and clean. It is easy to use and on top of everything else it is responsive.

  32. RESPONSIVE TEMPLATE

  (Demo | Download)

Responsive Template

  This template incorporates  HTML, CSS and Javascript. It is a small and easy to use template perfect for you if you are a beginner.

  31. MODUS

  (Demo | Download)

Modus

  A responsive template is the new thing when it comes to websites. This is an HTML 5 template which you can use for your blog, portfolio and business portfolio.

  30. SUNRISE

  (Demo | Download)

Sunrise

  This theme is exclusive to SilverStripe and is appropriate for any kind of business. It uses HTML5 and CSS3. It is very clean and minimal.

  29. IT FITS

  (Demo | Download)

It Fits

  This template incorporates CSS3 and HTML5. You will have a home page, portfolio page, regular page, blog page and contact page. There is also a 404 page.

  28. RESPONSIVE HTML5/CSS3 TEMPLATE

  (Demo | Download)

Responsive HTML5 CSS3 Templates

  This particular template has a sticky header including jQuery Scroller, jQuery Page Slider, jQuery Image Gallery and it incorporates HTML5 and CSS3.

  27. DESIGNA

  (Demo | Download)

Designa

  A clean template that incorporates HTML5 and CSS3 and works on jQuery. It is fully responsive and has a working PHP contact form for you too.

  26. FLEXAPP

  (Demo | Download)

FlexApp

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

  25. LIQUID GEM

  (Demo | Download)

Liquid Gem

  Liquid Gem utilises CSS media queries and percentage layouts to give a completely responsive design. It also includes an image carousel, a fully working PHP contact form and a sample work page.

  24. RESPOND

  (Demo | Download)

Respond

  This is another beautiful template for you to use. It is responsive and based on HTML and CSS. You can use it for your blog or professional website in order to promote your product however you may wish.

  23. RESUME

  (Demo | Download)

Resume

  Resume is a one page HTML 5 template and responsive made using the twitter bootstrap it’s pretty simple and easy to configure and the cherry on top is that it is free of course.

 22. BROWNIE

  (Demo | Download)

Responsive Brownie Template for Business or Portfolio

  If you need a responsive website for your business, you just want to show case your portfolio or you are developer who loves readymade work, Brownie is perfect for you.

  21. SIMPLISTE

  (Demo | Download)

Simpliste

  This is a very simple and responsive HTML5 based template. All you need to do is download it and voila.

  20. RESPONSE

  (Demo | Download)

Response

  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!

  19. SERENDIPITY

  (Demo | Download)

Serendipity

  This theme also has a premium version available but as you must have guessed this download here is absolutely free.

  18. FOLDER

  (Demo | Download)

Folder

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

  17. ONEPAGER

  (Demo | Download)

OnePager

  OnePager is a Free Responsive HTML5 Responsive Template for portfolio and business websites. Simple, creative and focused! The template comes with a nice image slider for featured work and an image gallery with popup support. It also includes circular knobs for skills.

  16. RESPONSIVA

  (Demo | Download)

Responsiva

  You can use this template for your blog or a personal website. It is 2 columns with a sidebar available. It includes a home page and is based on HTML5 and CSS3.

  15. RESPONSEEVE

  (Demo | Download)

ResponseEve

  This is a responsive design with a flexible grid and slider. You have CSS3 features available to you. Besides, this one looks really fresh, clean and modern.

  14. ABC

 (Demo | Download)

ABC

  Simple website design and elegant HTML code makes this template very attractive. This template can be used even if you are planning to create responsive blog website.

  13. RESPONSIVE HTML/CSS3 CV TEMPLATE

  (Demo | Download)

Responsive HTML CSS3 CV Template

  This particular template uses CSS3 animations. Go on give it a try, it does need improvements, but you can create and impressive online CV.

  12. MINIMAL

  (Demo | Download)

Minimal

  This is a free responsive website template. This template is ideal for a nice sleek and simple portfolio website.

  11. PROXIMET

  (Demo | Download)

Proximet

  Proximet is a free HTML5 /CSS3 Responsive 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)

  10. TRI

  (Demo | Download)

Tri

  This is a fully responsive website template built on the Skeleton Framework.

  9. SYMFONI

(Demo | Download)

Symfoni

  The Symfoni Free Website Template is based on a Fixed Width layout with 2 Columns and uses an HTML5 doctype. It is a Dark on Light design developed by “OS Templates”.

  8. RESPOND 1.5

  (Demo | Download)

Respond 1.5

  This particular responsive template is absolutely free and is perfect for your business and personal portfolio.

  7. LEFTER

  (Demo | Download)

Lefter

  If you are looking to make an impressive blog and you are a beginner, this is a perfect template for you guys.

  6. RESPONSIVE WEBINC

  (Demo | Download)

Responsive WebInc

  It is red in color, responsive, offers two columns and has a right-hand sidebar. It is based on CSS3 and HTML5 and Bootstrap.

  5. ZEROFOUR

  (Demo  | Download)

ZeroFour

  Based on HTML5 and CSS3. It is available in both one and two columns and offers a blog and a home page.

  4. VERTI

  (Demo | Download)

Verti

  This template is based on HTML5 and CSS3. It is available in both one and two columns and offers a blog and a home page.

  3. MINIPORT

  (Demo | Download)

MiniPort

  MiniPort is based on HTML5 and CSS3 and is perfect for a simple blog if you are looking to make one. It offers a single column and a single page.

  2. TXT

  (Demo | Download)

TXT

  This particular template has a home page and a blog page. It comes in one or two columns and that is totally your choice and you have the options to decide on how many sidebars you want.

  1. HALFTONE

  (Demo | Download)

HalfTone

  It comes in two and three columns. It is based on HTML5 and CSS3. It offers a home page, features page, blog page and contact page and etc.

  英文來源:smashinghub

相關文章