diff --git a/www/asset/images/about/kv.jpg b/www/asset/images/about/kv.jpg
index 35c3db7..5b3ece1 100644
Binary files a/www/asset/images/about/kv.jpg and b/www/asset/images/about/kv.jpg differ
diff --git a/www/asset/images/portfolio/aesthevita.jpg b/www/asset/images/portfolio/aesthevita.jpg
new file mode 100644
index 0000000..921d343
Binary files /dev/null and b/www/asset/images/portfolio/aesthevita.jpg differ
diff --git a/www/asset/images/portfolio/aesthevita_logo.png b/www/asset/images/portfolio/aesthevita_logo.png
new file mode 100644
index 0000000..4165039
Binary files /dev/null and b/www/asset/images/portfolio/aesthevita_logo.png differ
diff --git a/www/asset/images/portfolio/flatio.jpg b/www/asset/images/portfolio/flatio.jpg
new file mode 100644
index 0000000..9c49f97
Binary files /dev/null and b/www/asset/images/portfolio/flatio.jpg differ
diff --git a/www/asset/images/portfolio/flatio_logo.png b/www/asset/images/portfolio/flatio_logo.png
new file mode 100644
index 0000000..98df533
Binary files /dev/null and b/www/asset/images/portfolio/flatio_logo.png differ
diff --git a/www/index.html b/www/index.html
index 6dc9dbe..ff2ad9a 100644
--- a/www/index.html
+++ b/www/index.html
@@ -53,6 +53,9 @@
 				<li class="nav-item">
 					<a class="nav-link js-scroll-trigger" href="#services">Čím se zabýváme</a>
 				</li>
+				<li class="nav-item">
+					<a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
+				</li>
 				<li class="nav-item">
 					<a class="nav-link js-scroll-trigger" href="#about">O nás</a>
 				</li>
@@ -123,6 +126,48 @@
 	</div>
 </section>
 
+<!-- Portfolio Grid -->
+<section class="bg-light page-section" id="portfolio">
+	<div class="container">
+		<div class="row">
+			<div class="col-lg-12 text-center">
+				<h2 class="section-heading text-uppercase">Portfolio</h2>
+				<h3 class="section-subheading text-muted">Pár ukázek naší spolupráce.</h3>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col-md-4 col-sm-6 portfolio-item">
+				<a class="portfolio-link" data-toggle="modal" href="#portfolioModal1">
+					<div class="portfolio-hover">
+						<div class="portfolio-hover-content">
+							<i class="fas fa-plus fa-3x"></i>
+						</div>
+					</div>
+					<img class="img-fluid" src="/asset/images/portfolio/flatio_logo.png" alt="">
+				</a>
+				<div class="portfolio-caption">
+					<h4>Flatio (2013 - 2019)</h4>
+					<p class="text-muted">Programování jádra, architektura, infrastruktura</p>
+				</div>
+			</div>
+			<div class="col-md-4 col-sm-6 portfolio-item">
+				<a class="portfolio-link" data-toggle="modal" href="#portfolioModal2">
+					<div class="portfolio-hover">
+						<div class="portfolio-hover-content">
+							<i class="fas fa-plus fa-3x"></i>
+						</div>
+					</div>
+					<img class="img-fluid" src="/asset/images/portfolio/aesthevita_logo.png" alt="">
+				</a>
+				<div class="portfolio-caption">
+					<h4>Aesthevita (2014 - nyní)</h4>
+					<p class="text-muted">Programování CMS a IS, infrastruktura</p>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
+
 <!-- About -->
 <section class="bg-light page-section" id="about">
 	<div class="container">
@@ -224,6 +269,82 @@
 	</div>
 </footer>
 
+<!-- Modal 1 -->
+<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="close-modal" data-dismiss="modal">
+				<div class="lr">
+					<div class="rl"></div>
+				</div>
+			</div>
+			<div class="container">
+				<div class="row">
+					<div class="col-lg-8 mx-auto">
+						<div class="modal-body">
+							<!-- Project Details Go Here -->
+							<h2 class="text-uppercase">Flatio</h2>
+							<p class="item-intro text-muted">bydlení na pár měsíců</p>
+							<img class="img-fluid d-block mx-auto" src="/asset/images/portfolio/flatio.jpg" alt="">
+							<p>Velmi dlouhá a plodná spolupráce. Původně jsme začínali na Studentreality.cz, poté jsme začali dělat Flatio.cz. K projektu patří i velmi rozsáhlý background a několik serverů.
+								Od PHP 5.4, po PHP 7.2, od Nette 2.0beta po Nette 2.4, od MySQL po PostgreSQL, od svn po git a GitLab, od VPS po cloud.</p>
+							<ul class="list-inline">
+								<li>Trvání spolupráce: 2013 - 2019</li>
+								<li>Klient: Flatio s.r.o.</li>
+								<li>Kategorie: Programování, servery</li>
+								<li>Technologie: php, python, java, bash, mysql, postgresql, debian, nginx, apache, svn, git, redis, gitlab, munin, netdata</li>
+								<li>Odkaz: <a href="https://www.flatio.cz/" target="_blank">https://www.flatio.cz/</a></li>
+							</ul>
+							<button class="btn btn-primary" data-dismiss="modal" type="button">
+								<i class="fas fa-times"></i>
+								Zavřít
+							</button>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
+<!-- Modal 2 -->
+<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="close-modal" data-dismiss="modal">
+				<div class="lr">
+					<div class="rl"></div>
+				</div>
+			</div>
+			<div class="container">
+				<div class="row">
+					<div class="col-lg-8 mx-auto">
+						<div class="modal-body">
+							<!-- Project Details Go Here -->
+							<h2 class="text-uppercase">Aesthevita</h2>
+							<p class="item-intro text-muted">ESTHETIC MEDICINE</p>
+							<img class="img-fluid d-block mx-auto" src="/asset/images/portfolio/aesthevita.jpg" alt="">
+							<p>Velmi dlouhá spolupráce. Původní verzi webu jsme navrhovali i programovali, následně jak se měnily reklamní agentury, měnil se systém i design. Konečný design tedy už není náš návrh.
+								Postupem času jsme převzali správu domén i emailů a aktuálně pracujeme na přepracovaní interního informačního systému.</p>
+							<ul class="list-inline">
+								<li>Trvání spolupráce: 2014 - nyní</li>
+								<li>Klient: Aesthevita s.r.o.</li>
+								<li>Kategorie: Programování, servery</li>
+								<li>Technologie: php, scss, js, mysql, debian, nginx, apache, svn</li>
+								<li>Odkaz: <a href="https://www.aesthevita.cz/" target="_blank">https://www.aesthevita.cz/</a></li>
+							</ul>
+							<button class="btn btn-primary" data-dismiss="modal" type="button">
+								<i class="fas fa-times"></i>
+								Zavřít
+							</button>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
 <!-- Bootstrap core JavaScript -->
 <script src="/vendor/jquery/jquery.min.js"></script>
 <script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>