One Column Template

Template เรื่มต้นของ GCSS แบบหนึ่งคอลัมน์โดยมีขนาดความกว้างรวม 690 พิกเซล

<!DOCTYPE html>
<html lang=en dir=ltr>
	<head>
		<title>Site Title</title>
		<meta charset=utf-8>
		<meta name=viewport content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel=stylesheet href=gcss.css>
		<!--[if lt IE 9]>
		<script src=js/html5.js></script>
		<![endif]-->
	</head>
	<body>
		<div class=gcss-wrapper>
			<header class="header clear">
				<div id=logo>
					<h1>Site Logo</h1>
					<p>Site description</p>
				</div>
				<nav  class="topmenu responsive right">
					.....
				</nav>
			</header>
			<main class="clear content">
				<article class=article>
					.....
				</article>
			</main>
			<footer id=footer>
				.....
			</footer>
		</div>
	</body>
</html>

.gcss-wrapper ใช้สำหรับกำหนดขนาด 960 พิกเซล กลางจอ โดยปกติจะใช้สำหรับกำหนด Layout
.header ปกติจะใช้ร่วมกับ tag header เพื่อระบุว่าเป็นส่วน header หลัก
.clear ใช้ร่วมกับบล๊อกใดๆก็ตามเพื่อป้องกันไม่ให้บล๊อกที่อยู่ใกล้เคียงกันซ้อนทับกัน
#logo ใช้สำหรับกำหนดส่วนที่แสดงโลโกของเว็บไซต์ ซึ่งค่าเริ่มต้นกำหนดความสูงไว้ไม่น้อยกว่า 96 พิกเซล
.content ใช้ร่วมกับส่วนที่ต้องการให้เป็นเนื้อหาหลัก
.article ปกติจะใช้ร่วมกับ tag article โดยจะเพิ่มช่องว่างด้านล่างของกรอบ
<script src=js/html5.js></script> ใช้สำหรับให้ บราวเซอร์รุ่นเก่าๆรู้จัก HTML5