Blog_PHP/services/index.php
2024-10-21 18:09:16 +02:00

230 lines
11 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="cs">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<script
crossorigin="anonymous"
src="https://kit.fontawesome.com/0a43c6cd1f.js"
></script>
<meta charset="UTF-8">
<meta name="description" content="IT služby Lukáše Kaňky">
<meta name="keywords" content="Linux, ArchLinux, EndeavourOS, Open Source, OSCloud">
<meta name="author" content="Lukáš Kaňka">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="img/600px-Arch-linux-logo-691350772.png">
<script defer src="https://analytics.oscloud.cz/script.js" data-website-id="66d8b702-e220-4828-a10f-b40dcc429d2c"></script>
<title>Lukáš Kaňka - IT služby</title>
</head>
<div>
<!-- Navigace -->
<nav>
<ul class="navigation" id="navigation">
<li><a href="#about">O mně</a></li>
<li><a href="#what-we-do"> služby </a></li>
<li><a href="#trips">Stačí si vybrat</a></li>
<!-- <li><a href="#where">Where To Go</a></li>-->
<!-- <li><a href="#reviews">Reviews</a></li>-->
</ul>
<img class="icon" src="icons/PngItem_1608357.png" alt="#">
</nav>
<!-- Hero section -->
<header class="hero-section ">
<div class="hero-text-wrapper">
<h1 class="hero-text">
Lukáš Kaňka <br>
IT služby pro Vás</h1>
</div>
</header>
<!-- About Us -->
<div class="content">
<section class="about-section" id="about">
<div class="about-section-wrapper">
<div class="about-text">
<h2 class="h2-about">O mně</h2>
<p class="about-text-p">Jsem IT nadšenec s pozitivním přístupem k životu a vášní pro
technologie, ve kterých se neustále vzdělávám. Absolvoval jsem kurz
testingu a SQL v Acamaru, další kurz byl web developer u společnosti Engeto. Pracoval jsem na pozici testera ve společnosti Uniprog a nyní pracuji ve společnosti Kyndryl na projektu České Spořitelny pro platformu SMART.
</p>
<p>
Nabízím služby v obkasti IT se zaměřením na open-source a Linux. Své služby nabízím po celé Praze, Jablonci
nad Nisou a online. Ceny startují na <strong>150/1hod</strong>.
Služby nabízím jednotlivcům tak i spolkům či školám adt. Faktura je samořejmostí.
</p>
</div>
<div class="about-img"><img class="about-img content-container"
src="img/IMG_4835.JPG" alt="#">
</div>
</div>
</section>
<!-- What We Do -->
<section class="what-section" id="what-we-do">
<div class="what-section-wrapper">
<div class="what-text">
<h2 class="h2-what-we">Nabízím tyto služby</h2>
<p class="what-text-p">
<ul class="dot">
<li>Instalace Linuxu.</li>
<li>Pomůžu vám najít vhodnou Linuxovou distribuci přímo pro Vás. Nejoblíbenější distribuce jsou Ubuntu,
Fedora, Manjaro či Zendalona pro zrakově postižené.
</li>
<li>Naučím vás práci v Linuxu, seznámím s Terminálem a OpenSource.</li>
<li>Nastavím v Linuxu váš nový SSD disk.</li>
<li>Seznámím vás s programy pro Linux které jsou alternativou pro programy Windows.</li>
<li>Vybereme a přispůsobíme vám prostředí v Linuxu.</li>
<li>Rychlá podpora pokud si nebudete vědět rady.</li>
<li>Tvorba on-Line vizitek - zajistím doménu i hosting, pomohu s návrhem vizitky. Základní vizitky
děláme v HTML a CSS, složitější v Wordpressu.
</li>
<li>Tvorba webů pro restaurace - tyto weby tvoříme v Wordpresu s jednoduchou administrací kde si můžete
jidelní lístky jednoduše spravovat.
</li>
</ul>
</p>
</div>
<ul class="icon-what-section">
<li>
<!-- <img class="img-icons" src="icons/hiking-white.png " alt="#"><br>-->
<p class="icon-text">Instalace Linuxu</p>
</li>
<li>
<!-- <img class="img-icons" src="icons/cycle-white.png" alt="#">-->
<p class="icon-text">Práce s Linuxem a Open Source aplikacemi</p>
</li>
<li>
<!-- <img class="img-icons" src="icons/water-white.png" alt="#">-->
<p class="icon-text">Tvorba vizitek a menších webů</p>
</li>
<li>
<!-- <img class="img-icons" src="icons/car-white.png" alt="#">-->
<p class="icon-text">Poradenství a administrace</p>
</li>
</ul>
</div>
</section>
<!-- Our Trips -->
<section class="trips-section">
<div class="trips-section-wrapper">
<div class="images-trips-1 images-item "></div>
<div class="images-trips-2 images-item "></div>
<div class="images-trips-3 images-item "></div>
<div class="images-trips-4 images-item "></div>
<div class="text-trips images-item" id="trips">Stačí si vybrat</div>
<div class="images-trips-5 images-item "></div>
<div class="images-trips-6 images-item "></div>
<div class="images-trips-7 images-item "></div>
<div class="images-trips-8 images-item "></div>
</div>
</section>
<!-- Where togo -->
<section class="where-section" id="where">
<div class="where-section-wrapper">
<div class="where-text">
<div class="h2-where">
<h2 class="desktop"></h2>
<h2 class="mobile"></h2>
</div>
<div class="where-text-div">
<p class="contact-text">Telefoní číslo: <i class="fas fa-phone"></i> <a href="tel:+725303747"> +420 725 303 747</a></a></p>
<p class="contact-text">E-mail: <i class="fas fa-envelope"></i> <a href="mailto:lukas.kanka@outlook.cz"> Lukáš Kaňka</a></p>
<!-- <div class="contact-button">-->
<!-- <a href="#" class="contact-button-text"></a>-->
<!-- </div>-->
</div>
</div>
</div>
</section>
<!-- &lt;!&ndash; Reviews section &ndash;&gt;-->
<!-- <section class="reviews-section" id="reviews">-->
<!-- <h2 class="h2-reviews">Reviews</h2>-->
<!-- <div class="reviews-text">-->
<!-- <p>Our amazing clients are the reason we exist, and their reactions to our-->
<!-- customized travel experiences-->
<!-- and personalized service keep us smiling all day long. Here is just a sampling of what theyve said:-->
<!-- </p>-->
<!-- </div>-->
<!-- <div class="reviews-card-wrapper">-->
<!-- <div class="reviews-card">-->
<!-- <img src="images/kalen-emsley-kGSapVfg8Kw-unsplash.jpg" alt="#">-->
<!-- <div class="reviews-card-text">-->
<!-- She has booked two major European trips for us in the past year and every aspect has met, and-->
<!-- in-->
<!-- most cases exceeded, our expectations. Best prices, best hotels, best itineraries, and best-->
<!-- cruises, she does it all. But the most important thing is she remembers the little things-->
<!-- that-->
<!-- we would do if we were making the plans ourselves.-->
<!-- <div class="reviews-name">-->
<!-- Bertie Norton-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="reviews-card-1">-->
<!-- <img src="images/jeffrey-keenan-pUhxoSapPFA-unsplash.jpg" alt="#">-->
<!-- <div class="reviews-card-text">-->
<!-- Leigh McAdam has been making my travel arrangements for about 20 years and there is no one-->
<!-- else I would trust to arrange my trips and tours. I've also had great fun on a few of the-->
<!-- group trips she has arranged - Peru & Machu Picchu and a 10-day cruise out of Venice and-->
<!-- diving. It's always an eclectic group of well traveled, interesting people.-->
<!-- <div class="reviews-name">-->
<!-- Frank Kinney-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </section>-->
<!-- &lt;!&ndash; Photo galery &ndash;&gt;-->
<!-- <section class="photo-gallery">-->
<!-- <div class="photo-gallery-wrapper">-->
<!-- <img class="picture-img" src="images/alexey-fedenkov-BaCZYH9RLmQ-unsplash.jpg" alt="picture-1">-->
<!-- <img class="picture-img" src="images/omer-salom-LoijtQXXNhs-unsplash.jpg" alt="picture-2">-->
<!-- <img class="picture-img" src="images/vincentiu-solomon-7MH4ped6_Mo-unsplash.jpg" alt="picture-3">-->
<!-- <img class="picture-img" src="images/daniel-tseng-73lmMKhi2U8-unsplash.jpg" alt="picture-4">-->
<!-- </div>-->
<!-- </section>-->
<!-- Footer -->
<footer class="footer">
<div class="footer-wrapper">
<div class="footer-text">
<!-- <a class="footer-contact" href="#">Contact</a>-->
<div class="footer-text-div">
<p class="footer-text-p">
© 2024 - Lukáš Kaňka. All Rights Reserved.
</p>
</div>
</div>
</div>
</footer>
</div>
</div>
<button id="scrollToTopBtn" onclick="scrollToTop()" title="Go to top">
<i class="fas fa-arrow-up"></i>
</button>
<script src="script.js"></script>
</body>
</html>