四小時佈景開發
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Your Name - Simple</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Html5TemplatesDreamweaver.com">
<link href="scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="scripts/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Icons -->
<link href="scripts/icons/general/stylesheets/general_foundicons.css" media="screen" rel="stylesheet" type="text/css" />
<link href="scripts/icons/social/stylesheets/social_foundicons.css" media="screen" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
<link href="scripts/icons/general/stylesheets/general_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
<link href="scripts/icons/social/stylesheets/social_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->
<link rel="stylesheet" href="scripts/fontawesome/css/font-awesome.min.css">
<!--[if IE 7]>
<link rel="stylesheet" href="scripts/fontawesome/css/font-awesome-ie7.min.css">
<![endif]-->
<link href="http://fonts.googleapis.com/css?family=Syncopate" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Pontano+Sans" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet" type="text/css">
<link href="styles/custom.css" rel="stylesheet" type="text/css" />
</head>
<body id="pageBody">
<div id="divBoxed" class="container">
<div class="transparent-bg" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;zoom: 1;"></div>
<div class="divPanel notop nobottom">
<div class="row-fluid">
<div class="span12">
<div id="divLogo" class="pull-left">
<a href="index.html" id="divSiteTitle">網站標題</a><br />
<a href="index.html" id="divTagLine">Your Tag Line Here</a>
</div>
<div id="divMenuRight" class="pull-right">
導覽列
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div id="contentInnerSeparator"></div>
</div>
</div>
</div>
<div class="contentArea">
<div class="divPanel notop page-content">
主內容區
<div id="footerInnerSeparator"></div>
</div>
</div>
<div id="footerOuterSeparator"></div>
<div id="divFooter" class="footerArea">
<div class="divPanel">
頁尾區
</div>
</div>
</div>
<br /><br /><br />
<script src="scripts/jquery.min.js" type="text/javascript"></script>
<script src="scripts/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="scripts/default.js" type="text/javascript"></script>
</body>
</html>