about.html

<!-- @include header -->
<!-- @include sidebar -->

		<!-- Content -->
		<div class="large-10 columns main-content" id="content">
			<div class="large-10 columns">
				<article>
					<!-- Title of Page -->
					<h2><span data-barley="about_title" data-barley-editor="mini">About Me</span></h2>
					<!-- Post Content -->
					<div data-barley="about_content" data-barley-editor="advanced">
						<p>Use this page to tell site visitors about yourself. You can fill this area with text, images or anything you have embed code for (maps, videos, etc.). Use our editor to add headlines, lists, links and more. There are links in a column to the right that can be used for links to social accounts or other sites/pages.</p>
						<img src="images/image_thumb.jpg" class="right" width="200"><p>Images can be aligned to the left or right by using the image editor. Simply bring up the editor by clicking on the image > edit icon ( <i class="barley-icon-edit"></i> ) and type either "left" or "right" in the class field. You can also change the size of an image and the title here as well. An existing image, such as the one to the right, can be replaced or removed. Replacing an image will cause the new image to be cropped to the dimensions of the original. This can come in handy for certain situations. To place an image on the page with different dimensions, simply remove the original and add the new one.</p>
					</div>	
				</article>	
				<!-- @include footer -->
			</div>

			<!-- Sub-Navigation -->
			<div class="large-2 columns right-sidebar">
				<div id="stickersub">
					<nav class="sub-nav" data-barley="about_subnav" data-barley-editor="plus">
						<ul>
							<li><a href="#">Resume</a></li>
							<li><a href="#">LinkedIn</a></li>
							<li><a href="#">Zerply</a></li>
						</ul>
					</nav>
				</div>	
			</div>
			
		</div>
	</div>
	
<!-- @include scripts -->

</body>
</html>