From 606f52ae1a9c3b393d70595f33ebcd342904f0d7 Mon Sep 17 00:00:00 2001
From: neddllly <140442440+neddllly@users.noreply.github.com>
Date: Wed, 22 May 2024 19:40:03 +0300
Subject: [PATCH] Delete homepage.html

---
 homepage.html | 414 --------------------------------------------------
 1 file changed, 414 deletions(-)
 delete mode 100644 homepage.html
diff --git a/homepage.html b/homepage.html
deleted file mode 100644
index 056bf23..0000000
--- a/homepage.html
+++ /dev/null
@@ -1,414 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
-      rel="stylesheet"
-    />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
-      integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer"
-    />
-    <link
-      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
-      rel="stylesheet"
-      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
-      crossorigin="anonymous"
-    />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap"
-      rel="stylesheet"
-    />
-    <link rel="stylesheet" href="style.css" />
-    <title>Music - Home page</title>
-  </head>
-  <body>
-    <div class="header-box">
-      <div class="container">
-        <div class="row d-flex justify-content-center">
-          <div class="col d-flex align-items-start justify-content-between">
-            <p class="kanit-extrabold">mussic</p>
-            <div class="btn-listen my-2">Увійти</div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="body-box">
-      <div class="container">
-        <div class="row d-flex justify-content-center">
-          <div
-            class="col  d-flex align-items-center justify-content-between"
-          >
-            <div class="col  my-4">
-              <h1 class="text-center my-4">
-                <b>Відкривайте для себе нову музику щодня</b>
-              </h1>
-              <div class="col-10 m-auto">
-                <p class="text-center my-4">
-                  Плейлисти і музичні альбоми, які відповідають вашим улюбленим
-                  виконавцям і жанрам, які ви віддаєте перевагу.
-                </p>
-              </div>
-              <div
-                class="col  d-flex align-items-center justify-content-center m-auto"
-              >
-                <div class=" ">
-                  <div class="btn-listen my-2">Слухати безкоштовно!</div>
-                  <div class="btn-singup my-2">Зареєструватися</div>
-                </div>
-              </div>
-            </div>
-            <div class="banner-image my-4">
-              <img src=" images/Group 61.png" alt="" />
-            </div>
-          </div>
-        </div>
-        <div class="row d-flex justify-content-center my-4">
-          <div class="col-6 col-xl-6 d-flex justify-content-center my-4">
-            <div class="input-search">
-              <input
-                placeholder="Пошук виконавців, гуртів, треків, подкастів"
-                type="text"
-              />
-              <button type="submit" class="searchButton">
-                <i class="fa-solid fa-magnifying-glass"></i>
-              </button>
-            </div>
-          </div>
-        </div>
-        <div class="container">
-          <div class="row d-flex justify-content-center my-2">
-            <div class="col d-flex justify-content-center my-2">
-              <h5>
-                <b
-                  >Приєднуйтесь до музичного руху і слухайте, що зараз в
-                  тренді!</b
-                >
-              </h5>
-            </div>
-          </div>
-          <div class="row d-flex justify-content-center my-2">
-            <div
-              class="card card-tom m-3 col-12 col-xl-12 col"
-              style="width: 200px"
-            >
-              <img
-                class="card-img-top"
-                style="height: 200px; width: 200px"
-                src=" images/Group 61.png"
-                alt="Card image cap"
-              />
-              <div class="card-body">
-                <p class="card-text"><b> Назва пісні</b></p>
-                <p class="card-text">Виконавець</p>
-              </div>
-            </div>
-            <div
-              class="card card-tom m-3 col-12 col-xl-12 col"
-              style="width: 200px"
-            >
-              <img
-                class="card-img-top"
-                style="height: 200px; width: 200px"
-                src=" images/Group 61.png"
-                alt="Card image cap"
-              />
-              <div class="card-body">
-                <p class="card-text"><b> Назва пісні</b></p>
-                <p class="card-text">Виконавець</p>
-              </div>
-            </div>
-            <div
-              class="card card-tom m-3 col-12 col-xl-12 col"
-              style="width: 200px"
-            >
-              <img
-                class="card-img-top"
-                style="height: 200px; width: 200px"
-                src=" images/Group 61.png"
-                alt="Card image cap"
-              />
-              <div class="card-body">
-                <p class="card-text"><b> Назва пісні</b></p>
-                <p class="card-text">Виконавець</p>
-              </div>
-            </div>
-            <div
-              class="card card-tom m-3 col-12 col-xl-12 col"
-              style="width: 200px"
-            >
-              <img
-                class="card-img-top"
-                style="height: 200px; width: 200px"
-                src=" images/Group 61.png"
-                alt="Card image cap"
-              />
-              <div class="card-body">
-                <p class="card-text"><b> Назва пісні</b></p>
-                <p class="card-text">Виконавець</p>
-              </div>
-            </div>
-            <div
-              class="card card-tom m-3 col-12 col-xl-12 col"
-              style="width: 200px"
-            >
-              <img
-                class="card-img-top"
-                style="height: 200px; width: 200px"
-                src=" images/Group 61.png"
-                alt="Card image cap"
-              />
-              <div class="card-body">
-                <p class="card-text"><b> Назва пісні</b></p>
-                <p class="card-text">Виконавець</p>
-              </div>
-            </div>
-            <div
-              class="card card-tom m-3 col-12 col-xl-12 col"
-              style="width: 200px"
-            >
-              <img
-                class="card-img-top"
-                style="height: 200px; width: 200px"
-                src=" images/Group 61.png"
-                alt="Card image cap"
-              />
-              <div class="card-body">
-                <p class="card-text"><b> Назва пісні</b></p>
-                <p class="card-text">Виконавець</p>
-              </div>
-            </div>
-            <div
-              class="card card-tom m-3 col-12 col-xl-12 col"
-              style="width: 200px"
-            >
-              <img
-                class="card-img-top"
-                style="height: 200px; width: 200px"
-                src=" images/Group 61.png"
-                alt="Card image cap"
-              />
-              <div class="card-body">
-                <p class="card-text"><b> Назва пісні</b></p>
-                <p class="card-text">Виконавець</p>
-              </div>
-            </div>
-            <div
-              class="card card-tom m-3 col-12 col-xl-12 col"
-              style="width: 200px"
-            >
-              <img
-                class="card-img-top"
-                style="height: 200px; width: 200px"
-                src=" images/Group 61.png"
-                alt="Card image cap"
-              />
-              <div class="card-body">
-                <p class="card-text"><b> Назва пісні</b></p>
-                <p class="card-text">Виконавець</p>
-              </div>
-            </div>
-            <div
-              class="card card-tom m-3 col-12 col-xl-12 col"
-              style="width: 200px"
-            >
-              <img
-                class="card-img-top"
-                style="height: 200px; width: 200px"
-                src=" images/Group 61.png"
-                alt="Card image cap"
-              />
-              <div class="card-body">
-                <p class="card-text"><b> Назва пісні</b></p>
-                <p class="card-text">Виконавець</p>
-              </div>
-            </div>
-            <div
-              class="card card-tom m-3 col-12 col-xl-12 col"
-              style="width: 200px"
-            >
-              <img
-                class="card-img-top"
-                style="height: 200px; width: 200px"
-                src=" images/Group 61.png"
-                alt="Card image cap"
-              />
-              <div class="card-body">
-                <p class="card-text"><b> Назва пісні</b></p>
-                <p class="card-text">Виконавець</p>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="container">
-          <div class="row d-flex justify-content-center my-2">
-            <div class="col d-flex justify-content-center my-2">
-              <h5><b>Шукай по жанрам</b></h5>
-            </div>
-          </div>
-          <div class="row d-flex justify-content-center my-2">
-            <div
-              class="card card-tom card-genre card-genre m-3 col-12 col-xl-12 col"
-              style="width: 250px"
-            >
-              <div
-                class="card-body d-flex text-center align-items-center justify-content-between"
-              >
-                <p class="card-text">Виконавець</p>
-                <i class="fa-solid fa-chevron-right"></i>
-              </div>
-            </div>
-            <div
-              class="card card-tom card-genre card-genre m-3 col-12 col-xl-12 col"
-              style="width: 250px"
-            >
-              <div
-                class="card-body d-flex text-center align-items-center justify-content-between"
-              >
-                <p class="card-text">Виконавець</p>
-                <i class="fa-solid fa-chevron-right"></i>
-              </div>
-            </div>
-            <div
-              class="card card-tom card-genre card-genre m-3 col-12 col-xl-12 col"
-              style="width: 250px"
-            >
-              <div
-                class="card-body d-flex text-center align-items-center justify-content-between"
-              >
-                <p class="card-text">Виконавець</p>
-                <i class="fa-solid fa-chevron-right"></i>
-              </div>
-            </div>
-            <div
-              class="card card-tom card-genre card-genre m-3 col-12 col-xl-12 col"
-              style="width: 250px"
-            >
-              <div
-                class="card-body d-flex text-center align-items-center justify-content-between"
-              >
-                <p class="card-text">Виконавець</p>
-                <i class="fa-solid fa-chevron-right"></i>
-              </div>
-            </div>
-            <div
-              class="card card-tom card-genre card-genre m-3 col-12 col-xl-12 col"
-              style="width: 250px"
-            >
-              <div
-                class="card-body d-flex text-center align-items-center justify-content-between"
-              >
-                <p class="card-text">Виконавець</p>
-                <i class="fa-solid fa-chevron-right"></i>
-              </div>
-            </div>
-            <div
-              class="card card-tom card-genre card-genre m-3 col-12 col-xl-12 col"
-              style="width: 250px"
-            >
-              <div
-                class="card-body d-flex text-center align-items-center justify-content-between"
-              >
-                <p class="card-text">Виконавець</p>
-                <i class="fa-solid fa-chevron-right"></i>
-              </div>
-            </div>
-            <div
-              class="card card-tom card-genre card-genre m-3 col-12 col-xl-12 col"
-              style="width: 250px"
-            >
-              <div
-                class="card-body d-flex text-center align-items-center justify-content-between"
-              >
-                <p class="card-text">Виконавець</p>
-                <i class="fa-solid fa-chevron-right"></i>
-              </div>
-            </div>
-            <div
-              class="card card-tom card-genre card-genre m-3 col-12 col-xl-12 col"
-              style="width: 250px"
-            >
-              <div
-                class="card-body d-flex text-center align-items-center justify-content-between"
-              >
-                <p class="card-text">Виконавець</p>
-                <i class="fa-solid fa-chevron-right"></i>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div
-        class="container d-flex justify-content-center align-items-center text-center my-4"
-      >
-        <div class="row my-4">
-          <div class="col col-12 col-xl-12 d-flex my-4 flex-column">
-            <h3><b>Тепер приєднуйтесь.</b></h3>
-            <p>
-              Зберігайте треки, слідкуйте за виконавцями та створюйте плейлисти.
-            </p>
-          </div>
-          <div
-            class="col-9 col-xl-9 d-flex align-items-center justify-content-center m-auto"
-          >
-            <div class="btn-singup m-2 col-xl-4 text-center align-items-center">
-              Зареєструватися
-            </div>
-            <div class="btn-listen m-2 col-xl-4 text-center align-items-center">
-              Увійти
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="footer-box">
-      <div class="container">
-        <div
-          class="row d-flex justify-content-center text-center my-4 py-4 align-items-start"
-        >
-          <div class="col d-flex justify-content-center flex-column">
-            <h5><b>КОМПАНІЯ</b></h5>
-            <p>Про нас</p>
-            <p>Вакансії</p>
-          </div>
-          <div class="col d-flex justify-content-center flex-column">
-            <h5><b>СПІЛЬНОТИ</b></h5>
-            <p>Для виконавців</p>
-            <p>Для розробників</p>
-            <p>Для рекламодавців</p>
-            <p>Для інвесторів</p>
-            <p>Для постачальників</p>
-          </div>
-          <div class="col d-flex justify-content-center flex-column">
-            <h5><b>КОРИСНІ ПОСИЛАННЯ</b></h5>
-            <p>Підтримка</p>
-            <p>Вебпрогравач</p>
-          </div>
-        </div>
-  <div class="row d-flex justify-content-between text-center my-4 py-4 align-items-start">
-  <div class="col d-flex  text-center justify-content-center flex-row">
-    <p>Юридична інформація </p>
-   </div>
-  <div class="col d-flex  text-center justify-content-center flex-row">
-     <p>Центр конфіденційності </p>
-   </div>
-  <div class="col d-flex  text-center justify-content-center flex-row">
-    <p>Політика конфіденційності </p>
- </div>
-       
-          
-        </div>
-      </div>
-    </div>
-  </body>
-</html>
