diff --git a/katebartova/index.html b/katebartova/index.html
index 323a188..21cdb41 100644
--- a/katebartova/index.html
+++ b/katebartova/index.html
@@ -1,40 +1,43 @@
 <!DOCTYPE html>
 <html>
-<head>
-  <title>Ahoj Matousi</title>
-  <meta charset="utf-8">
-  <style>
-    body {
-      font-family: Arial, sans-serif;
-      text-align: center;
-      margin-top: 150px;
-    }
-    h1 {
-      font-size: 36px;
-      color: #333;
-    }
-    p {
-      font-size: 18px;
-      color: #666;
-      margin-top: 20px;
-    }
-    .button {
-      display: inline-block;
-      padding: 10px 20px;
-      background-color: #4CAF50;
-      color: #fff;
-      text-decoration: none;
-      border-radius: 4px;
-      font-size: 16px;
-      margin-top: 30px;
-    }
-  </style>
-</head>
-<body>
-  <h1>Mám ráda sex</h1>
-  <p>Ahoj miláčku.</p>
-  <p>Jsi skvelý v posteli.</p>
-  <p>Záleží mi na tobě</p>
-  <p>Jsem navždy tvá.</p>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Kate's Linux Odyssey: A Journey Through Technology</title>
+    <meta name="viewport" content="width=device-width,
+    initial-scale=1!">
+    <link rel="stylesheet" href="https://cdnjs.
+    cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="style.css">
+  </head>
+  </body> 
+
+
+  <header>
+    <nav class="navbar">
+      <div class="container">
+        <a href="index.html" class="navbar-brand">Kate's Linux Odyssey</a>
+        <div class="navbar-nav">
+          <a href="#">home</a>
+          <a href="#">content</a>
+          <a href="#">blog</a>
+          <a href="#">about me</a>
+        </div>
+      </div>
+    </nav>
+    <div class = "banner">
+       <div class = "container">
+         <h1 class="banner-title">
+           <span>My.</span> Blog
+         </h1>
+         <p> Big journey of a little girl through life and technology</p>
+         <form>
+           <input type= "text" class="search-input" placeholder="Search . . .">
+           <button type ="submit" class = "search-btn">
+             <i class = "fas fa-search"></i>
+           </button>
+         </form>
+       </div>
+  </header>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/katebartova/style.css b/katebartova/style.css
new file mode 100644
index 0000000..45298bb
--- /dev/null
+++ b/katebartova/style.css
@@ -0,0 +1 @@
+ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700;800;900&family=Quicksand:wght@300;400;500;600;700&display=swap');
\ No newline at end of file
