new blog
This commit is contained in:
BIN
index/services/img/1-4204059220.png
Normal file
BIN
index/services/img/1-4204059220.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 821 KiB |
BIN
index/services/img/600px-Arch-linux-logo-691350772.png
Normal file
BIN
index/services/img/600px-Arch-linux-logo-691350772.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
index/services/img/91488-2048748032.jpg
Normal file
BIN
index/services/img/91488-2048748032.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 180 KiB |
BIN
index/services/img/IMG_4835.JPG
Normal file
BIN
index/services/img/IMG_4835.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 MiB |
BIN
index/services/img/Kali-linux-872298623.jpg
Normal file
BIN
index/services/img/Kali-linux-872298623.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 117 KiB |
BIN
index/services/img/endeavourOS-astronaught-3246654328.jpg
Normal file
BIN
index/services/img/endeavourOS-astronaught-3246654328.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 352 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 178 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 754 KiB |
BIN
index/services/img/wp7596264.jpg
Normal file
BIN
index/services/img/wp7596264.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 143 KiB |
BIN
index/services/img/wp8843183-1041051902.jpg
Normal file
BIN
index/services/img/wp8843183-1041051902.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
224
index/services/index.php
Normal file
224
index/services/index.php
Normal file
@ -0,0 +1,224 @@
|
||||
<!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="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="img/600px-Arch-linux-logo-691350772.png">
|
||||
<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">Mé 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>150kč/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>
|
||||
|
||||
<!-- <!– Reviews section –>-->
|
||||
<!-- <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 they’ve 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>-->
|
||||
|
||||
<!-- <!– Photo galery –>-->
|
||||
<!-- <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>
|
||||
17
index/services/script.js
Normal file
17
index/services/script.js
Normal file
@ -0,0 +1,17 @@
|
||||
window.onscroll = function () {
|
||||
scrollFunction();
|
||||
};
|
||||
|
||||
function scrollFunction() {
|
||||
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
|
||||
document.getElementById("scrollToTopBtn").style.display = "block";
|
||||
} else {
|
||||
document.getElementById("scrollToTopBtn").style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
// Posunout nahoru, když uživatel klikne na tlačítko
|
||||
function scrollToTop() {
|
||||
document.body.scrollTop = 0; // Pro Safari
|
||||
document.documentElement.scrollTop = 0; // Pro ostatní prohlížeče
|
||||
}
|
||||
578
index/services/style.css
Normal file
578
index/services/style.css
Normal file
@ -0,0 +1,578 @@
|
||||
:root {
|
||||
--word-black: #000;
|
||||
--word-white: #fff;
|
||||
--link-one: #efa69d;
|
||||
--link-two: #e9877b;
|
||||
--background-one: #33292a;
|
||||
--background-two: #644b4f;
|
||||
--background-three: #333333;
|
||||
--background-four: #f2f2f2;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
/* Navigace (horní menu) */
|
||||
nav {
|
||||
padding: 10px;
|
||||
background-color: var(--background-one);
|
||||
font-size: 20px;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: var(--word-white);
|
||||
}
|
||||
|
||||
.dot {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.navigation {
|
||||
width: 65%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: auto;
|
||||
height: 22px;
|
||||
display: none;
|
||||
margin-left: auto;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.icon img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.navigation {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
nav a {
|
||||
/*display: none;*/
|
||||
}
|
||||
|
||||
/*.icon {*/
|
||||
/* display: block;*/
|
||||
/*}*/
|
||||
}
|
||||
|
||||
/* Hero - section */
|
||||
.hero-section {
|
||||
height: 80vh;
|
||||
background-image: url(img/wp7596264.jpg);
|
||||
background-size: 70%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.hero-text-wrapper {
|
||||
position: relative;
|
||||
width: 65%;
|
||||
margin: 0 auto;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.hero-text {
|
||||
color: var(--word-white);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 50px;
|
||||
font-size: 80px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.h2-about {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.hero-text-wrapper {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.hero-text {
|
||||
font-size: 35px;
|
||||
height: 80px;
|
||||
margin-bottom: 5px;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
/* About sekce */
|
||||
|
||||
.about-section {
|
||||
margin: 45px 0;
|
||||
}
|
||||
|
||||
.about-section-wrapper {
|
||||
width: 65%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.about-text {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.about-img {
|
||||
flex: 1;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.about-section-wrapper {
|
||||
flex-direction: column;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.about-text {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.about-img {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.about-text-p {
|
||||
padding-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* What We Do */
|
||||
|
||||
.what-section {
|
||||
background-color: var(--background-one);
|
||||
color: var(--word-white);
|
||||
}
|
||||
|
||||
.what-section-wrapper {
|
||||
width: 65%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.what-text {
|
||||
text-align: center;
|
||||
}
|
||||
.h2-what-we {
|
||||
font-size: 38px;
|
||||
text-align: center;
|
||||
padding-top: 45px;
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
|
||||
.where-text {
|
||||
text-align: center;
|
||||
}
|
||||
.icon-what-section {
|
||||
margin-top: 45px;
|
||||
padding: 45px;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.img-icons {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.icon-text {
|
||||
text-align: center;
|
||||
padding-top: 15px;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.what-section-wrapper {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.icon-what-section {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.img-icons {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-top: 20px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.icon-text {
|
||||
padding-top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Our Trips */
|
||||
|
||||
.trips-section {
|
||||
margin-top: 45px;
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
.trips-section-wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 65%;
|
||||
margin: auto;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.images-item {
|
||||
height: 222px;
|
||||
width: 32%;
|
||||
flex-shrink: 1;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.images-trips-1 {
|
||||
background-image: url(img/linux-penguin-and-rainbow-background-imsv6hxt0e8zcl7m-3730406657.jpg);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.images-trips-2 {
|
||||
background-image: url(img/1-4204059220.png);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.images-trips-3 {
|
||||
background-image: url(img/fedora-feat-5b9fe676c9e77c0050ce388c-2333270958.jpg);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.images-trips-4 {
|
||||
background-image: url(img/ubuntu-linux-minimal-4k-on-3840x2160-2398598343.jpg);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.text-trips {
|
||||
background-color: var(--background-four);
|
||||
color: var(--word-black);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.images-trips-5 {
|
||||
background-image: url(img/Kali-linux-872298623.jpg);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.images-trips-6 {
|
||||
background-image: url(img/wp8843183-1041051902.jpg);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.images-trips-7 {
|
||||
background-image: url(img/91488-2048748032.jpg);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.images-trips-8 {
|
||||
background-image: url(img/endeavourOS-astronaught-3246654328.jpg);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.trips-section-wrapper {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.images-item {
|
||||
width: 333px;
|
||||
height: 222px;
|
||||
}
|
||||
|
||||
.text-trips {
|
||||
height: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Where togo */
|
||||
.where-section {
|
||||
background-color: var(--background-two);
|
||||
color: var(--word-white);
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.where-section-wrapper {
|
||||
width: 65%;
|
||||
margin: 0 auto;
|
||||
padding-top: 45px;
|
||||
padding-bottom: 45px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.where-text {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.h2-where {
|
||||
flex: 1;
|
||||
font-size: 25px;
|
||||
width: 272px;
|
||||
height: 114px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.where-text-div {
|
||||
flex: 1;
|
||||
width: 572;
|
||||
height: 201;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.contact-text {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.contact-button {
|
||||
margin-top: 35px;
|
||||
background-color: var(--background-four);
|
||||
width: 133px;
|
||||
height: 43px;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
line-height: 43px;
|
||||
}
|
||||
|
||||
.contact-button-text {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
font-family: Inter;
|
||||
color: var(--word-black);
|
||||
display: block;
|
||||
}
|
||||
.mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.where-section-wrapper {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.where-text {
|
||||
flex-direction: column;
|
||||
}
|
||||
.desktop {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
display: block;
|
||||
font-size: 25px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Reviews section */
|
||||
|
||||
.reviews-section {
|
||||
width: 65%;
|
||||
margin: 0 auto;
|
||||
margin-top: 45px;
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
.h2-reviews {
|
||||
text-align: center;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.reviews-text {
|
||||
width: 332px;
|
||||
height: 159px;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.reviews-card-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
gap: 300px;
|
||||
}
|
||||
|
||||
.reviews-card {
|
||||
width: 378.49px;
|
||||
height: 346px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reviews-card-1 {
|
||||
width: 378.49px;
|
||||
height: 346px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reviews-card img {
|
||||
width: 122.13px;
|
||||
height: 111px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.reviews-card-1 img {
|
||||
width: 122.13px;
|
||||
height: 111px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.reviews-card-text {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.reviews-name {
|
||||
font-weight: 700;
|
||||
padding-top: 50px;
|
||||
height: 19px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.reviews-section {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.reviews-card-wrapper {
|
||||
flex-direction: column;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
gap: 95px;
|
||||
}
|
||||
.reviews-card {
|
||||
width: 324px;
|
||||
}
|
||||
|
||||
.reviews-card-1 {
|
||||
width: 324px;
|
||||
}
|
||||
|
||||
.reviews-text {
|
||||
width: 263px;
|
||||
}
|
||||
|
||||
.h2-reviews {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.reviews-name {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Photo gallery */
|
||||
.photo-gallery {
|
||||
/* display: flex; */
|
||||
/* flex-wrap: wrap; */
|
||||
}
|
||||
.photo-gallery-wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.picture-img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
object-fit: cover;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.photo-gallery-wrapper {
|
||||
flex-direction: column;
|
||||
margin-top: 100px;
|
||||
}
|
||||
.picture-img {
|
||||
max-width: 100%;
|
||||
height: 260px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.footer-wrapper {
|
||||
background-color: var(--background-three);
|
||||
padding: 45px;
|
||||
}
|
||||
|
||||
.footer-text {
|
||||
text-align: center;
|
||||
}
|
||||
.footer-contact {
|
||||
color: var(--link-two);
|
||||
text-decoration: underline;
|
||||
font-weight: 700;
|
||||
}
|
||||
.footer-text-p {
|
||||
padding-top: 20px;
|
||||
text-align: center;
|
||||
color: var(--word-white);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.footer-contact {
|
||||
font-size: 12px;
|
||||
}
|
||||
.footer-text-p {
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Rolovací tlačítko */
|
||||
#scrollToTopBtn {
|
||||
display: none;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
/*butoon přes obsah*/
|
||||
z-index: 99;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
padding: 15px;
|
||||
border-radius: 50%;
|
||||
background-color: transparent;
|
||||
Reference in New Issue
Block a user