index.html

---
layout: landing
---
 
<!-- Main -->
	<div id="main" class="wrapper style1">
		<section class="container">
			<header class="major">
				<h2>Hobies?</h2>
				<span class="byline">This part can be edited at index.html</span>
			</header>
			<div class="row">

				<!-- Content -->
					<div class="12u">
					<h3> Very quick notes: </h3>
					<ul class="bullet">
						<li>There are 6 heading tags h1-h6</li>
						<li>To mane anything center aligned, use center tag</li>
						<li>This particular theme has 4 wrapper style (wrapper style1-4) that changes bg color or alignment of text. Like style1 is this portion and style 2 is above portion</li>
						<li>If you have repeting elements, add them to _include folder and use include tags to include them</li>
						<li>If you want to change the layout, everything is under _layout</li>
						<li>Using class row helps elements space one after the other</li>
						<li>Using class row no-collapse-1, spaces elements next to each other</li>
						<li>You can make any element a button by using a href tag</li>
						<li>I hope I made things a little easier for you and not made you hate web development :P</li>
						<br>	
					</ul>
					</div>
					<div class="6u">
						<section>
							<ul class="style">
								<li>
									<span class="fa fa-futbol-o"></span>
									<h3>Sports</h3>
									<span>Something sport something something</span>
								</li>
								<li>
									<span class="fa fa-bus"></span>
									<h3>Hiking</h3>
									<span> Lalala </span>
								</li>
							</ul>
						</section>
					</div>
					<div class="6u">
						<section>
							<ul class="style">
								<li>
									<span class="fa fa-cogs"></span>
									<h3>Analytics</h3>
									<span> alala </span>
								</li>
								<li>
									<span class="fa fa-user-circle-o"></span>
									<h3>People</h3>
									<span>Something memory</span>
								</li>
							</ul>
						</section>
					</div>
				
			</div>
		</section>
	</div>