這種模板很多的，百度打開一個網(wǎng)頁右鍵源代碼就能找到了。
創(chuàng)新互聯(lián)建站堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：做網(wǎng)站、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的舟曲網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
html xmlns=""headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"
meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"
meta name="apple-mobile-web-app-capable" content="yes"
meta name="apple-mobile-web-app-status-bar-style" content="black"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon"
title{dede:global.cfg_webname/}/title
meta name="keywords" content="{dede:global.cfg_keywords/}"
meta name="description" content="{dede:global.cfg_description/}"
link href="{dede:global.cfg_templets_skin/}/style/style.css" rel="stylesheet" type="text/css"
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/jquery-1.9.1.js"/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/theme_trust.js"/script
style type="text/css"
html,
body {
margin: 0;
padding: 0;
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
/style
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/main.js"/script
script
jQuery(document).ready(function() {
jQuery('#openSidebar').click(function() {
jQuery('.wrapper').toggleClass('openNav');
});
jQuery('#menu a').click(function() {
jQuery('.wrapper').removeClass('openNav');
});
});
/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/api"/scriptscript type="text/javascript" src="{dede:global.cfg_templets_skin/}/getscript"/scriptlink rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/bmap.css"
style type="text/css"
html,
body,
wrapper {
height: 100%;
}
/style
/head
body
div class="wrapper"
div class="sidebar"
div class="clearfix k1120"
div class="navBox" id="openSidebar"
a href="javascript:void(0)" class="navOpen"/a
/div
div id="menu"
ul class="clearfix"
lia href="#home" class="nav_home current"span首頁br /bHome/b/span/a
/li
lia href="#services" class="nav_services"span服務(wù)范圍br /bServices/b/span/a
/li
lia href="#case" class="nav_case"span案例展示br /bCase/b/span/a
/li
lia href="#about" class="nav_about"span關(guān)于我們br /bAbout us/b/span/a
/li
lia href="#news" class="nav_news"span新聞動態(tài)br /bNews/b/span/a
/li
lia href="#contact" class="nav_contact"span聯(lián)系我們br /bContact us/b/span/a
/li
/ul
/div
/div
/div
div class="pageMain"
div id="header"
div class="k1120 clearfix"a href="{dede:global.cfg_basehost/}" id="logo"logo/a
/div
/div
div id="home" class="scrol-page"
div class="banner"
div class="b_1" style="background-position: 50% 0px;"
div class="k1120 clearfix"
div class="b_pic"
div class="mac" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/mac.png"
/div
div class="iphone" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/iphone.png"
/div
div class="ipad" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/ipad.png"
/div
/div
div class="b_text" style="margin-top: 0px; opacity: 1;"
{dede:global.cfg_ggg/}
/div
/div
/div
/div
div class="banner"
HTML5基礎(chǔ)知識網(wǎng)站
1.W3C
全稱“W3School”，簡直是學(xué)習(xí)網(wǎng)站中的“戰(zhàn)斗機”，每一節(jié)都有學(xué)生時代老師般的“板書”，豐富的實例展示，還有工具書、小測驗等提升工具，私教般的存在!
2.Dive into HTML5
這個網(wǎng)站幾乎都是關(guān)于HTML5的文檔，講一些很基礎(chǔ)的知識，簡潔清新。如果想學(xué)習(xí)HTML5的同時提高英語閱讀能力，這個網(wǎng)站是極好的。類似的英文網(wǎng)站還有woorkup。
3.h5之家
除了豐富且與時俱進的教程，這個網(wǎng)站還有很多關(guān)于HTML5業(yè)界的獨特見解，閑暇時候看看，拓展知識又能在人前裝X，這樣的網(wǎng)站哪里找!
HTML5案例網(wǎng)站
1.HTML5xCSS3
擁有超豐富的HTML5案例和模板，隨便點開一個案例都好看到讓人震驚。里面的全部都是HTML5響應(yīng)式網(wǎng)站喲!
2.360html5基地
350旗下的HTML5作品展示網(wǎng)站，大部分是HTML5游戲展示，可愛有趣。比如打開一個割繩子的HTML5展示：
3.HTML5 Games
相對360來說更豐富的HTML5游戲資源，玩著玩著技能激發(fā)設(shè)計靈感呢!
HTML5技術(shù)網(wǎng)站
1.whatwg
網(wǎng)絡(luò)超文本應(yīng)用技術(shù)工作小組(Web Hypertext Application Technology Working Group)的博客，里面一些文章能讓人受益匪淺。
2.HTML5醫(yī)生
一些關(guān)于html5語義及如何使用它們的文章，醫(yī)生會定時回答網(wǎng)友們的問題。
3.HTML5中國
一個真的能手把手教你6小時做一個HTML5坦克大戰(zhàn)游戲的網(wǎng)站，還有各類HTML5的資訊、溝通交流論壇等。
HTML5測試網(wǎng)站
1.HTMLDemos
測試HTML5標(biāo)簽在各瀏覽器的兼容性，還能查看各種HTML5的標(biāo)準(zhǔn)Demo演示。
2.html5 test
能為瀏覽器對HTML5的兼容性打分，可以知道你當(dāng)前的瀏覽器對HTML5的支持情況如何，各種標(biāo)簽和組件的支持情況。
所以，網(wǎng)站已經(jīng)分享給你們了，如果真心要學(xué)習(xí)此項技能，快去實踐吧!
metinfo.cn/product/ 響應(yīng)式網(wǎng)站模板，不妨到這一看。我喜歡用這個網(wǎng)站的原因是他的很多模板都是免費的，最主要的一點是，這個網(wǎng)站的頁面非常的好看，對于我這個非常喜歡完美的人來說，這個網(wǎng)站滿足了我對模板的需求。
重慶分公司
重慶分公司
