oscloud-web/index.html
2024-09-01 20:42:48 +02:00

225 lines
10 KiB
HTML
Raw 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"> <!-- Icona kontakty -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Váš bezpečný cloud">
<meta name="keywords" content="Cloud, Open Source, NextCloud, OSCloud">
<meta name="author" content="Archos & Kankys">
<link href="img/avatar.png" rel="shortcut icon"/>
<script
crossorigin="anonymous"
src="https://kit.fontawesome.com/0a43c6cd1f.js"
></script> <!-- Icona zobrazení šipky nahoru -->
<title>OScloud</title>
</head>
<div>
<!-- Navigace -->
<nav>
<ul class="navigation" id="navigation">
<li><img class="awatar" src="../img/avatar.png"></img></li>
<li><h2>Váš bezpečný cloud</h2><p>Oscloud je váš bezpečný cloud. Naším cílem je ukázat lidem výhody bezpečného internetu a Open Source technologií.</p></li>
<!-- <li><a href="#trips">Our Trips</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">
<!-- OSCloud <br> Váš bezpečný cloud -->
</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">About Us</h2>
<p class="about-text-p">Leigh McAdam is a Calgary-based writer, photographer and social media
enthusiast with over
48,000
followers. Her blog: HikeBikeTravel is frequently cited as one of the top travel and outdoor
adventure blogs in Canada, and consistently receives over 135,000 monthly page views. She
shares
her enthusiasm for the outdoors as a brand ambassador for Sporting Life, and has worked on
campaigns for Travel Alberta, Expedia and Flight Hub. Leigh is the author of Discover
Canada:
100 Inspiring Outdoor Adventures. Currently, she is co-authoring: 125 Nature Hot Spots in
Alberta (spring 2018). A true adventurer, Leigh will try anything once, except perhaps
bungee
jumping.
</p>
</div>
<div class="about-img"><img class="about-img content-container"
src="images/anneliese-phillips-uv4-vl3liKM-unsplash.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">O nás</h2>
<p class="what-text-p">Oscloud je váš bezpečný cloud. Naším cílem je ukázat lidem výhody bezpečného internetu a Open Source technologií.</p>
<p class="what-text-p">Hostujeme a spravujeme různé Open Source aplikace, které poskytují bezpečné a soukromé alternativy ke komerčním službám.</p>
<p class="what-text-p">Pro více informácí o oScloud <a class="link"href="oscloud.html">klikni zde</a>.</p>
</div>
<ul class="icon-what-section">
<li>
<p class="icon-text">Bezpečnost</p>
</li>
<p class="icon-text">Rychlost</p>
</li>
<li>
<p class="icon-text">Svoboda</p>
</li>
<li>
<p class="icon-text">Stabilita</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">Our Trips</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">Where do you <br> want to go?</h2>
<h2 class="mobile">Where do you want to go?</h2>
</div>
<div class="where-text-div">
<p>
Youll find 21 detailed adventure guides, over a hundred practical travel tips, book reviews
on
anything outdoors related, packing lists on a range of outdoor activities including
kayaking,
backpacking and camping as well as honest hotel and B&B reviews.
</p>
<p class="contact-text">Contact us and we will help you!</p>
<div class="contact-button">
<a href="#" class="contact-button-text">CONTACT US</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 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> -->
<!-- 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">
<p class="footer-contact" >Contact</p>
<p class="contact-text">E-mail: <i class="fas fa-envelope"></i> <a href="mailto:info@oscloud.example"> info@oscloud.example</a></p>
<p class="contact-text">Pro technickou podporu: <i class="fas fa-envelope"></i> <a href="mailto:mailto:podpora@oscloud.example"> podpora@oscloud.example</a></p>
<div class="footer-text-div">
<p class="footer-text-p">
© 2024 - oScloud. 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>