index.html

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

					<!-- Agri -->
					<section id="agri" class="wrapper style4 container">
						<header style="text-align: center;">
							<h2><strong>Precision Agriculture</strong></h2>
						</header>
						<div class="row oneandhalf">
							<div class="4u">
								
								<!-- Sidebar -->
									<div class="sidebar">
										<section>
											<header class="row">
											<span class="icon fa-check fa-2x"></span><p>Crop Health Monitoring</p>
											<span class="icon fa-check fa-2x"></span><p>Crop-specific Analytics</p>		
											<span class="icon fa-check fa-2x"></span><p>Smart Farming</p>
											</header>
											<footer>
												<ul class="buttons">
													<li><a href="#" class="button small">See More</a></li>
												</ul>
											</footer>
										</section>
									</div>

							</div>
							<div class="8u skel-cell-important">
								
								<!-- Content -->
									<div class="content">
										<section>
											<a href="#" class="image featured"><img src="images/agri/eofarm_agri_1.jpg" alt="" /></a>
										</section>
									</div>
	
							</div>
						</div>					
					</section>
					
				<!-- Water -->
				<section id="water" class="wrapper style4 container">
						<header style="text-align: center;">
							<h2><strong>Water Management</strong></h2>
						</header>
						<div class="row oneandhalf">
							<div class="8u skel-cell-important">
								
								<!-- Content -->
									<div class="content">
										<section>
											<a href="#" class="image featured"><img src="images/water/eofarm_water_1.gif" alt="" /></a>
										</section>
									</div>
	
							</div>
							<div class="4u">
								
								<!-- Sidebar -->
									<div class="sidebar">
										<section>
											<header class="row" style="margin-left:-40px !important;">
											<span class="icon fa-check fa-2x"></span><p>Quality Monitoring</p>
											<span class="icon fa-check fa-2x"></span><p>Smart Alerting Services</p>		
											<span class="icon fa-check fa-2x"></span><p>Disaster Monitoring</p>
											</header>
											<footer>
												<ul class="buttons">
													<li><a href="#" class="button small">See More</a></li>
												</ul>
											</footer>
										</section>
									</div>

							</div>
						</div>					
					</section>
					
				<!-- Research -->

				<!-- Training -->

				<!-- Consulting -->

					
			</article>

		<!-- CTA -->
<!-- 			<section id="cta">
			
				<header>
					<h2><strong>EXPLORE WITH US!</strong></h2>
				</header>
				<footer>
					<ul class="buttons">
						<li><a href="{{ site.baseurl }}/contact.html" class="button special">Contact EOfarm</a></li>
					</ul>
				</footer>
			
			</section> -->