BitTemplate/index.html at master · atomicframeworks/BitTemplate · 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html>
	<!-- Start Head -->
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<title>BitTemplate</title>
		<!-- Main CSS -->
		<LINK href="css/main.css" rel="stylesheet" type="text/css" >

		<!-- jQuery -->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

		<!-- Slide Show -->
		<script type="text/javascript" src="js/slideshow.js"></script>

		<!-- Input Effects & Logic -->
		<script type="text/javascript" src="js/input.js"></script>

	</head>
	<!-- End Head -->
	<!-- Start Body -->
	<body>
		<!-- Start Header & Logo -->
		<div class="header">
			<a href="" title="itsmine&#8482;">
				<img src="img/logo.png" alt="Diamond Logo" class="headerIcon" />
				itsmine&#8482;
			</a>
		</div>
		<!-- End Header & Logo -->
		<!-- Start Lower Ribbon -->
		<div class="ribbon"></div>
		<!-- End Lower Ribbon -->
		<!-- Start Main Content -->
		<div class="content">
			<!-- Start Top Ribbon -->
			<div class="topRibbon">
				<!-- Start Ribbon Menu -->
				<div class="ribbonMenu">
					<a href="" title="My Pics">My Pics</a>
					<a href="" class="activeMenu" title="My Blog">My Blog</a>
					<a href="" title="My Deal">My Deal</a>
				</div>
				<!-- End Ribbon Menu -->
			</div>
	 		<!-- End Top Ribbon -->
	 		<!-- Start Left Column -->
	 		<div  class="leftColumn">
					<img src="img/img1.png" alt="Image 1" class="slideShow" />
					<ul>
						<li class="active" data-imgref="img/img1.png" ></li>
						<li data-imgref="img/img2.png"></li>
						<li data-imgref="img/img3.png"></li>
					</ul>
	 		</div>
	 		<!-- End Left Column -->
	 		<!-- Start Right Column -->
	 		<div class="rightColumn">
	 			<!-- Start Article -->
	 			<div class="article">
				 	<!-- h1 on article for SEO -->
				 	<h1>Trip to Yosemite</h1>
				 	<!-- Start Post Date -->
				 	<div class="postDate">
				 		<img src="img/clock.png" alt="Post Date Icon" />
				 		August 2011
				 	</div>
				 	<!-- End Post Date -->
				 	<!-- Start Paragraphs -->
			 		<p>
			 			Austin you probably haven't heard of them helvetica gentrify, gluten-free four loko jean shorts brooklyn banksy artisan portland tumblr sartorial. Messenger bag keytar tattooed, twee four loko high life helvetica brooklyn salvia cardigan vegan yr. Marfa terry richardson mlkshk, keytar butcher cardigan echo park salvia cosby sweater brooklyn Austin locavore. Jean shorts mixtape american apparel, banksy tattooed readymade quinoa Austin.
					<br />
					<br />
						Vice sartorial bicycle rights. Salvia mcsweeney's raw denim, gluten-free letterpress cosby sweater 8-bit photo booth tofu iphone lomo. Hoodie sartorial wayfarers, cardigan gluten&#8209;free brunch VHS locavore next level bicycle rights yr mixtape high life fixie. Craft beer keffiyeh salvia thundercats letterpress Austin vice aesthetic.
					</p>
					<!-- End Paragraphs -->
			 	</div>
			 	<!-- End Article -->
	 		</div>
	 		<!-- End Right Column -->
	 	</div>
	 	<!-- End Main Content -->

		<!-- Start Footer -->
		<div class='footer'>
			<form action="/index.html" method="post">
				<input type="text" name="email" value="Enter Email" class="inputBox" />
				<input type="submit" name="submit" value="Submit" class="button" />
			</form>
		</div>
		<!-- End Footer -->

	</body>
	<!-- End Body -->
</html>