Tomáš Kořínek 🤠💻 – Happy web developer

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="If you need a website, I am here for you! I offer professional services, individual approach and over 19 years in business."> <meta name="author" content="Tomáš Kořínek"> <meta name="robots" content="index, follow"> <title>Tomáš Kořínek 🤠💻 – Happy web developer</title> <meta property="fb:app_id" content="1751331698308706"> <meta property="og:type" content="website"> <meta property="og:title" content="Tomáš Kořínek 🤠💻 – Happy web developer"> <meta property="og:site_name" content="Tomáš Kořínek"> <meta property="og:url" content="https://tomaskorinek.com/"> <meta property="og:description" content="If you need a website, I am here for you! I offer professional services, individual approach and over 19 years in business."> <meta property="og:image" content="https://tomaskorinek.com/img/social/og-image.png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Tomáš Kořínek 🤠💻 – Happy web developer"> <meta name="twitter:description" content="If you need a website, I am here for you! I offer professional services, individual approach and over 19 years in business."> <meta name="twitter:creator" content="@korinektomas"> <meta name="twitter:image" content="https://tomaskorinek.com/img/social/og-image.png"> <style>@font-face{ font-family:IdealSansBook;src:url(https://tomaskorinek.com/font/subset-IdealSans-Book.woff2) format("woff2"),url(https://tomaskorinek.com/font/subset-IdealSans-Book.woff) format("woff"),url(https://tomaskorinek.com/font/subset-IdealSans-Book.ttf) format("truetype");font-display:swap}@font-face{ font-family:IdealSansSemibold;src:url(https://tomaskorinek.com/font/subset-IdealSans-Semibold.woff2) format("woff2"),url(https://tomaskorinek.com/font/subset-IdealSans-Semibold.woff) format("woff"),url(https://tomaskorinek.com/font/subset-IdealSans-Semibold.ttf) format("truetype");font-display:swap}*,::after,::before{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{ font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%}header,nav,section{ display:block}body{ margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2{ margin-top:0;margin-bottom:.5rem}ul{ margin-top:0;margin-bottom:1rem}a{ color:#345ae7;text-decoration:none;background-color:transparent}img{ vertical-align:middle;border-style:none}svg{ overflow:hidden;vertical-align:middle}button{ -webkit-border-radius:0;-moz-border-radius:0;border-radius:0}button,input{ margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{ overflow:visible}button{ text-transform:none}[type=button],button{ -webkit-appearance:button}[type=button]::-moz-focus-inner,button::-moz-focus-inner{ padding:0;border-style:none}::-webkit-file-upload-button{ font:inherit;-webkit-appearance:button}h1,h2{ margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{ font-size:2.5rem}h2{ font-size:2rem}.btn{ display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem}.btn-secondary{ color:#fff;background-color:#f47b0f;border-color:#f47b0f}.container{ width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){ .container{ max-width:540px}}@media (min-width:768px){ .container{ max-width:720px}}@media (min-width:992px){ .container{ max-width:960px}}@media (min-width:1200px){ .container{ max-width:1140px}}@media (min-width:576px){ .container{ max-width:540px}}@media (min-width:768px){ .container{ max-width:720px}}@media (min-width:992px){ .container{ max-width:960px}}@media (min-width:1200px){ .container{ max-width:1140px}}@media (min-width:1280px){ .container{ max-width:1200px}}.row{ display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-lg-12{ position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width:992px){ .col-lg-12{ -webkit-box-flex:0;-webkit-flex:0 0 100%;-moz-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.nav-link{ display:block;padding:.5rem 1rem}.navbar{ position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container{ display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{ display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-nav{ display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{ padding-right:0;padding-left:0}.navbar-collapse{ -webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.navbar-toggler{ padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem}@media (max-width:991.98px){ .navbar-expand-lg>.container{ padding-right:0;padding-left:0}}@media (min-width:992px){ .navbar-expand-lg{ -webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{ -webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .nav-link{ padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container{ -webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{ display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{ display:none}}.navbar-dark .navbar-brand{ color:#fff}.navbar-dark .navbar-nav .nav-link{ color:rgba(255,255,255,.5)}.navbar-dark .navbar-toggler{ color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.collapse:not(.show){ display:none}.fixed-top{ position:fixed;top:0;right:0;left:0;z-index:1030}.ml-auto{ margin-left:auto!important}.text-center{ text-align:center!important}.text-uppercase{ text-transform:uppercase!important}body,html{ height:100%}body{ position:relative;overflow-x:hidden;font-family:IdealSansBook,sans-serif;font-weight:400;font-size:1em;background:#fff}a{ color:#345ae7}h1,h2{ font-weight:600;font-family:IdealSansSemibold,sans-serif;font-weight:600;line-height:1.05}section{ padding:75px 0}@media (min-width:768px){ section{ padding:100px 0}}section h2.section-heading{ font-size:2.3em;margin-top:0;margin-bottom:20px}@media (min-width:768px){ section h2.section-heading{ font-size:3em}}.display-block-up-md{ display:block}@media (min-width:768px){ .display-block-up-md{ display:inline}}.btn{ font-family:IdealSansSemibold,sans-serif;font-weight:600;font-size:.875em;font-weight:700;height:50px;letter-spacing:.03em;line-height:50px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;border:none;padding:0 2rem;text-transform:uppercase}.btn-secondary{ background-color:#f47b0f;border-color:#f47b0f}#mainNav{ padding-left:0;padding-right:0;background-color:#345ae7;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.4);-moz-box-shadow:0 1px 10px rgba(0,0,0,.4);box-shadow:0 1px 10px rgba(0,0,0,.4)}@media (min-width:992px){ #mainNav{ padding-left:10px;padding-right:10px;border:none;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}}@media (min-width:992px){ #mainNav.hp .navbar-brand{ opacity:0}}#mainNav .navbar-toggler{ font-size:12px;right:0;padding:13px;margin-right:15px;margin-top:1px;text-transform:uppercase;color:#fff;border:0;background-color:#345ae7;font-family:IdealSansSemibold,sans-serif;font-weight:600}#mainNav .navbar-brand{ font-size:1.125em;color:#fff;margin-left:15px;padding-top:7px;font-family:IdealSansSemibold,sans-serif;font-weight:600}@media (min-width:992px){ #mainNav .navbar-brand{ margin-left:0}}#mainNav .navbar-nav{ margin-top:10px}@media (min-width:992px){ #mainNav .navbar-nav{ margin-top:0}}#mainNav .navbar-nav .nav-item{ position:relative}#mainNav .navbar-nav .nav-item .nav-link{ text-align:center;font-size:1em;font-weight:400;padding:.75em 0;letter-spacing:1px;color:#fff}@media (min-width:992px){ #mainNav .navbar-nav .nav-item .nav-link{ display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:58px;padding:0 1.25em!important}}#mainNav .navbar-nav .nav-item .nav-link.linkedin{ height:100%}@media (min-width:992px){ #mainNav .navbar-nav .nav-item .nav-link.linkedin{ position:relative;top:-1px;width:32px;margin-left:18px;font-size:0}}header.masthead{ display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;min-height:100%;text-align:center;color:#fff;background-color:#345ae7;background-repeat:no-repeat}@media (min-width:768px){ header.masthead{ min-height:200px;text-align:left;background-image:url(https://tomaskorinek.com/img/about/tomas-korinek.png);background-position:left -webkit-calc(50% + 190px) bottom -40px;background-position:left -moz-calc(50% + 190px) bottom -40px;background-position:left calc(50% + 190px) bottom -40px;background-position-background-size:880px}}@media (min-width:992px){ header.masthead{ background-position:left -webkit-calc(50% + 260px) bottom -40px;background-position:left -moz-calc(50% + 260px) bottom -40px;background-position:left calc(50% + 260px) bottom -40px;-webkit-background-size:1140px 1140px;-moz-background-size:1140px;-o-background-size:1140px;background-size:1140px}header.masthead.en{ background-position:left -webkit-calc(50% + 200px) bottom;background-position:left -moz-calc(50% + 200px) bottom;background-position:left calc(50% + 200px) bottom}}@media (min-width:1140px){ header.masthead{ background-position:left -webkit-calc(50% + 260px) bottom;background-position:left -moz-calc(50% + 260px) bottom;background-position:left calc(50% + 260px) bottom;-webkit-background-size:auto auto;-moz-background-size:auto;-o-background-size:auto;background-size:auto}}header.masthead .profile{ padding-top:95px}@media (min-width:768px){ header.masthead .profile{ display:none}}header.masthead .profile img{ width:210px}@media (min-width:576px){ header.masthead .profile img{ width:300px}}header.masthead .intro-text{ padding-top:30px;padding-bottom:40px}@media (min-width:576px){ header.masthead .intro-text{ max-width:640px}}@media (min-width:768px){ header.masthead .intro-text{ padding-top:220px;padding-bottom:140px}}@media (min-width:992px){ header.masthead .intro-text{ padding-top:220px;padding-bottom:160px;max-width:100%}}@media (min-width:1140px){ header.masthead .intro-text{ padding-bottom:200px}}header.masthead .intro-text h1{ color:#fff;margin-bottom:20px;margin-bottom-letter-spacing:0;font-size:2.3em}@media (min-width:768px){ header.masthead .intro-text h1{ color:#fff}}@media (min-width:992px){ header.masthead .intro-text h1{ margin-bottom:85px;font-size:3.5em}}header.masthead .intro-text .intro-heading{ display:none;font-size:1.5em;line-height:50px;margin-bottom:25px;font-family:IdealSansSemibold,sans-serif;font-weight:600}@media (min-width:992px){ header.masthead .intro-text .intro-heading{ display:inline-block;font-size:1.5em;line-height:1;margin-bottom:10px;font-family:IdealSansSemibold,sans-serif;font-weight:600}}header.masthead .intro-text .intro-subheading{ display:none}@media (min-width:992px){ header.masthead .intro-text .intro-subheading{ display:block;font-size:1.375em;line-height:35px;margin-bottom:27px;font-family:IdealSansBook,sans-serif;font-weight:400}}@media (min-width:992px){ header.masthead .intro-text .intro-subheading::after{ content:"";display:block;width:40px;height:2px;margin:25px 0;background-color:#fff}}header.masthead .intro-text .intro-subheading-mobile{ font-size:1.375em;line-height:1.25;margin-bottom:40px;font-family:IdealSansBook,sans-serif;font-weight:400}@media (min-width:992px){ header.masthead .intro-text .intro-subheading-mobile{ display:none}}header.masthead .intro-text .btn{ -webkit-box-shadow:0 0 35px 0 rgba(0,2,7,.28);-moz-box-shadow:0 0 35px 0 rgba(0,2,7,.28);box-shadow:0 0 35px 0 rgba(0,2,7,.28)}.services{ padding-bottom:0}.services h2{ color:#333}</style>  <script>(function(w,d,s,l,i){ w[l]=w[l]||[];w[l].push({ 'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M7MXT4WV');</script>   <link rel="stylesheet" href="/css/cookieconsent.css">  <link href="/img/favicon/favicon.ico?v=1.2.7.3" rel="shortcut icon" type="image/x-icon">  <script src="https://cdn.jsdelivr.net/gh/virae/we-stand-with-ukraine@v1.0.2/badge.js" url="https://standforukraine.com" position="left" async></script> </head> <body id="page-top">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M7MXT4WV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <nav class="navbar navbar-expand-lg navbar-dark fixed-top hp" id="mainNav"> <div class="container"> <a class="navbar-brand text-uppercase js-scroll-trigger" href="/#page-top">Tomáš Kořínek</a> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu</button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="/#services">Services</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="/#experience">Experience</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="/#prices">Prices</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="/#contact">Contact</a> </li> <li class="nav-item"> <a class="nav-link separated" href="https://tomaskorinek.cz"><span>Czech</span></a> </li> <li class="nav-item"> <a class="nav-link linkedin" aria-label="LinkedIn" href="https://www.linkedin.com/in/korinekt/" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" fill="#ffffff" width="32px" height="32px"> <g id="surface1" fill="#ffffff"> <path style=" " d="M 7.5 5 C 6.132813 5 5 6.132813 5 7.5 L 5 24.5 C 5 25.867188 6.132813 27 7.5 27 L 24.5 27 C 25.867188 27 27 25.867188 27 24.5 L 27 7.5 C 27 6.132813 25.867188 5 24.5 5 Z M 7.5 7 L 24.5 7 C 24.785156 7 25 7.214844 25 7.5 L 25 24.5 C 25 24.785156 24.785156 25 24.5 25 L 7.5 25 C 7.214844 25 7 24.785156 7 24.5 L 7 7.5 C 7 7.214844 7.214844 7 7.5 7 Z M 10.4375 8.71875 C 9.488281 8.71875 8.71875 9.488281 8.71875 10.4375 C 8.71875 11.386719 9.488281 12.15625 10.4375 12.15625 C 11.386719 12.15625 12.15625 11.386719 12.15625 10.4375 C 12.15625 9.488281 11.386719 8.71875 10.4375 8.71875 Z M 19.46875 13.28125 C 18.035156 13.28125 17.082031 14.066406 16.6875 14.8125 L 16.625 14.8125 L 16.625 13.5 L 13.8125 13.5 L 13.8125 23 L 16.75 23 L 16.75 18.3125 C 16.75 17.074219 16.996094 15.875 18.53125 15.875 C 20.042969 15.875 20.0625 17.273438 20.0625 18.375 L 20.0625 23 L 23 23 L 23 17.78125 C 23 15.226563 22.457031 13.28125 19.46875 13.28125 Z M 9 13.5 L 9 23 L 11.96875 23 L 11.96875 13.5 Z " fill="#ffffff"></path> </g> </svg> </a> </li> </ul> </div> </div> </nav>  <header class="masthead en"> <div class="container"> <div class="profile"> <picture> <source type="image/webp" srcset=" /img/about/tomas-korinek-circle-210.webp 210w, /img/about/tomas-korinek-circle-300.webp 300w, /img/about/tomas-korinek-circle-420.webp 420w, /img/about/tomas-korinek-circle-600.webp 600w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/about/tomas-korinek-circle-600.jpg" srcset=" /img/about/tomas-korinek-circle-210.jpg 210w, /img/about/tomas-korinek-circle-300.jpg 300w, /img/about/tomas-korinek-circle-420.jpg 420w, /img/about/tomas-korinek-circle-600.jpg 600w" sizes=" (min-width: 576px) 300px, 210px" width="210" height="210" alt="Tomáš Kořínek"> </picture> </div> <div class="intro-text"> <div class="intro-heading">Tomáš Kořínek</div> <div class="intro-subheading">I am coder, programmer, web consultant and…</div> <h1>Happy web developer</h1> <div class="intro-subheading-mobile"><span class="display-block-up-md">I am coder, programmer </span><span class="display-block-up-md">and web consultant</span></div> <a class="btn btn-secondary js-scroll-trigger" href="#services">Tell me more!</a> </div> </div> </header>  <section id="services" class="services"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2 class="section-heading">How I can help you</h2> <p class="section-perex"><span class="display-block-sm">Web technologies are a piece of cake for me. </span><span class="display-block-sm">If you need a website or consultancy, I am here for you.</span></p> </div> </div> </div> <div class="service-item item-1"> <div class="container"> <div class="row"> <div class="col-md-5"> <h3>Brand new websites</h3> <p>I can build your new online presentation from scratch. We will go through the complete process from the initial meeting, through the design and programming to the final launch.</p> <p>As a result, you will have a modern, quick and safe website you will love using and your customers will love returning to.</p> <a href="#contact" class="btn btn-primary js-scroll-trigger">Get a new website!</a> </div> </div> </div> </div> <div class="service-item item-2"> <div class="container"> <div class="row"> <div class="col-md-5 offset-md-7"> <h3>Website upgrade</h3> <p>Does your web presentation look outdated? Is it not suitable for your needs or perhaps not easy to find? All of these issues can be fixed!</p> <p>I can add new functionalities to your existing website, do the SEO optimization or simply give it a re-design.</p> <a href="#contact" class="btn btn-primary js-scroll-trigger">I am interested!</a> </div> </div> </div> </div> <div class="service-item item-3"> <div class="container"> <div class="row"> <div class="col-md-5"> <h3>Consultancy</h3> <p>The Internet environment keeps changing and unless you follow it actively, you can easily lose track of what is going on. If you feel sort of lost in the online world, I can help you find your way.</p> <p>I will prepare a tailor-made consultancy workshop where I can share my long-term experience and address those things that will help your project progress continuously.</p> <a href="#contact" class="btn btn-primary js-scroll-trigger">Let's talk</a> </div> </div> </div> </div> </section>  <section id="experience" class="reasons"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2 class="section-heading">Why me?</h2> <p class="section-perex"><span class="display-block-sm">Meeting your expectations is my priority. </span><span class="display-block-sm">I offer not only excellent results, but also warm and clear communication.</span></p> </div> </div> <div class="row text-center reason-items"> <div class="col-lg-3 col-md-6 reason-item item-1"> <span class="icon-placeholder"></span> <h3 class="service-heading">Individual approach</h3> <p class="">I believe in openness, fairness and good relationships with my customers. You can always expect a friendly and professional approach.</p> </div> <div class="col-lg-3 col-md-6 reason-item item-2"> <span class="icon-placeholder"></span> <h3 class="service-heading">19+ years in business</h3> <p class="">I have extensive experience and I follow current trends. I can find the perfect and long-life technical solution for your project.</p> </div> <div class="col-lg-3 col-md-6 reason-item item-3"> <span class="icon-placeholder"></span> <h3 class="service-heading">170+ projects done</h3> <p class="">I am a perfectionist and I enjoy my work more and more. I can’t wait to set about your website and fine-tune its every little detail.</p> </div> <div class="col-lg-3 col-md-6 reason-item item-4"> <span class="icon-placeholder"></span> <h3 class="service-heading">More than a page</h3> <p class="">Besides creating websites, I am also into related areas such as social networks and SEO. We will use them to get the most of your website.</p> </div> </div> </div> </section>  <section id="portfolio" class="portfolio"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2 class="section-heading">Portfolio</h2> <p class="section-perex"><span class="display-block-sm">Look at some of the websites I programmed. </span><span class="display-block-sm">I help all my projects to continue to grow and I will happily support yours as well.</span></p> </div> </div> <div class="row"> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://cesko-nemecka-novinarska-cena.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-cnnc2023.webp 370w, /img/portfolio/portfolio-cnnc2023@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-cnnc2023@2x.jpg" srcset=" /img/portfolio/portfolio-cnnc2023.jpg 370w, /img/portfolio/portfolio-cnnc2023@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Česko-německá novinářská cena"> </picture> <div class="portfolio-caption"> <h3>Česko-německá novinářská cena</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://edutica.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-edutica.webp 370w, /img/portfolio/portfolio-edutica@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-edutica@2x.jpg" srcset=" /img/portfolio/portfolio-edutica.jpg 370w, /img/portfolio/portfolio-edutica@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Edutica"> </picture> <div class="portfolio-caption"> <h3>Edutica</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://www.iliteratura.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-iliteratura.webp 370w, /img/portfolio/portfolio-iliteratura@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-iliteratura@2x.jpg" srcset=" /img/portfolio/portfolio-iliteratura.jpg 370w, /img/portfolio/portfolio-iliteratura@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website iLiteratura"> </picture> <div class="portfolio-caption"> <h3>iLiteratura</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://www.fondbudoucnosti.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-fond.webp 370w, /img/portfolio/portfolio-fond@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-fond@2x.jpg" srcset=" /img/portfolio/portfolio-fond.jpg 370w, /img/portfolio/portfolio-fond@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Fond budoucnosti"> </picture> <div class="portfolio-caption"> <h3>Fond budoucnosti</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://revueprostor.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-prostor.webp 370w, /img/portfolio/portfolio-prostor@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-prostor@2x.jpg" srcset=" /img/portfolio/portfolio-prostor.jpg 370w, /img/portfolio/portfolio-prostor@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website revue Prostor"> </picture> <div class="portfolio-caption"> <h3>revue Prostor</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://skolapsychologie.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-skolapsychologie.webp 370w, /img/portfolio/portfolio-skolapsychologie@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-skolapsychologie@2x.jpg" srcset=" /img/portfolio/portfolio-skolapsychologie.jpg 370w, /img/portfolio/portfolio-skolapsychologie@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Škola psychologie"> </picture> <div class="portfolio-caption"> <h3>Škola psychologie</h3> </div> </a> </div> <a href="#" class="btn btn-primary show-more-works">Show more works</a> <div class="hidden-items"> <div class="inner-row"> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://homesharing.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-homesharing.webp 370w, /img/portfolio/portfolio-homesharing@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-homesharing@2x.jpg" srcset=" /img/portfolio/portfolio-homesharing.jpg 370w, /img/portfolio/portfolio-homesharing@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Homesharing"> </picture> <div class="portfolio-caption"> <h3>Homesharing</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://easyrechtssicher.de/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-easyr.webp 370w, /img/portfolio/portfolio-easyr@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-easyr@2x.jpg" srcset=" /img/portfolio/portfolio-easyr.jpg 370w, /img/portfolio/portfolio-easyr@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website easyRechtssicher"> </picture> <div class="portfolio-caption"> <h3>easyRechtssicher</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://petramaxova.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-maxova.webp 370w, /img/portfolio/portfolio-maxova@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-maxova@2x.jpg" srcset=" /img/portfolio/portfolio-maxova.jpg 370w, /img/portfolio/portfolio-maxova@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Petra Laura Maxová"> </picture> <div class="portfolio-caption"> <h3>Petra Laura Maxová</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://petrkacena.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-kacena.webp 370w, /img/portfolio/portfolio-kacena@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-kacena@2x.jpg" srcset=" /img/portfolio/portfolio-kacena.jpg 370w, /img/portfolio/portfolio-kacena@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Petr Kačena"> </picture> <div class="portfolio-caption"> <h3>Petr Kačena</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://hezkey.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-hezkey.webp 370w, /img/portfolio/portfolio-hezkey@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-hezkey@2x.jpg" srcset=" /img/portfolio/portfolio-hezkey.jpg 370w, /img/portfolio/portfolio-hezkey@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Hezkey"> </picture> <div class="portfolio-caption"> <h3>Hezkey</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://www.penzion-krabicka.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-krabicka.webp 370w, /img/portfolio/portfolio-krabicka@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-krabicka@2x.jpg" srcset=" /img/portfolio/portfolio-krabicka.jpg 370w, /img/portfolio/portfolio-krabicka@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Penzion Krabička"> </picture> <div class="portfolio-caption"> <h3>Penzion Krabička</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://restorativni-justice.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-justice.webp 370w, /img/portfolio/portfolio-justice@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-justice@2x.jpg" srcset=" /img/portfolio/portfolio-justice.jpg 370w, /img/portfolio/portfolio-justice@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Restorativní justice"> </picture> <div class="portfolio-caption"> <h3>Restorativní justice</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://jobstars.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-jobstars.webp 370w, /img/portfolio/portfolio-jobstars@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-jobstars@2x.jpg" srcset=" /img/portfolio/portfolio-jobstars.jpg 370w, /img/portfolio/portfolio-jobstars@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Jobstars"> </picture> <div class="portfolio-caption"> <h3>Jobstars</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://www.psivino.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-psivino.webp 370w, /img/portfolio/portfolio-psivino@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-psivino@2x.jpg" srcset=" /img/portfolio/portfolio-psivino.jpg 370w, /img/portfolio/portfolio-psivino@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Psí víno"> </picture> <div class="portfolio-caption"> <h3>Psí víno</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://stopypameti.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-stopypameti.webp 370w, /img/portfolio/portfolio-stopypameti@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-stopypameti@2x.jpg" srcset=" /img/portfolio/portfolio-stopypameti.jpg 370w, /img/portfolio/portfolio-stopypameti@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Stopy paměti"> </picture> <div class="portfolio-caption"> <h3>Stopy paměti</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://jsmetrans.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-jsmetrans.webp 370w, /img/portfolio/portfolio-jsmetrans@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-jsmetrans@2x.jpg" srcset=" /img/portfolio/portfolio-jsmetrans.jpg 370w, /img/portfolio/portfolio-jsmetrans@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website #JsmeTrans"> </picture> <div class="portfolio-caption"> <h3>#JsmeTrans</h3> </div> </a> </div> <div class="col-md-4 col-sm-6 portfolio-item"> <a href="https://containall.cz/" target="_blank" rel="noopener"> <picture> <source type="image/webp" srcset=" /img/portfolio/portfolio-containall.webp 370w, /img/portfolio/portfolio-containall@2x.webp 740w" sizes=" (min-width: 576px) 370px, 100%"> <img src="/img/portfolio/portfolio-containall@2x.jpg" srcset=" /img/portfolio/portfolio-containall.jpg 370w, /img/portfolio/portfolio-containall@2x.jpg 740w" sizes=" (min-width: 576px) 370px, 100%" width="370" height="208" loading="lazy" alt="Screenshot of website Containall"> </picture> <div class="portfolio-caption"> <h3>Containall</h3> </div> </a> </div> </div> </div> </div> </div> </section>   <section id="prices" class="prices"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2 class="section-heading">Prices</h2> <p class="section-perex"><span class="display-block-sm">Every website is different and so is the effort needed for making it. </span><span class="display-block-sm">The price list below states guide prices; the final price will be stated after we confirm the scope of work.</span></p> </div> </div> <div class="row text-center"> <div class="col-lg-3 col-md-6 price-item"> <div class="inner-wrapper"> <h3 class="service-heading text-uppercase">Custom website</h3> <p class="service-text">We will work together to create a sophisticated website with advanced functionalities, such as reservation system or an admin section for simple content management.</p> <p class="price">from 2400 EUR</p> </div> </div> <div class="col-lg-3 col-md-6 price-item"> <div class="inner-wrapper"> <h3 class="service-heading text-uppercase">Basic website</h3> <p class="service-text">We will work together to create a simple online presentation of your services or business, for example a personal or company portfolio with a maximum of 5 subpages.</p> <p class="price">from 1400 EUR</p> </div> </div> <div class="col-lg-3 col-md-6 price-item"> <div class="inner-wrapper"> <h3 class="service-heading text-uppercase">Upgrade</h3> <p class="service-text">We will explore design or functionality changes of your website. This can include adding a new subpage with a form or a complete graphic design makeover.</p> <p class="price">60 EUR per hour</p> </div> </div> <div class="col-lg-3 col-md-6 price-item"> <div class="inner-wrapper"> <h3 class="service-heading text-uppercase">Consultancy</h3> <p class="service-text">An opportunity to discuss all your curious questions about IT. We can talk about various online services or using social networks for your business.</p> <p class="price">Individual</p> </div> </div> </div> </div> </section>  <section id="contact" class="contact"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2 class="section-heading">Contact</h2> <p class="section-perex smaller-bottom-margin"><span class="display-block-sm">This is where our partnership can start. </span><span class="display-block-sm">Send me an e-mail, give me a call or use the <a href="#contact-form" class="js-scroll-trigger">contact form</a> below.</span></p> </div> </div> <div class="row"> <div class="col-lg-12 text-center"> <p class="main-contact"><span class="main-contact-label">E-mail: </span><a href="mailto:web@tomaskorinek.com">web@tomaskorinek.com</a></p> <p class="main-contact"><span class="main-contact-label">WhatsApp: </span><a href="tel:+420777659821">+420 777 659 821</a></p> <div class="socials"> <a href="https://www.linkedin.com/in/korinekt/" aria-label="LinkedIn" class="social-icon linkedin" target="_blank" rel="noopener"></a> <a href="https://wa.me/+420777659821" aria-label="WhatsApp" class="social-icon whatsapp" target="_blank" rel="noopener"></a> <a href="https://www.facebook.com/happywebdeveloper/" aria-label="Facebook" class="social-icon facebook" target="_blank" rel="noopener"></a> </div> </div> </div> <div id="snippet--contact"> <div class="row" id="contact-form"> <div class="col-lg-12 text-center"> <form action="/" method="post" id="frm-contactForm" class="ajax"> <div class="row"> <div class="col-md-6 offset-md-3"> <div class="form-group"> <input type="email" name="email" placeholder="Your e-mail: *" id="frm-contactForm-email" required data-nette-rules='[{"op":":filled","msg":"Please fill in your e-mail address."},{"op":":email","msg":"Please enter a valid e-mail address."}]' class="form-control"> </div> <div class="form-group"> <textarea name="message" placeholder="Message…" id="frm-contactForm-message" class="form-control"></textarea> </div> <div class="col-12"> <div name="spamControl" id="frm-contactForm-spamControl"><div id="frm-contactForm-fields"><input type="text" name="spamControl-url"><input type="text" name="spamControl-email"><input type="checkbox" name="spamControl-rules"><script>document.getElementById('frm-contactForm-fields').style.display = 'none';</script></div><div id="frm-contactForm-question"><label style="display:block" for="frm-contactForm-question-input">Kolik je 5 - 1?</label><input type="text" required id="frm-contactForm-question-input" name="spamControl-question-input"><script>document.getElementById('frm-contactForm-question').style.display = 'none'; document.getElementById('frm-contactForm-question-input').value = 4;</script></div></div> </div> <input type="submit" name="_submit" value="Send" class="btn btn-primary btn-xl text-uppercase"> </div> </div> <input type="hidden" name="_do" value="contactForm-submit"> </form> </div> </div> </div> </section>  <footer> <div class="container"> <div class="row"> <span>© 2018-25 Tomáš Kořínek</span> <span><a href="/billing-information">Billing information</a></span> <span>Czech data box: edv8w2b</span> <span><a href="#" data-cc="c-settings">Cookie Settings</a></span> </div> </div> </footer> </body> <link href="/css/app.css?v=1.2.7.3" rel="stylesheet"> <script src="/js/app.js?v=1.2.7.3"></script> <script type="text/javascript"> naja.initialize(); </script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('consent', 'default', { 'cc_technical': 'granted', 'cc_analytics': 'denied', 'cc_targeting': 'denied', }); </script> <script type="text/plain" data-cookiecategory="cc_analytics"> gtag('consent', 'update', { 'cc_analytics': 'granted' }); window.dataLayer.push({'event': 'cc_analytics'}); </script> <script type="text/plain" data-cookiecategory="cc_targeting"> gtag('consent', 'update', { 'cc_targeting': 'granted' }); window.dataLayer.push({'event': 'cc_targeting'}); </script> </html>

CINXE.COM

Tomáš Kořínek 🤠💻 – Happy web developer