diff --git a/.idea/indexLayout.xml b/.idea/indexLayout.xml
new file mode 100644
index 0000000..7b08163
--- /dev/null
+++ b/.idea/indexLayout.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="UserContentModel">
+    <attachedFolders />
+    <explicitIncludes />
+    <explicitExcludes />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/index.html b/index.html
index 536cfee..39f7280 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,9 @@
 
     <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"
diff --git a/oscloud.html b/oscloud.html
index e69de29..628d2e3 100644
--- a/oscloud.html
+++ b/oscloud.html
@@ -0,0 +1,223 @@
+<!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>
+                            You’ll 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 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">
+                    <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>
\ No newline at end of file
