炙手可热的12款网站模板推荐

「爱情、让人受尽委屈。」 2022-08-27 01:12 246阅读 0赞

[![0fd1c4c3-6d6a-49a0-a483-691f38c01281.jpg][]][0fd1c4c3-6d6a-49a0-a483-691f38c01281.jpg 1]

每周极客标签都将推出两篇荟萃内容的文章，内容覆盖了[Bootstrap][]、[CSS][]、[Javascript、][Javascript][HTML5][]等当前最热门的特效和应用，本周我们推荐的这[12款网站设计模板][12]不仅带有独立的在线演示，并且依旧全部免费下载！如果你也喜欢我们的素材教程，请加入我们的极客标签吧！

## [免费的HTML5模板 - 设计类网站专用 ][HTML5_ - _]    ##

[![32187980-7532-4506-9c11-645021d41163.jpg][]][HTML5_ - _]

## [在线演示1][1]    ##

分享一套免费的[HTML5][]模板，非常适合设计类的公司使用，主要特性如下：

*  支持HTML5/CSS3
 *  使用jQuery script [ “RoundAbout Shapes”][_RoundAbout Shapes]生成的首页头部画廊
 *  使用[“loopedSlider”][loopedSlider]生成的画廊幻灯
 *  自定义的字体
 *  支持 FF 3.6 +, Opera 10.5 +, Safari 4+, Chrome 4+, IE6+.

相当不错的一套[HTML5][]模板，相信大家一定会喜欢，具体请查看在线演示！

## [免费个人作品集或者展示类网站的模板设计 - Euphoria ][- Euphoria]    ##

[![f27194a5-ef5c-4ca1-a98c-8b174cc1c229.jpg][]][- Euphoria]

## [在线演示][Link 1]    ##

帮助你快速构建个人作品集，或者个人作品展示的网站模板。拥有独立的psd网站设计代码，你可以方便的修改自己需要的图形和设计。相信你肯定会喜欢的！

# [免费的商用模板 - Mondays ][- Mondays]    #

[![c6c078ed-b01d-4d3c-a861-78afa4aa1955.jpg][]][- Mondays]

## [在线演示][Link 2]    ##

一套免费的商业用模板。

## 主要特性： ##

*  jQuery carousel
 *  jQuery的轮播幻灯
 *  含有注释的代码
 *  已验证的HTML/CSS标签
 *  在PC，MAC，平板，移动设备上测试

## [免费的安全网站的免费模板 ][Link 3]    ##

[![df212038-323c-4b0a-84af-031354d64282.jpg][]][Link 3]

## [在线演示][Link 3]    ##

免费的安全相关网站，非常适合安全相关产品的网站搭建。拥有网站设计的PSD源文件！可以方便的修改页面样式和相关设计！

## [免费的商业网站模板 - Vertex ][- Vertex]    ##

[![ba5c215b-db2a-4a41-abc6-a615511a5e76.jpg][]][- Vertex]

## [在线演示][Link 4]    ##

拥有网站设计的PSD源文件！可以方便的修改页面样式和相关设计！

## [免费的HTML5响应式模板 - Type & Grids ][HTML5_ - Type _ Grids]    ##

[![7e38ee8d-e061-4f9c-a50d-c06341b50902.jpg][]][HTML5_ - Type _ Grids]

## [在线演示][Link 5]    ##

## 主要特新 ##

*  代码清晰，SEO友好
 *  使用最新的HTML5/CSS3标准，所有代码都是符合W3C标准，并且跨浏览器
 *  支持视频，方便的整合youtube和vimeo
 *  可以很好的支持非作品集的网站
 *  支持和文档都很全，其实使用很简单
 *  包含404页面

## [利用HTML5与jQuery技术创建一个简单的自动表单完成][HTML5_jQuery]    ##

[![5d609431-01f0-4694-933c-7cd76d5a6b3a.jpg][]][HTML5_jQuery]

## [在线演示][Link 6]    ##

谷歌快速搜索自带大量自动完成插件——库中甚至还有一个附带的jQuery UI共享选项。然而今天我要寻找一个替代的解决方案。由DevBridge开发的[jQuery Autocomplete][]插 件有确切的功能，我觉得非常有吸引力。你在打字的时候，结果将出现在下拉菜单底部，自动突出显示的词语。本教程简单介绍了通过加载JavaScript数 组的内容运行这个插件。从后端文件加载Ajax内容或者从数据库中加载文本内容都是可行的，在本教程中，更容易使用本地数据。查看以下演示，了解这个插件 吧。

## [免费商业模板 guide ][guide]    ##

[![424c630c-9bab-4ee0-b9f9-3c5c3824ac9c.jpg][]][guide]

## [在线演示][Link 7]    ##

免费的带有PSD源文件的网站设计，可以方便的修改psd源文件设计！

## [背景幻灯效果的登录页面设计（附PSD格式文件） ][PSD_]    ##

[![e70c34aa-a7b6-46a0-92ea-530242000e67.jpg][]][PSD_]

## [在线演示][Link 8]    ##

一款超棒的带有幻灯效果的登录页面设计，如果你希望你的web应用或者网站与众不同的话，小编我绝对推荐你借鉴一下设计的方式和思想，相信您一定会让你的用户说“哇...”滴。

## [一套响应式的bootstrap产品展示页面模板 - Produkta ][bootstrap_ - Produkta]    ##

[![815f374a-1177-4db1-8d6a-9207a43c514c.jpg][]][bootstrap_ - Produkta]

## [在线演示][Link 9]    ##

今天带给大家的是一套[Bootstrap][]开发的响应式页面模板，能够很快的帮助你设置用户登陆页面，帮助你快速的配置新产品的介绍页面。包括了价目表，背景幻灯，ajax订阅和联系表单，图标幻灯等。

## [HTML5/CSS3实现的全屏背景幻灯响应式注册页面 ][HTML5_CSS3_]    ##

[![6131cc9d-5d5f-4dc0-8f72-1f99bf48d605.jpg][]][HTML5_CSS3_]

## [在线演示][Link 10]    ##

在今天的免费资源推荐里，我们推荐一款超酷的支持全屏幻灯效果的响应式注册页面，支持表单验证。使用HTML5/CSS3技术开发，并且基于知名的[Bootstrap][]前端[CSS][]框架，相信大家会喜欢的！

## [免费的iPad/iphone应用网站模板 - iTemplate ][iPad_iphone_ - iTemplate]    ##

[![d839a34f-1730-4f37-97ce-643ab7d66c4a.jpg][]][iPad_iphone_ - iTemplate]

## [在线演示][Link 11]    ##

免费的iphone/ipad应用介绍页面，特性如下：

*  XHTML 1.0 Strict
 *  CSS
 *  jQuery Fancybox
 *  Dynamic font replacement (Cufón)
 *  Twitter feed

## 相关阅读: ##

*  [分享六个基于Bootstrap的实用开发教程和模板演示][Bootstrap 1]  
    
 *  [8款HTML5实现的超酷特效和应用][8_HTML5]  
    
 *  [推荐9款使用CSS3实现的超酷动画效果][9_CSS3]  
    
 *  [10款重量级CSS3的全新特效][10_CSS3]  
    
 *  [推荐超实用的8款jQuery插件][8_jQuery]  
    
 *  [9款HTML5实现的超酷特效][9_HTML5]  
    
 *  [推荐7款超棒的单页面网站设计模板。关键是！免费！！ ][7_]

> 本周推荐已完成，如果你也有好的设计或想法，请在下方留言给我们。极客标签欢迎你的加入！
> 
> [\#好文好礼\#][Link 12]活动正在火热进行中，极客体恤免费等你来拿！[纯手工体恤][Link 13]哦~

阅读原文：[炙手可热的12款网站模板推荐][12][  
][12]

[0fd1c4c3-6d6a-49a0-a483-691f38c01281.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/0fd1c4c3-6d6a-49a0-a483-691f38c01281.jpg
[0fd1c4c3-6d6a-49a0-a483-691f38c01281.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/0fd1c4c3-6d6a-49a0-a483-691f38c01281.jpg
[Bootstrap]: http://www.gbtags.com/gb/tag/1091.htm
[CSS]: http://www.gbtags.com/gb/tag/1002.htm
[Javascript]: http://www.gbtags.com/gb/tag/1004.htm
[HTML5]: http://www.gbtags.com/gb/tag/1007.htm
[12]: http://www.gbtags.com/gb/share/3185.htm
[HTML5_ - _]: http://www.gbtags.com/gb/share/788.htm
[32187980-7532-4506-9c11-645021d41163.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/32187980-7532-4506-9c11-645021d41163.jpg
[1]: http://www.gbtags.com/gb/demoviewer/788/fe397511-9c5b-4ff2-8bd6-bdb21404db2d/about.html.htm
[_RoundAbout Shapes]: http://fredhq.com/projects/roundabout-shapes/
[loopedSlider]: http://github.com/nathansearles/loopedSlider
[- Euphoria]: http://www.gbtags.com/gb/share/802.htm
[f27194a5-ef5c-4ca1-a98c-8b174cc1c229.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/f27194a5-ef5c-4ca1-a98c-8b174cc1c229.jpg
[Link 1]: http://www.gbtags.com/gb/demoviewer/802/d717643b-3c55-4c92-83a8-79255f58143b/index.html.htm
[- Mondays]: http://www.gbtags.com/gb/share/896.htm
[c6c078ed-b01d-4d3c-a861-78afa4aa1955.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/c6c078ed-b01d-4d3c-a861-78afa4aa1955.jpg
[Link 2]: http://www.gbtags.com/gb/demoviewer/896/ecf89776-4ede-4340-b5e3-64166b6dac14/html%7Cindex.html.htm
[Link 3]: http://www.gbtags.com/gb/share/930.htm
[df212038-323c-4b0a-84af-031354d64282.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/df212038-323c-4b0a-84af-031354d64282.jpg
[- Vertex]: http://www.gbtags.com/gb/share/932.htm
[ba5c215b-db2a-4a41-abc6-a615511a5e76.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/ba5c215b-db2a-4a41-abc6-a615511a5e76.jpg
[Link 4]: http://www.gbtags.com/gb/demoviewer/932/103d8114-b120-41d4-a55d-27c1a151f4db/index.html.htm
[HTML5_ - Type _ Grids]: http://www.gbtags.com/gb/share/1656.htm
[7e38ee8d-e061-4f9c-a50d-c06341b50902.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/7e38ee8d-e061-4f9c-a50d-c06341b50902.jpg
[Link 5]: http://www.gbtags.com/gb/demoviewer/1656/75e94c22-2546-4f1f-9557-4a7ee875b13a/index.html.htm
[HTML5_jQuery]: http://www.gbtags.com/gb/share/1750.htm
[5d609431-01f0-4694-933c-7cd76d5a6b3a.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/5d609431-01f0-4694-933c-7cd76d5a6b3a.jpg
[Link 6]: http://www.gbtags.com/gb/demoviewer/1750/f42913a3-6c1e-4e11-88cb-f8d51bef8dbe/html5-autocomplete-suggestions%7Cindex.html.htm
[jQuery Autocomplete]: http://www.gbtags.com/gb/share/1750.htm#github.com/devbridge/jQuery-Autocomplete
[guide]: http://www.gbtags.com/gb/share/933.htm
[424c630c-9bab-4ee0-b9f9-3c5c3824ac9c.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/424c630c-9bab-4ee0-b9f9-3c5c3824ac9c.jpg
[Link 7]: http://www.gbtags.com/gb/demoviewer/933/dce9cb21-e7eb-4cdc-8d22-196f57f2af8e/site%7Cindex.html.htm
[PSD_]: http://www.gbtags.com/gb/share/1793.htm
[e70c34aa-a7b6-46a0-92ea-530242000e67.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/e70c34aa-a7b6-46a0-92ea-530242000e67.jpg
[Link 8]: http://www.gbtags.com/gb/demoviewer/1793/001341c7-9c60-443a-9bfd-1c516f6c99ca/fullscreen-login%7Cindex.html.htm
[bootstrap_ - Produkta]: http://www.gbtags.com/gb/share/1846.htm
[815f374a-1177-4db1-8d6a-9207a43c514c.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/815f374a-1177-4db1-8d6a-9207a43c514c.jpg
[Link 9]: http://www.gbtags.com/gb/demoviewer/1846/c47098c7-40b6-4558-8562-c4bdc63d70c3/produkta%7Cindex.html.htm
[HTML5_CSS3_]: http://www.gbtags.com/gb/share/1794.htm
[6131cc9d-5d5f-4dc0-8f72-1f99bf48d605.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/6131cc9d-5d5f-4dc0-8f72-1f99bf48d605.jpg
[Link 10]: http://www.gbtags.com/gb/demoviewer/1794/783a6479-6b3e-408e-a672-13a1b0418bab/fullscreen-register%7Cindex.html.htm
[iPad_iphone_ - iTemplate]: http://www.gbtags.com/gb/share/2589.htm
[d839a34f-1730-4f37-97ce-643ab7d66c4a.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/d839a34f-1730-4f37-97ce-643ab7d66c4a.jpg
[Link 11]: http://www.gbtags.com/gb/demoviewer/2589/a4d55f25-8769-4e9c-a574-5dc68dba01f0/index.html.htm
[Bootstrap 1]: http://www.gbtags.com/gb/share/3034.htm
[8_HTML5]: http://www.gbtags.com/gb/share/3023.htm
[9_CSS3]: http://www.gbtags.com/gb/share/2955.htm
[10_CSS3]: http://www.gbtags.com/gb/share/3167.htm
[8_jQuery]: http://www.gbtags.com/gb/share/3152.htm
[9_HTML5]: http://www.gbtags.com/gb/share/3122.htm
[7_]: http://www.gbtags.com/gb/share/3067.htm
[Link 12]: http://www.gbtags.com/gb/share/2939.htm
[Link 13]: http://www.gbtags.com/gb/share/3091.htm