index.twig

{% extends 'master.twig' %}

{% block bodyclass %}landing{% endblock bodyclass %}

		{% block banner %}
		<!-- Banner -->
			<section id="banner">
				<h2>Spatial</h2>
				<p>Lorem ipsum dolor sit amet nullam consequat <br /> interdum vivamus donce sed libero.</p>
				<ul class="actions">
					<li><a href="#" class="button special big">Get Started</a></li>
				</ul>
			</section>
		{% endblock banner %}

		{% block main %}

			<!-- One -->
				<section id="one" class="wrapper style1">
					<div class="container 75%">
						<div class="row 200%">
							<div class="6u 12u$(medium)">
								<header class="major">
									<h2>{{ record.title }}</h2>
									<p>{{ record.title }}</p>
								</header>
							</div>
							<div class="6u$ 12u$(medium)">
								<p>{{ record.title }}</p>
								<p>{{ record.teaser }}</p>
							</div>
						</div>
					</div>
				</section>

			<!-- Two -->
				<section id="two" class="wrapper style2 special">
					<div class="container">
						<header class="major">
							<h2>Fusce ultrices fringilla</h2>
							<p>Maecenas vitae tellus feugiat eleifend</p>
						</header>
						<div class="row 150%">
							{% setcontent pages = 'pages/latest/2' %}
							{% for page in pages %}
							<div class="6u 12u$(xsmall)">
								<div class="image fit captioned">
									<img src="{{ image(page.image) }}" alt="" />
									<h3>{{ page.title }}</h3>
									<ul class="actions">
										<li><a href="{{ page.link }}" class="button special big">Read More</a></li>
									</ul>
								</div>
							</div>
							{% endfor %}
						</div>
					</div>
				</section>

			<!-- Three -->
				<section id="three" class="wrapper style1">
					<div class="container">
						<header class="major special">
							<h2>Mauris vulputate dolor</h2>
							<p>Feugiat sed lorem ipsum magna</p>
						</header>
						<div class="feature-grid">
							{% setcontent entries = 'entries/latest/4' %}
							{% for page in entries %}
								<div class="feature">
									<div class="image rounded"><img src="{{ image(page.image) }}" alt="" /></div>
									<div class="content">
										<header>
											<h4>{{ page.title }}</h4>
											<p>{{ page.title }}</p>
										</header>
										<p>{{ page.teaser|excerpt(150) }}</p>
										<ul class="actions">
											<li><a href="{{ page.link }}" class="button alt small">Read More</a></li>
										</ul>
									</div>
								</div>
							{% endfor %}
						</div>
					</div>
				</section>

			<!-- Four -->
				<section id="four" class="wrapper style3 special">
					<div class="container">
						<header class="major">
							<h2>Aenean elementum ligula</h2>
							<p>Feugiat sed lorem ipsum magna</p>
						</header>
						<ul class="actions">
							<li><a href="#" class="button special big">Get in touch</a></li>
						</ul>
					</div>
				</section>
		{% endblock main %}