jekyll-dopetrope/_layouts/landing.html

---
layout: dopetrope
---
		<!-- Header -->
			<div id="header-wrapper">
				<div id="header">
					{% include header.html %}
					{% include splash.html %}
				</div>
			</div>
				<!-- Main -->
				<div id="main-wrapper">
					<div class="container">
						<div class="row">
							<div class="12u">

								<!-- Portfolio -->
									<section>
										<header class="major">
											<h2>My Portfolio</h2>
										</header>
										{% assign rowCount = 0 %}
										<div class="row">
										{% for portfolio in site.portfolio reversed %}
											<div class="4u 12u(mobile)">
												<section class="box">
													<a href="#" class="image featured"><img src="{{ portfolio.image }}" alt="" /></a>
													<header>
														<h3>{{ portfolio.title }}</h3>
													</header>
													<p>{{ portfolio.content }}</p>
													<footer>
														<a href="#" class="button alt">Find out more</a>
													</footer>
												</section>
											</div>

											{% assign rowCount =  rowCount | plus:1 %}
											
											{% if rowCount == 3 or forloop.last %}
										</div>
											{% endif %}

											{% if rowCount == 3 and forloop.last != true %}
												{% assign rowCount = 0 %}
										<div class="row">
											{% endif %}
										{% endfor %}
									</section>

							</div>
						</div>
						<div class="row">
							<div class="12u">

								<!-- Blog -->
									<section>
										<header class="major">
											<h2>The Blog</h2>
										</header>
										<div class="row">
											{% for post in site.blog reversed limit:2 %}
											<div class="6u 12u(mobile)">
												<section class="box">
													<a href="#" class="image featured"><img src="{{ post.image }}" alt="" /></a>
													<header>
														<h3>{{ post.title }}</h3>
														<p>{{ post.date }}</p>
													</header>
													<p> {{ post.excerpt }}</p>
													<footer>
														<ul class="actions">
															<li><a href="#" class="button icon fa-file-text">Continue Reading</a></li>
															<li><a href="#" class="button alt icon fa-comment">33 comments</a></li>
														</ul>
													</footer>
												</section>
											</div>
											{% endfor %}
										</div>
									</section>

							</div>
						</div>
					</div>
				</div>