BasicStarterProject/index.html at master · rwbaker/BasicStarterProject · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!doctype html>
	<head>
		<meta charset="utf-8">
		<title>Web App</title>
		<link rel="stylesheet" type="text/css" href="c/styles.css" media="all" />
	</head>
	<body>
	<div class="container_16">
		<div id="site_title" class="grid_10">
			<header>
				<h1>Basic Starter Template</h1>
			</header>
		</div>
		<div id="admin_nav" class="grid_6">
			<ul class="nav strip">
				<li><a href="#">Dashboard</a></li>
				<li><a href="#">Account Settings</a></li>
				<li><a href="#">Logout</a></li>
			</ul>
		</div>
		<div class="clear"></div>
		<div id="main_nav" class="grid_16">
			<nav>
				<ul class="nav">
					<li class="active"><a href="#">Home</a></li>
					<li><a href="demo.html">Demo Page</a></li>
					<li><a href="#">Nav Item 3</a></li>
				</ul>
			</nav>
		</div>

		<div id="wrapper" class="grid_16">
			<div id="content">

				<section>
					<h1>Introduction</h1>
					<p>This starter project serves as a springboard for quick web application test, utilities, and experiments.</p>
				</section>

				<section>
					<h1>Pieces</h1>
					<ul class="default">
						<li>Nathan Smith's 960 Grid</li>
						<li>Basic content styles</li>
						<li>Basic form styles</li>
						<li>Additional flexible grid system</li>
						<li>Basic user feedback style</li>
					</ul>
				</section>

			</div><!-- /#content -->
		</div><!-- /#wrapper .grid_16 -->
		<div class="clear"></div>
		<footer>
			<div class="grid_6">
				<div id="copyright">
					&copy; <span id="year"></span> Your Neighborhood Developer
				</div>
			</div>
			<div class="grid_10">
				<ul class="nav strip">
					<li class="active"><a href="index.html">Home</a></li>
					<li><a href="demo.html">Demo Page</a></li>
					<li><a href="#">Nav Item 3</a></li>
				</ul>
			</div>
		</footer>
		</div><!-- /.container_16 -->
		<script type="text/javascript">
			//Get current year and write copyright date
			var d = new Date();
			var year=document.getElementById("year");
			year.innerHTML = d.getFullYear();
		</script>
	</body>
</html>