<?php
require('connection.inc.php');
require('functions.inc.php');
?>

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Lebap telekom  </title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets2/img/favicon.png" rel="icon">
  <link href="assets2/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link
    href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
    rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets2/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets2/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets2/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets2/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets2/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets2/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets2/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets2/css/style.css" rel="stylesheet">

  <!-- =======================================================
  * Template Name: Bootslander
  * Template URL: https://bootstrapmade.com/bootslander-free-bootstrap-landing-page-template/
  * Updated: Mar 17 2024 with Bootstrap v5.3.3
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
  <style>
    .feature-list li {
      margin-bottom: 1rem;
    }

    .feature-list strong {
      display: block;
      font-size: 1.2rem;
      margin-bottom: 0.5rem;
      color: #2df5af;
    }
  </style>
</head>

<body>

  <!-- ======= Header ======= -->
  <header id="header" class="fixed-top d-flex align-items-center header-transparent">
    <div class="container d-flex align-items-center justify-content-between">

      <div class="logo">
        <h1><a href="index.html"><span>Lebap Telekom </span></a></h1>
        <!-- Uncomment below if you prefer to use an image logo -->
        <!-- <a href="index.html"><img src="assets2/img/logo.png" alt="" class="img-fluid"></a>-->
      </div>

      <nav id="navbar" class="navbar">
        <ul>
          <li><a class="nav-link scrollto active" href="home.php">Baş sahypa</a></li>
          <li><a class="nav-link scrollto" href="#about">Biz barada</a></li>
          <li><a class="nav-link scrollto" href="#features">Hyzmatlar</a></li>
          <!--<li><a class="nav-link scrollto" href="#tracking">Sargydyňyzy yzarlaň</a></li>-->
          <li><a class="nav-link scrollto" href="#contact">Habarlaşmak</a></li>
          <li><a class="nav-link scrollto" href="login.php">Ulgama giriň</a></li>

        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav><!-- .navbar -->

    </div>
  </header><!-- End Header -->

  <!-- ======= Hero Section ======= -->
  <section id="hero">

    <div class="container">
      <div class="row justify-content-between">
        <div class="col-lg-7 pt-5 pt-lg-0 order-2 order-lg-1 d-flex align-items-center">
          <div data-aos="zoom-out">
            <h1>Lebap telekom  <br><span>Siziň hyzmatyňyzda</span></h1>
            <h2> Lebap Telekom bilen täzeliklerden habarly bolyň, hyzmatlaryndan peýdalanyň.
            </h2>
            <div class="text-center text-lg-start">
              <!--<a href="#tracking" class="btn-get-started scrollto">Sargydyňyzy yzarlaň</a>-->
            </div>
          </div>
        </div>
        <div class="col-lg-4 order-1 order-lg-2 hero-img" data-aos="zoom-out" data-aos-delay="300">
          <img height="900" src="assets2/img/her-img.jpg" class="img-fluid animated" alt="">
        </div>
      </div>
    </div>

    <svg class="hero-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
      viewBox="0 24 150 28 " preserveAspectRatio="none">
      <defs>
        <path id="wave-path" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z">
      </defs>
      <g class="wave1">
        <use xlink:href="#wave-path" x="50" y="3" fill="rgba(255,255,255, .1)">
      </g>
      <g class="wave2">
        <use xlink:href="#wave-path" x="50" y="0" fill="rgba(255,255,255, .2)">
      </g>
      <g class="wave3">
        <use xlink:href="#wave-path" x="50" y="9" fill="#fff">
      </g>
    </svg>

  </section><!-- End Hero -->

  <main id="main">

    <!-- ======= About Section ======= -->
    <section id="about" class="about">
      <div class="container-fluid">

         <div class="row">
          <div class="col-xl-5 col-lg-6 video-box d-flex justify-content-center align-items-stretch"
            data-aos="fade-right">
          </div>

          <div
            class="col-xl-7 col-lg-6 icon-boxes d-flex flex-column align-items-stretch justify-content-center py-5 px-lg-5"
            data-aos="fade-left">
            <h3>Biz barada</h3>
            <p>Lebap Telekom web sahypasy Lebap welaýatynyň telekommunikasiýa ulgamynyň ösüşinde birinji ädim</p>

            <div class="icon-box" data-aos="zoom-in" data-aos-delay="100">
              <div class="icon"><i class="bx bx-fingerprint"></i></div>
              <h4 class="title"><a href=""> Biziň hyzmatlarymyz </a></h4>
              <p class="description"> Web sahypanyň esasy  sahypasynda  Telekom kärhnasynyň ulanyjylar üçin hödürleýän hyzmatlary barada anyk maglumatlary alyp bilersiňiz.   </p>
            </div>

            <div class="icon-box" data-aos="zoom-in" data-aos-delay="200">
              <div class="icon"><i class="bx bx-gift"></i></div>
              <h4 class="title"><a href="">Biziň çözgütimiz</a></h4>
              <p class="description"> Siziň işiňizi hiç ýere gitmezden online görnüşinde amala aşyrmaga mümkinçilik berers. </p>
            </div>

            <div class="icon-box" data-aos="zoom-in" data-aos-delay="300">
              <div class="icon"><i class="bx bx-atom"></i></div>
              <h4 class="title"><a href="">Biziň wezipämiz</a></h4>
              <p class="description">Size ähli  ulanyjy üçin elýeterli, döwrebap dizaýnly, Lebap Telekom web sahypasy günüň ähli wagtynda  hyzmat eder.</p>
            </div>

          </div>
        </div>

      </div>
    </section><!-- End About Section -->



    <!-- ======= Counts Section ======= -->
    <section id="counts" class="counts">
      <div class="container">

        <div class="row" data-aos="fade-up">

          <div class="col-lg-4 col-md-6">
            <div class="count-box">
              <i class="bi bi-emoji-smile"></i>
              <span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1"
                class="purecounter"></span>
              <p>Müşderiler </p>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 mt-5 mt-lg-0">
            <div class="count-box">
              <i class="bi bi-headset"></i>
              <span data-purecounter-start="0" data-purecounter-end="24" data-purecounter-duration="1"
                class="purecounter"></span>
              <p>Iş sagatlary</p>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 mt-5 mt-lg-0">
            <div class="count-box">
              <i class="bi bi-people"></i>
              <span data-purecounter-start="0" data-purecounter-end="150" data-purecounter-duration="1"
                class="purecounter"></span>
              <p>Işgärler</p>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Counts Section -->

    <!-- ======= Details Section ======= -->
    <section id="details" class="details">
      <div class="container">

        <div class="row content">
          <div class="col-12 pt-4" data-aos="fade-up">
            <div class="row content">
              <div class="col-md-4 order-1 order-md-2" data-aos="fade-left">
                <img src="assets2/img/details-2.png" class="img-fluid" alt="">
              </div>
              <div class="col-md-8 pt-5 order-2 order-md-1" data-aos="fade-up">
                <h3>Ulanyjy Web sahypadan nähili peýdalanmalydygyny Size öwretýäris.</h3>
                <p class="fst-italic">
                  Hormatly ulanyjy! Web sahypada size Telekom kärhanasynyň hödürleýän hyzmatlaryny görmäge mümkinçilik berilýär. Aýdaky Wi-fi hemde Älem TV tölegleriňizi web sahypamyzyň üstü bilep töläp bilersiňiz
                </p>
                <p> Tölegleri tölemek üçin Ulgama giriň bölümine girip ulanyjy adyňyzy agent parolyňyzy:123 görnüşinde girip tölegleriňizi töläp bilersiňiz</p>
              </div>
            </div>

            <div id="features" class="row content">
              <div class="col-md-4" data-aos="fade-right">
                <img src="assets2/img/details-3.png" class="img-fluid" alt="">
              </div>
              <div class="col-md-8 pt-5" data-aos="fade-up">
                <h3>Lebap Telekom hyzmatlary.</h3>
                <ul class="list-group feature-list">
                  <li class="list-group-item">
                    <strong>Aşgabatdaky köpçülik ýerlerinde çäksiz Wi-fi nyrhnamalary</strong>
                    1 sag 5 manat / 3 sagat 10 manat / 1 gün 15 manat  /  7gün  50 manat

                  </li>
                  <li class="list-group-item">
                    <strong>Howa menzilinde Telekom WI-Fi:</strong>
                   1 gün 5 ABŞ dollary
                  </li>
                  <li class="list-group-item">
                    <strong> Älem TV SADA</strong>
                  Bahasy: 10 TMT. 40 dan gowurak kanal. Kino, bilim sport we çagalar. 24/7 tehniki goldaw
                  </li>
                  <li class="list-group-item">
                    <strong>Älem TV VIP</strong>
                   Bahasy 25 TMT. 240 dan gowurak kanal. Kino, bilim sport we çagalar. 24/7 tehniki goldaw 

                  </li>
                </ul>
              </div>
            </div>

          <!--  <div id="tracking" class="row w-100 justify-content-center my-5">
              <!-- Order Tracking Form Div 
              <div class="col-xl-4 col-lg-5 col-md-6 col-sm-8">
                <div class="card border-0">
                  <div class="card-body">
                    <h4 class="text-center mb-3 text-uppercase montserrat-bold">Sargydyňyzy yzarlaň</h4>
                    <p class="mb-3 text-center montserrat">Sargydy yzarlamak üçin jikme-jiklikleriňizi ýazmagyňyzy haýyş edýäris</p>
                    <div class="mb-3">
                      <!-- <label for="orderNumber" class="form-label">Order Number</label> 
                      <input type="text" value="" style="border: solid 1px #000; height: 50px;"
                        class="form-control rounded-1" name="orderNumber" id="tracking_id"
                        placeholder="Sargyt belgisi / iberiş belgisi">
                    </div>
                    <div class="mb-3">
                      <!-- <label for="PhoneNumber" class="form-label">Phone Number</label> 
                      <input type="text" value="" style="border: solid 1px #000; height: 50px;" name="PhoneNumber"
                        class="form-control rounded-1" id="tracking_phone" placeholder="Telefon belgisi">
                    </div>
                    <div class="text-center">
                      <button class="w-100 btn transition-900"
                        style="background-color: rgba(1, 4, 136, 0.9); height: 50px;">
                        <span class="bi bi-geo-alt text-white montserrat-bold"> Gözegçilik tertibi</span>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
    </section>--> <!--End Details Section -->


    <!-- ======= F.A.Q Section ======= -->
    <section id="faq" class="faq section-bg">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>Ý.S.S</h2>
          <p>Internet nyrhnamalary</p>
        </div>

        <div class="faq-list">
          <ul>
            <li data-aos="fade-up">
              <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" class="collapse"
                data-bs-target="#faq-list-1">1Mbit/s <i
                  class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-1" class="collapse show" data-bs-parent=".faq-list">
                <p>
                  150 TMT /aý
                </p>
              </div>
            </li>

            <li data-aos="fade-up" data-aos-delay="100">
              <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-2"
                class="collapsed">2 Mbit/s <i class="bx bx-chevron-down icon-show"></i><i
                  class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-2" class="collapse" data-bs-parent=".faq-list">
                <p>
            180 TMT/aý
                </p>
              </div>
            </li>

            <li data-aos="fade-up" data-aos-delay="200">
              <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-3"
                class="collapsed">4 Mbit/s <i class="bx bx-chevron-down icon-show"></i><i
                  class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-3" class="collapse" data-bs-parent=".faq-list">
                <p>
                 230 TMT/aý
                </p>
              </div>
            </li>

            <li data-aos="fade-up" data-aos-delay="300">
              <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-4"
                class="collapsed">6 Mbit/s <i
                  class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-4" class="collapse" data-bs-parent=".faq-list">
                <p>
                  280 TMT /aý
                </p>
              </div>
            </li>

           <!-- <li data-aos="fade-up" data-aos-delay="400">
              <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-5"
                class="collapsed">Işgärler öz profilini nädip täzeläp bilerler? <i
                  class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-5" class="collapse" data-bs-parent=".faq-list">
                <p>
                  Işgärler profilini täzeläp, işgär portaly arkaly parollary üýtgedip bilerler. Profil täzelenmesi takyklygy we howpsuzlygy üpjün etmek üçin administratoryň tassyklamagyny talap edýär.
                </p>
              </div>
            </li>-->

          </ul>
        </div>

      </div>
    </section><!-- End F.A.Q Section -->


    <!-- ======= Contact Section ======= -->
    <section id="contact" class="contact">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>Habarlaşmak</h2>
          <p>Biz bilen habarlaş</p>
        </div>

        <div class="row">

          <div class="col-lg-4" data-aos="fade-right" data-aos-delay="100">
            <div class="info">
              <div class="address">
                <i class="bi bi-geo-alt"></i>
                <h4>Salgymyz:</h4>
                <p>Lebap welaýaty </p>
              </div>

              <div class="email">
                <i class="bi bi-envelope"></i>
                <h4>Elektron poçtamyz:</h4>
                <p>telekomhyzmaty@gmail.com</p>
              </div>

              <div class="phone">
                <i class="bi bi-phone"></i>
                <h4>Telefon belgimiz:</h4>
                <p>+993 63636391</p>
              </div>

            </div>

          </div>

          <div class="col-lg-8 mt-5 mt-lg-0" data-aos="fade-left" data-aos-delay="200">

           <!-- <form action="forms/contact.php" method="post" role="form" class="php-email-form">
              <div class="row">
                <div class="col-md-6 form-group">


                  <input type="text" name="name" class="form-control" id="name" placeholder="Adyňyz" required>
                </div>
                <div class="col-md-6 form-group mt-3 mt-md-0">
                  <input type="email" class="form-control" name="email" id="email" placeholder="Elektron poçtaňyz" required>
                </div>
              </div>
              <div class="form-group mt-3">
                <input type="text" class="form-control" name="subject" id="subject" placeholder="Mowzuk" required>
              </div>
              <div class="form-group mt-3">
                <textarea class="form-control" name="message" rows="5" placeholder="Habar" required></textarea>
              </div>
              <div class="my-3">
                <div class="loading">Ýüklenýär</div>
                <div class="error-message"></div>
                <div class="sent-message">Habaryňyz iberildi Sag boluň!</div>
              </div>
              <div class="text-center"><button type="submit">Habar ugratmak</button></div>
            </form>

          </div>

        </div>

      </div>
    </section></main><!-- End Contact Section -->

  <!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer">
    <div class="footer-top">
      <div class="container">
        <div class="row">

          <div class="col-lg-2 col-md-6 footer-links">
            <h4>Peýdaly baglanyşyklar</h4>
            <ul>
              <li><i class="bx bx-chevron-right"></i> <a href="#">Biz bilen habarlaşmak isleseň: 071</a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#">Salgymyz Lebap welaýaty </a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#">Giriş adymyz: agent </a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#">Paroly: 123</a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#">Biziň işimiz Siziň ynamyňyz</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="container">
      <div class="copyright">
        &copy;<strong><span></span></strong>. Ähli hukuklar goralandyr
      </div>
      <div class="credits">
        <!-- All the links in the footer should remain intact. -->
        <!-- You can delete the links only if you purchased the pro version. -->
        <!-- Licensing information: https://bootstrapmade.com/license/ -->
        <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/bootslander-free-bootstrap-landing-page-template/ -->
        Döredildi <a href="https://bootstrapmade.com/">Şermetow Döwrangeldi</a>
      </div>
    </div>
  </footer><!-- End Footer -->

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
      class="bi bi-arrow-up-short"></i></a>
  <div id="preloader"></div>

  <!-- Vendor JS Files -->
  <script src="assets2/vendor/purecounter/purecounter_vanilla.js"></script>
  <script src="assets2/vendor/aos/aos.js"></script>
  <script src="assets2/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets2/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets2/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets2/vendor/php-email-form/validate.js"></script>

  <!-- Template Main JS File -->
  <script src="assets2/js/main.js"></script>

</body>

</html>