index.html

---
title: Peter Szeles's website
description: description
---
<section class="hero">
	<div class="text-container">
		<h1 class="editable">Personal site of <strong>Peter Szeles</strong></h1>
		<p class="subtext editable">Track my activities in IT and photography.</p>
		<div class="cta button alt"><a href="{{ site.baseurl }}/contact/">Contact me</a></div>
		<div>
			<img src="{{ site.baseurl }}/images/profil.jpg" alt="Screenshot" class="screenshot editable" />
		</div>
	</div>
</section>

<div class="content">
	<section>
		<div class="container flex">
			<div class="text editable">
				<h2>title <strong>1</strong> for subsection</h2>
				<p> content</p>
			</div>
			<div class="image">
				<img src="{{ site.baseurl }}/images/cmb_iteration.jpg" alt="Screenshot" class="screenshot editable" />
			</div>
		</div>
	</section>

	<section>
		<div class="container flex">
			<div class="text editable">
				<h2>title <strong>2</strong> for subsection</h2>
				<p>Content</p>
			</div>
			<div class="image">
				<img src="{{ site.baseurl }}/images/cmb_iteration.jpg" alt="Screenshot" class="screenshot editable" />
			</div>
		</div>
	</section>

	<section>
		<div class="container flex">
			<div class="text editable">
				<h2>title <strong>3</strong> for subsection</h2>
				<p>content</p>
			</div>
			<div class="image">
				<img src="{{ site.baseurl }}/images/cmb.png" alt="Screenshot" class="screenshot editable" />
			</div>
		</div>
	</section>

	<section class="testimonial">
		<div class="container flex">
			<div class="testimonial-block">
				<div class="square-image"><img src="{{ site.baseurl }}/images/profil.jpg" alt="Peter Szeles" class="editable"></div>
				<blockquote>
					<p class="editable">about</p>
					<p class="editable author">Name - title</p>
				</blockquote>
			</div>
		</div>
	</section>

	<section class="bottom-cta">
		<h2 class="editable"><strong>Some</strong> redirect link to offers</h2>
		<div class="button alt"><a href="#">Get it</a></div>
	</section>
</div>