Add: Portfolio grid
This commit is contained in:
parent
4901a10923
commit
7c530eecb2
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 20 KiB |
BIN
www/asset/images/portfolio/aesthevita.jpg
Normal file
BIN
www/asset/images/portfolio/aesthevita.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
www/asset/images/portfolio/aesthevita_logo.png
Normal file
BIN
www/asset/images/portfolio/aesthevita_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
www/asset/images/portfolio/flatio.jpg
Normal file
BIN
www/asset/images/portfolio/flatio.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
BIN
www/asset/images/portfolio/flatio_logo.png
Normal file
BIN
www/asset/images/portfolio/flatio_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
121
www/index.html
121
www/index.html
@ -53,6 +53,9 @@
|
|||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link js-scroll-trigger" href="#services">Čím se zabýváme</a>
|
<a class="nav-link js-scroll-trigger" href="#services">Čím se zabýváme</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link js-scroll-trigger" href="#about">O nás</a>
|
<a class="nav-link js-scroll-trigger" href="#about">O nás</a>
|
||||||
</li>
|
</li>
|
||||||
@ -123,6 +126,48 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</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 -->
|
<!-- About -->
|
||||||
<section class="bg-light page-section" id="about">
|
<section class="bg-light page-section" id="about">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
@ -224,6 +269,82 @@
|
|||||||
</div>
|
</div>
|
||||||
</footer>
|
</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 -->
|
<!-- Bootstrap core JavaScript -->
|
||||||
<script src="/vendor/jquery/jquery.min.js"></script>
|
<script src="/vendor/jquery/jquery.min.js"></script>
|
||||||
<script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
<script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user