add markup

olgarozmetova · olgarozmetova · commit e954b54cb977 · 2025-10-28T23:20:50.000+01:00
diff --git a/README.md b/README.md
@@ -6,3 +6,7 @@
 ### Hexlet tests and linter status:
 
 [![Actions Status](https://github.com/olgarozmetova/frontend-project-11/actions/workflows/hexlet-check.yml/badge.svg)](https://github.com/olgarozmetova/frontend-project-11/actions)
+
+### View a website:
+
+https://frontend-project-11-pi-seven.vercel.app
diff --git a/index.html b/index.html
@@ -1,13 +1,57 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ru">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
+    <title>RSS Reader</title>
   </head>
   <body>
-    <div class="container py-4 px-3 mx-auto">
+    <main class="flex-grow-1">
+      <section class="container-fluid bg-dark p-5">
+        <div class="row">
+          <div class="col-md-10 col-lg-8 mx-auto text-white">
+            <h1 class="display-3 mb-0">RSS агрегатор</h1>
+            <p class="lead">
+              Начните читать RSS сегодня! Это легко, это красиво.
+            </p>
+            <form action="" class="rss-form text-body">
+              <div class="row">
+                <div class="col">
+                  <div class="form-floating">
+                    <input
+                      id="url-input"
+                      autofocus
+                      type="text"
+                      required
+                      name="url"
+                      aria-label="url"
+                      class="form-control w-100"
+                      placeholder="ссылка RSS"
+                      autocomplete="off"
+                    />
+                    <label for="url-input" class="form-label">Ссылка RSS</label>
+                  </div>
+                </div>
+                <div class="col-auto">
+                  <button
+                    type="submit"
+                    aria-label="add"
+                    class="h-100 btn btn-lg btn-primary px-sm-5"
+                  >
+                    Добавить
+                  </button>
+                </div>
+              </div>
+            </form>
+            <p class="mt-2 mb-0 text-secondary">
+              Пример: https://lorem-rss.hexlet.app/feed
+            </p>
+            <p class="feedback m-0 position-absolute small text-danger"></p>
+          </div>
+        </div>
+      </section>
+    </main>
     <script type="module" src="/src/main.js"></script>
   </body>
 </html>
