diff --git a/index.html b/index.html
new file mode 100644
index 0000000..02a4ac6
--- /dev/null
+++ b/index.html
@@ -0,0 +1,77 @@
+<html lang="ru">
+<head>
+    <meta charset="utf-8">
+    <title>Моя страница</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+   
+     <script  src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script> 
+    <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
+    <link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
+    <link rel="stylesheet" href="./style.css">
+</head>
+<body class="h-100 d-flex flex-column ">
+    <style>
+        body {
+          background-image: url('кар.jpg');
+          background-repeat: no-repeat;
+          background-size: cover;
+        }
+      </style>
+<header>
+    <nav class="navbar navbar-expand-md navbar-dark">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="/" style="color: black;">
+                <i class="fa-solid fa-crown" style="color: black;"> </i>
+                Отель Luxury
+            </a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
+                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="navbar-collapse collapse justify-content-end" id="navbarNav">
+                <div class="navbar-nav">
+                    
+                    <a class="nav-link active" href="./index.html" style="color: black;">Главная</a>
+                    <a class="nav-link" href="./page5.html" style="color: black;">Размещение</a>
+                    <a class="nav-link" href="./page2.html" style="color: black;">Инфраструктура</a>
+                    <a class="nav-link" href="./page3.html" style="color: black;">Отзывы</a>
+                    <a class="nav-link" href="./page3.html" style="color: black;">Забронировать</a>
+                    <a class="nav-link" href="./page7.html" style="color: black;">Вход</a>
+                </div>
+            </div>
+        </div>
+    </nav>
+</header>
+
+<main class="container-fluid p-2"  >
+   
+    
+    
+     
+    <div class="container">
+      
+        <div class="row align-items-center">
+          <div class="col" style="">
+            
+            <h1 style="padding-top: 150px" ><p><b> <i> Спа-отель </i></b> </p></h1>
+            <h2  style="padding-top: 20px; "><p><b> <i>5 звезд</i></b></p></h2>
+           <h4> <p  ><i>Для идеального отдыха</i></p></h4>
+     <i style="padding-top: 50px; " class="fa-solid fa-star" ></i>
+     <i class="fa-solid fa-star"></i>
+     <i class="fa-solid fa-star"></i>
+     <i class="fa-solid fa-star"></i>
+     <i class="fa-solid fa-star"></i>
+          </div>
+        
+    
+     
+ 
+    
+</main>
+<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
+    г. Ульяновск
+</footer>
+
+</script>
+</body>
+</html>
\ No newline at end of file
