<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-RWZLSV3SML"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', 'G-RWZLSV3SML');
    </script>

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title> URLS - Home</title>
    <meta name="title" Content="URLS - Home">
    <meta name="description" content="URLS is a Saas based URL shortener application that helps you to short URLs.">
    <meta name="keywords" content="shorturl,url-shortener,shorten,tiny-url">
    <link rel="shortcut icon" href="/assets/images/logoIcon/favicon.png" type="image/x-icon">


    <link rel="apple-touch-icon" href="/assets/images/logoIcon/logo.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="URLS - Home">

    <meta itemprop="name" content="URLS - Home">
    <meta itemprop="description" content="">
    <meta itemprop="image" content="https://urls.uz/assets/images/logoIcon/logo.svg">

    <meta property="og:type" content="website">
    <meta property="og:title" content="URLS - SaasS based URL shortener">
    <meta property="og:description" content="URLS helps you to shorten long links.">
    <meta property="og:image" content="https://urls.uz/assets/images/logoIcon/logo.svg"/>
    <meta property="og:image:type" content="image/svg"/>
    <meta property="og:image:width" content="600"/>
    <meta property="og:image:height" content="315"/>
    <meta property="og:url" content="index.html">

    <meta name="twitter:card" content="summary_large_image">


    <link rel="stylesheet" href="/assets/templates/basic/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/assets/templates/basic/css/animate.css"/>
    <link rel="stylesheet" href="/assets/global/css/all.min.css"/>
    <link rel="stylesheet" href="/assets/global/css/line-awesome.min.css"/>
    <link rel="stylesheet" href="/assets/templates/basic/css/magnific-popup.min.css"/>
    <link rel="stylesheet" href="/assets/templates/basic/css/owl.min.css"/>
    <link rel="stylesheet" href="/assets/templates/basic/css/main.css"/>
    <link rel="stylesheet" href="/assets/templates/basic/css/color.php-color=1e90ff&amp;color2=1c629d.css"/>
    <link rel="stylesheet" href="/assets/global/css/iziToast.min.css">
</head>

<body>

<header>
    <div class="header-bottom">
        <div class="container">
            <div class="header-wrapper d-flex justify-content-between">
                <div class="logo">
                    <a href="#"><img src="/assets/images/logoIcon/logo.svg"></a>
                </div>
                <div class="logo2">
                    <a href="https://realsoft.uz"><img src="/assets/images/logoIcon/logo2.svg"></a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- Header Section -->
<!-- Banner Section -->
<section class="banner-section">
    <div class="container">
        <div class="banner-content">

            
            <div class="alert alert-danger" role="alert">Link not found(!</div>


            <form class="shorten-form main-form">
                <div class="shorten-form-group">
                    <input type="url" class="form-control form--control url"
                           placeholder="e.g. https://example.com/bla/bla/bla">
                    <a href="#" class="cmn--btn bg--base shorten short-link-generate">
                        <i class="las la-link"></i>Shorten
                    </a>
                </div>
            </form>

            <div class="shorten-form-group mt-2 shorten-div d-none short__group-wrap">
                <input type="text" class="form-control form--control b" readonly>
                <div class="short__group">
                    <button type="button" class="cmn--btn bg--base btn-sm copy short-link-copy">Copy</button>
                    <button type="button" class="cmn--btn bg--base btn-sm new short-link-new">New</button>
                </div>
            </div>

            <span></span>
            <span></span>
            <div class="alert alert-info shorten-div-info d-none" style="color: #0b0b0b; margin-top: 5px;"></div>

            <div class="text-center">
                <h3 class="banner-title">Make Short Your Big Links</h3>
                <p class="txt">
                    URLS is a digital tool that enables you to take a long link and create a new, shorter one that takes
                    people to the same location.
                </p>
            </div>
        </div>
    </div>
    <div class="banner-thumb">
        <img src="/assets/images/frontend/banner/615e92d9810fa1633587929.png" alt="banner">
    </div>
    <div class="banner-thumb-2">
        <img src="/assets/images/frontend/banner/615e92d972ac31633587929.png" alt="banner">
    </div>
</section>
<!-- Counter Section -->
<section class="counter-section pt-120 pb-120 bg_img"
         data-background="https://script.viserlab.com/shortlab/assets/images/frontend/counter/615ea0ab66c4b1633591467.jpg">
    <div class="container">
        <div class="row g-4">
            <div class="col-sm-6 col-lg-3">
                <div class="counter__item">
                    <div class="counter__icon">
                        <i class="las la-users"></i></div>
                    <div class="counter__content">
                        <div class="counter__header">
                            <h4 class="title rafcounter" data-counter-start="0" data-counter-end="9"></h4>
                        </div>
                        <h6 class="subtitle">Total Projects</h6>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-lg-3">
                <div class="counter__item">
                    <div class="counter__icon">
                        <i class="las la-user-plus"></i></div>
                    <div class="counter__content">
                        <div class="counter__header">
                            <h4 class="title rafcounter" data-counter-start="0" data-counter-end="2"></h4>
                        </div>
                        <h6 class="subtitle">New Projects</h6>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-lg-3">
                <div class="counter__item">
                    <div class="counter__icon">
                        <i class="las la-link"></i></div>
                    <div class="counter__content">
                        <div class="counter__header">
                            <h4 class="title rafcounter" data-counter-start="0" data-counter-end="122"></h4>
                            <h4 class="title">k</h4>
                        </div>
                        <h6 class="subtitle">Total Shorten</h6>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-lg-3">
                <div class="counter__item">
                    <div class="counter__icon">
                        <i class="fas fa-users"></i></div>
                    <div class="counter__content">
                        <div class="counter__header">
                            <h4 class="title rafcounter" data-counter-start="0" data-counter-end="1"></h4>
                            <h4 class="title">k</h4>
                        </div>
                        <h6 class="subtitle">Daily Visitor</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Counter Section -->                    <!-- Clients & Statistics Section -->
<section class="clients-and-statistics pt-120 pb-120">
    <div class="container">
        <div class="row align-items-center gy-5">

            <div class="row g-4">
                <div class="section__header section__header__center">
                    <h3 class="section__title">Our Partners</h3>
                    <p>
                        The projects which uses our servise to make customers search easier.
                    </p>
                </div>
                <div class="sponsor-slider owl-theme owl-carousel">

                    <div class="sponsor-item">
                        <a href="https://hujjat.uz"><img src="/assets/images/frontend/partners/hujjat.png"
                                                         alt="sponsor"></a>
                    </div>

                    <div class="sponsor-item">
                        <a href="https://keeping.uz"><img src="/assets/images/frontend/partners/keeping.png"
                                                          alt="sponsor"></a>
                    </div>

                    <div class="sponsor-item">
                        <a href="https://smart-agro.uz"><img src="/assets/images/frontend/partners/smartagro.png"
                                                             alt="sponsor"></a>
                    </div>

                    <div class="sponsor-item">
                        <a href="https://smart-office.uz"><img
                                src="/assets/images/frontend/partners/smartoffice.png" alt="sponsor"></a>
                    </div>

                    <div class="sponsor-item">
                        <a href="https://realsoft.uz"><img src="/assets/images/frontend/partners/bank.png"
                                                           alt="sponsor"></a>
                    </div>

                    <div class="sponsor-item">
                        <a href="https://realsoft.uz"><img src="/assets/images/frontend/partners/billing2.png"
                                                           alt="sponsor"></a>
                    </div>

                    <div class="sponsor-item">
                        <a href="https://carting.uz"><img src="/assets/images/frontend/partners/carting.png"
                                                          alt="sponsor"></a>
                    </div>

                    <div class="sponsor-item">
                        <a href="https://realsoft.uz"><img src="/assets/images/frontend/partners/expert.png"
                                                           alt="sponsor"></a>
                    </div>

                    <div class="sponsor-item">
                        <a href="https://realsoft.uz"><img src="/assets/images/frontend/partners/scales.png"
                                                           alt="sponsor"></a>
                    </div>

                    <div class="sponsor-item">
                        <a href="https://platon.uz"><img src="/assets/images/frontend/partners/platon.png"
                                                         alt="sponsor"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<footer class="footer-section">
    <div class="container">
        <div class="footer-bottom py-3">
            <div class="text--white text-center">
                &copy; All Right Reserved by &nbsp<a href="https://realsoft.uz/contact" class="text--base">RealSoft
                LLC</a>
            </div>
        </div>
    </div>
</footer>
<!-- Footer Section -->
<script src="/assets/global/js/jquery-3.6.0.min.js"></script>
<script src="/assets/templates/basic/js/bootstrap.min.js"></script>
<script src="/assets/templates/basic/js/rafcounter.min.js"></script>
<script src="/assets/templates/basic/js/magnific-popup.min.js"></script>
<script src="/assets/templates/basic/js/owl.min.js"></script>
<script src="/assets/templates/basic/js/main.js"></script>
<script src="/assets/global/js/iziToast.min.js"></script>
<script type="text/javascript">
    $(function () {

        let toggleShorten = (data) => {
            if (data) {
                let {shortLink, expireAt} = data;
                $('.shorten-form').addClass('d-none');
                $('.shorten-div').removeClass('d-none');
                $('.shorten-div-info').removeClass('d-none');

                $('.shorten-div input').val(shortLink);
                $('.shorten-div-info').html(`Ushbu qisqa havolaning amal qilish sanasi ${expireAt} gacha!`);
            } else {
                $('.shorten-div').addClass('d-none');
                $('.shorten-form').removeClass('d-none');
                $('.shorten-div-info').addClass('d-none');

                $('.shorten-div input').val('');
                $('.shorten-div-info').html('');
            }
            $('.shorten-form input').val('');
        };

        let copyToClipboard = (text) => {
            let input = document.createElement('textarea');
            input.innerHTML = text;
            document.body.appendChild(input);
            input.select();
            let result = document.execCommand('copy');
            document.body.removeChild(input);
            return result;
        };


        $('.short-link-generate').click(function () {
            let url = $('input[type="url"]').val();
            if (!url) {
                alert("Iltimos URL ni to`ldirib so`ng yaratish ni bosing!")
                return
            }
            $.ajax({
                url: "/api/create",
                contentType: 'application/json',
                type: 'post',
                data: JSON.stringify({url, type: "EXPIRE", expireDays: 30}),
                success: function (data) {
                    toggleShorten(data);
                },
                error: function (jqXhr, textStatus, errorThrown) {
                    console.log(errorThrown);
                }
            });
        });

        $('.short-link-new').click(function () {
            toggleShorten();
        });
        $('.short-link-copy').click(function () {
            copyToClipboard($('.shorten-div input').val());
            alert('Copied: ' + $('.shorten-div input').val());
        });
    });
</script>

</body>
</html>
