index.html

---
layout: landing-page
---		
		<!-- Main -->
			<article id="main">

				<header class="special container">
					<span class="icon fa-bar-chart-o"></span>
					<h2>ScienceHub is an <strong>experiment</strong>.</h2>
					<p>At ScienceHub, we are both scientists and academics. This service was started by 
 					<br />   
                    graduate student who, during their graduate tenure, struggled to find effective, 
 					<br />   
                    interactive methods to educate ourselves and others in the world of science. 
                </header>
					
				<!-- One -->
					<section class="wrapper style2 container special-alt">
						<div class="row half">
							<div class="8u">
							
								<header>
									<h2>Behold the <strong>icons</strong> that visualize what you’re all about. or just take up space. your call bro.</h2>
								</header>
								<p>Sed tristique purus vitae volutpat ultrices. Aliquam eu elit eget arcu comteger ut fermentum lorem. Lorem ipsum dolor sit amet. Sed tristique purus vitae volutpat ultrices. eu elit eget commodo. Sed tristique purus vitae volutpat ultrices. Aliquam eu elit eget arcu commodo.</p>
								<footer>
									<ul class="buttons">
										<li><a href="#" class="button">Find Out More</a></li>
									</ul>
								</footer>
							
							</div>
							<div class="4u skel-cell-important">
							
								<ul class="featured-icons">
									<li><span class="icon fa-clock-o"><span class="label">Feature 1</span></span></li>
									<li><span class="icon fa-volume-up"><span class="label">Feature 2</span></span></li>
									<li><span class="icon fa-laptop"><span class="label">Feature 3</span></span></li>
									<li><span class="icon fa-inbox"><span class="label">Feature 4</span></span></li>
									<li><span class="icon fa-lock"><span class="label">Feature 5</span></span></li>
									<li><span class="icon fa-cog"><span class="label">Feature 6</span></span></li>
								</ul>
							
							</div>				
						</div>
					</section>
					
				<!-- Two -->
					<section class="wrapper style1 container special">
						<div class="row">
							<div class="4u">
							
								<section>
									<span class="icon featured fa-check"></span>
									<header>
										<h3>Simple</h3>
									</header>
									<p>To successfully crowdsource scientific ideas, the collaboration process better be simple. Sharing ideas on ScienceHub is as easy as writing it down and clicking "POST"! </p>
								</section>
							
							</div>
							<div class="4u">
							
								<section>
									<span class="icon featured fa-check"></span>
									<header>
										<h3>Useful</h3>
									</header>
									<p>ScienceHub attracts leading scientists, educators, and academics from a variety of scientific fields. If you're student or teaching looking for help from the experts, you've come to the right place.</p>
								</section>
							
							</div>
							<div class="4u">
							
								<section>
									<span class="icon featured fa-check"></span>
									<header>
										<h3>Transparent</h3>
									</header>
									<p>We believe in open source and open science. Every decision and conversation at Sciencehub is made public on Github. Feel free to explore the community and get involved as much or as little as you like!</p>
								</section>
							
							</div>
						</div>
					</section>
				
                
                <!-- Three -->
					<section class="wrapper style3 container special">
					
						<header class="major">
							<h2>Branches of <strong>Sciencehub</strong></h2>
						</header>
						
						<div class="row">
							
                            
                            <div class="4u">
							
                        		<ul>
                        			<li><a href="" class="button special">Physics</a></li>
                                    <li><a href="" class="button special">Chemistry</a></li>
                        			<li><a href="" class="button special">Biology</a></li>
                        			<li><a href="" class="button special">Statistics</a></li>
                        		</ul>
                            
                            </div>
							
                            <div class="4u">
							
                        		<ul>
                        			<li><a href="" class="button special">Biophysics</a></li>
                                    <li><a href="" class="button special">Biochemistry</a></li>
                        			<li><a href="" class="button special">Engineering</a></li>
                        			<li><a href="" class="button special">Electronics</a></li>
                        		</ul>

                            
                            </div>
                            
                            <div class="4u">
							
                        		<ul>
                        			<li><a href="" class="button special">Astronomy</a></li>
                                    <li><a href="" class="button special">Astrophysics</a></li>
                        			<li><a href="" class="button special">Geology</a></li>
                        			<li><a href="" class="button special">Coding</a></li>
                        		</ul>

                            </div>
					
					</section>
				
					
			</article>

		<!-- CTA -->
			<section id="cta">
			
				<header>
					<h2>Want to contribute a <strong>post</strong>?</h2>
					<p>Proin a ullamcorper elit, et sagittis turpis integer ut fermentum.</p>
				</header>
				<footer>
					<ul class="buttons">
						<li><a href="#" class="button special">Submit post</a></li>
						<li><a href="#" class="button">Github sign-in</a></li>
					</ul>
				</footer>
			
			</section>