nusxa.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Ustalar</title>
    <link rel="icon" href="./icons/Square-Logos-11.webp" />
    <!-- Bootstrap Library -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
      crossorigin="anonymous" />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css" />
    <!-- CSS Style -->
    <link rel="stylesheet" href="/css/style.css" />
    <link rel="stylesheet" href="/css/search.css" />
  </head>
  <body class="p-0 mt-0">
    <div class="main-section">
      <div class="container mt-0 position-relative">
        <header>
          <nav class="border-radius">
            <div
              class="d-flex flex-column flex-md-row align-items-center justify-content-between">
              <!-- mobile nav -->
              <div
                class="w-100 d-flex d-md-none justify-content-between align-items-center">
                <div class="fw-bold fs-2 p-2">Ustalar.uz</div>
                <button class="btn btn-success menu-btn mx-2">
                  menu <i class="bi bi-list"></i>
                </button>
                <button class="btn btn-danger close-btn mx-2 hide">
                  yopish <i class="bi bi-x-circle"></i>
                </button>
              </div>
              <div
                class="d-md-none links text-uppercase navbar-list gap-4 justify-content-center hide">
                <a href="#main" class="link">Asosiy</a> <br />
                <a href="#ustalar" class="link">Ustalar</a> <br />
                <a href="#elon" class="link">E'lon </a> <br />
                <a href="#feedback" class="link">AI </a> <br />
                <a href="#comment" class="link">Fikrlar </a> <br />
                <a href="./pages/info.html" class="link">info</a> <br />
                <div class="d-flex justify-content-between mt-2">
                  <a class="ai-btn mx-1" href="./pages/ai-chat.html">
                    Usta AI
                    <i class="bi bi-stars"></i>
                  </a>
                  <a class="lang-btn m-0" href="./pages/rus.html">
                    Русский <i class="bi bi-translate"></i>
                  </a>
                  <div id="authNav"></div>
                </div>
              </div>
              <!-- /mobile nav -->
              <img
                src="./icons/ustalar_platformasi_logo_v2.svg  "
                class="logo d-none d-md-block"
                alt="" />
              <div
                class="d-none d-md-flex gap-5 px-5 links text-uppercase navbar navbar-expand-lg">
                <a href="#main">Asosiy</a>
                <a href="#ustalar">Ustalar</a>
                <a href="#elon">E'lon </a>
                <a href="#feedback">AI </a>
                <a href="#comment">Fikrlar </a>
                <a href="./pages/info.html" target="_blank">info</a>
              </div>
            </div>
            <!-- second bar -->
            <div class="mt-3">
              <div class="mb-3 h-100 p-0 d-flex justify-content-between">
                <div class="d-inline-block search-bar">
                  <input
                    type="text"
                    class="search-input"
                    placeholder="Usta izlash"
                    aria-label="Recipient’s username" />
                  <button class="search-btn" type="button">Qidirish</button>
                </div>
                <div class="d-none d-md-inline-block authentication">
                  <a class="ai-btn mx-1" href="./pages/ai-chat.html">
                    Usta AI
                    <i class="bi bi-stars"></i>
                  </a>
                  <a class="lang-btn m-0" href="./pages/rus.html">
                    Русский <i class="bi bi-translate"></i>
                  </a>
                </div>
              </div>
            </div>
          </nav>
        </header>
        <main class="border-radius mt-2">
          <section id="main" class="mt-4">
            <div class="intro-section p-5">
              <h1 class="text-white">
                Bizning platformamizda istalgan qurilish mutaxasisini
                topishingiz mumkin.
              </h1>
              <div class="d-flex justify-content-center gap-4 mt-5">
                <a class="btn btn-primary px-5 py-2 fs-3" href="#ustalar">
                  Usta topish
                </a>
                <a class="btn btn-primary px-5 py-2 fs-3" href="#elon">
                  E'lon berish
                </a>
              </div>
            </div>
          </section>
          <section class="mt-5 w-100" id="ustalar">
            <h2 class="title mt-5">Ustalar katalogi</h2>
            <div class="cards row mx-0">
              <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card">
                  <img src="./img/ustalar/usta-1.jpg" alt="Usta 1" />
                  <div class="card-body">
                    <div>Adham Stroy</div>
                    <p><b>Mutaxassislik:</b> Santexnik</p>
                    <p><b>Shahar:</b> Nukus</p>
                    <p><b>Telefon:</b> +998 93 495 04 88</p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card">
                  <img src="./img/ustalar/usta-2.jpg" alt="Usta 2" />
                  <div class="card-body">
                    <div>Salawat</div>
                    <p><b>Mutaxassislik:</b> Eshik o'rnatuvchi</p>
                    <p><b>Shahar:</b> Samarqand</p>
                    <p><b>Telefon:</b> +998 93 614 20 28</p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card">
                  <img src="./img/ustalar/usta-3.jpg" alt="Usta 3" />
                  <div class="card-body">
                    <div>тёплый дом MCHJ</div>
                    <p><b>Mutaxassislik:</b> Quruvchi</p>
                    <p><b>Shahar:</b> Nukus</p>
                    <p><b>Telefon:</b> +998 90 707 29 92</p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card">
                  <img src="./img/ustalar/usta-4.jpg" alt="Usta 4" />
                  <div class="card-body">
                    <div>ISM berkitilgan</div>
                    <p><b>Mutaxassislik:</b> Santexnik</p>
                    <p><b>Shahar:</b> Nukus rayoni</p>
                    <p><b>Telefon:</b> +998 77 016 66 03</p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card">
                  <img src="./img/ustalar/usta-5.jpg" alt="Usta 5" />
                  <div class="card-body">
                    <div>Ism Familiya</div>
                    <p><b>Mutaxassislik:</b> Interyer dizayner</p>
                    <p><b>Shahar:</b> Samarqand</p>
                    <p><b>Telefon:</b> +998913992424</p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card">
                  <img src="./img/ustalar/usta-6.jpg" alt="Usta 6" />
                  <div class="card-body">
                    <div>Bek usta</div>
                    <p><b>Mutaxassislik:</b> Payvandchi</p>
                    <p><b>Shahar:</b> Nukus</p>
                    <p><b>Telefon:</b> +998 99 150 88 84</p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card">
                  <img src="./img/ustalar/usta-7.jpg" alt="Usta 7" />
                  <div class="card-body">
                    <div>Коля</div>
                    <p><b>Mutaxassislik:</b> Eshik o'rnatuvchi</p>
                    <p><b>Shahar:</b> Nukus</p>
                    <p><b>Telefon:</b> +998 91 370 53 57</p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card">
                  <img src="./img/ustalar/usta-8.jpg" alt="Usta 8" />
                  <div class="card-body">
                    <div>Бахыт</div>
                    <p><b>Mutaxassislik:</b> КВАРТИРА РЕМОНТ</p>
                    <p><b>Shahar:</b>Nukus</p>
                    <p><b>Telefon:</b> +998 90 703 88 55</p>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <!-- E'LON -->
          <section id="elon">
            <div class="row mx-0">
              <div class="col-12">
                <h2 class="title mt-5">E'lon berish</h2>
              </div>
              <div
                class="col-12 col-md-6 order-2 d-flex flex-column justify-content-center p-5 gap-3 elon-form mt-5">
                <form action="#" id="myForm">
                  <div class="d-flex flex-column">
                    <label for="name" class="text-white fs-5"
                      >Rasm yuklang
                      <span class="text-danger fw-bold">*</span></label
                    >
                    <input
                      type="file"
                      class="name-input"
                      id="cardImg"
                      name="cardImg"
                      placeholder="Yokida MCHJ nomi" />
                  </div>
                  <div class="d-flex flex-column">
                    <label for="name" class="text-white fs-5"
                      >Ism familyangiz
                      <span class="text-danger fw-bold">*</span></label
                    >
                    <input
                      type="text"
                      class="name-input"
                      id="fullName"
                      name="fullName"
                      placeholder="Yokida MCHJ nomi" />
                  </div>
                  <div class="d-flex flex-column">
                    <label for="name" class="text-white fs-5"
                      >Telefon raqamingiz:
                      <span class="text-danger fw-bold">*</span></label
                    >
                    <input
                      type="tel"
                      class="name-input"
                      id="phoneNumber"
                      name="phoneNumber"
                      placeholder="Masalan: +998 99 946 15 51" />
                  </div>
                  <select name="jobs" id="jobs" class="custom-select bg-select">
                    <option value="0">Mutaxassislikni tanlang</option>
                    <option value="Arxitektor">Arxitektor</option>
                    <option value="Elektrik">Elektrik</option>
                    <option value="Quruvchi">Quruvchi</option>
                    <option value="Santexnik">Santexnik</option>
                    <option value="Payvandchi (svarchik)">
                      Payvandchi (svarchik)
                    </option>
                    <option value="Dekorativ suvoq ustasi">
                      Dekorativ suvoq ustasi
                    </option>
                    <option value="Laminat ustasi">Laminat ustasi</option>
                    <option value="Fasad ustasi">Fasad ustasi</option>
                    <option value="Deraza rom o‘rnatuvchi">
                      Deraza rom o‘rnatuvchi
                    </option>
                    <option value="Mebel ustasi">Mebel ustasi</option>
                    <option value="Eshik o‘rnatuvchi">Eshik o‘rnatuvchi</option>
                    <option value="Dizayner (interyer/eksteryer)">
                      Dizayner (interyer/eksteryer)
                    </option>
                  </select>
                  <select
                    name="cities"
                    id="cities"
                    class="custom-select bg-select">
                    <option value="0">Shaharni tanlang</option>
                    <option value="Nukus">Nukus</option>
                    <option value="Urganch">Urganch</option>
                    <option value="Navoiy">Navoiy</option>
                    <option value="Buxoro">Buxoro</option>
                    <option value="Samarqand">Samarqand</option>
                    <option value="Jizzax">Jizzax</option>
                    <option value="Termiz">Termiz</option>
                    <option value="Qarshi">Qarshi</option>
                    <option value="Guliston">Guliston</option>
                    <option value="Farg'ona">Farg'ona</option>
                    <option value="Andijon">Andijon</option>
                    <option value="Nurafshon">Nurafshon</option>
                    <option value="Toshkent Shahri">Toshkent Shahri</option>
                  </select>
                  <button
                    type="submit"
                    class="btn btn-primary mt-3 w-100 fw-bold fs-5">
                    Yaratish
                  </button>
                </form>
              </div>
              <!-- right text -->
              <div
                class="col-12 col-md-6 order-1 p-5 d-flex flex-column justify-content-center align-items-center">
                <h3 class="title">
                  <span class="text-success">Ustamisiz?</span> <br />
                  Unda bu formani to'ldiring va hunaringiz orqali daromadingizni
                  boshlang!.
                </h3>
                <p class="text-success text-center">
                  Platformamiz foydalanuvchilarining 85% i buni foydali deb
                  hisoblaydi
                </p>
              </div>
            </div>
          </section>
          <!-- AI Maslahat -->
          <section id="feedback">
            <div class="row mx-0">
              <div class="col-12 mt-5">
                <h3 class="title">AI xususiyatlari</h3>
                <h4 class="text-center text-primary">
                  <span class="text-success fw-bold">Usta AI</span> -
                  Uyingizning dizayni, qanday quruvchilar kerakligini va xatto
                  kerakli ustalarni tavsiya qiluvchi tezkor AI vositasi
                </h4>
              </div>
              <div
                class="col-12 col-md-6 order-2 d-flex flex-column justify-content-center align-items-center mt-4 feedback-text">
                <h3 class="fs-2 text-center fw-bold text-success">
                  Bu sun'iy intelekt modeli Gemini modeli asosida o'qitilgan va
                  platformamizda muommosiz ishlash uchun integratsiya qilingan.
                </h3>
                <p class="text-white">
                  Usta qidiring, ustalik maslahatlarini oling sizga bu model
                  yordam beradi.
                </p>
              </div>
              <div
                class="col-12 col-md-6 order-1 d-flex flex-column justify-content-center align-items-center mt-4">
                <img src="/icons/robo.png" alt="sss" class="w-50 h-auto" />
                <h3 class="text-white fw-bold text-center">Usta AI</h3>
                <a
                  href="./pages/ai-chat.html"
                  target="_blank"
                  class="btn btn-outline-primary fw-bold w-100"
                  >AI ni ishga tushirish</a
                >
              </div>
            </div>
          </section>
        </main>
      </div>
      <div class="container-fluid p-0">
        <footer class="p-5">
          <h5 class="text-center fw-bold text-secondary fs-3 mb-5">
            Platformamizga tashrif buyurganingiz uchun tashakkur!.
          </h5>
          <div class="row mx-0">
            <div
              class="col-12 col-md-3 text-secondary bg bg-secondary rounded"
              style="height: 100px">
              <img
                src="./icons/ustalar_platformasi_logo_v2.svg"
                alt="s"
                style="width: 300px"
                class="rounded" />
            </div>
            <div class="col-12 col-md-3">
              <h5 class="px-5 text-success">Sayt xaritasi</h5>
              <div
                class="d-flex flex-column gap-3 gap-md-1 px-5 links text-uppercase">
                <a href="#main">Asosiy</a>
                <a href="#ustalar">Ustalar</a>
                <a href="#elon">E'lon </a>
                <a href="#feedback">maslahat olish </a>
                <a href="#comment">Fikrlar </a>
                <a href="./pages/info.html">info</a>
              </div>
            </div>
            <div class="col-12 col-md-3">
              <div class="d-flex flex-column gap-1 px-5 links">
                <h4 class="text-success">Ijtimoiy tarmoqlar</h4>
                <a href="#"
                  ><i class="bi bi-telegram text-primary"></i> Telegram</a
                >
                <a href="#"
                  ><i class="bi bi-instagram text-danger"></i> Instagram
                </a>
                <a href="#"
                  ><i class="bi bi-facebook text-primary"></i> FaceBook</a
                >
              </div>
            </div>
            <div class="col-12 col-md-3 text-secondary">
              <div class="d-flex flex-column gap-1 px-5 links">
                <h5 class="text-success">
                  <i class="bi bi-headset text-primary"></i> Bog'lanish
                </h5>
                <h4>
                  <i class="bi bi-telephone-outbound-fill text-primary"></i>
                  Telefon:
                </h4>
                <h5>+998 90 662 15 87</h5>
                <h5>+998 90 652 98 88</h5>
                <h4>
                  <i class="bi bi-envelope-at-fill text-primary"></i> Email
                </h4>
                <a
                  href="mailto:ahmedovnurbek26042005@gmail.com"
                  class="text-primary"
                  >ustalarplatform@gmail.com</a
                >
              </div>
            </div>
          </div>
          <p class="text-center fs-4 text-secondary mt-4">
            &copy;2026 <span class="text-primary">Ustalar Platformasi</span>.
            Barcha huquqlar himoyalangan!.
          </p>
        </footer>
      </div>
    </div>
    <!-- Modal -->
    <div class="custom-modal hide" tabindex="-1">
      <div class="custom-dialog">
        <div class="modal-content">
          <div class="container">
            <div class="row">
              <div class="col-12 d-flex justify-content-end">
                <button class="close-modal">close</button>
              </div>
              <div class="col-12">
                <div class="text-success fs-3">Natijalar</div>
                <br />
                <div class="results"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
      crossorigin="anonymous"></script>
    <script src="./js/scripts.js"></script>
    <!-- backend uchun node js -->
    <script src="/js/auth.js"></script>
    <script src="./js/search.js"></script>
  </body>
</html>