<!DOCTYPE html>
<html lang="lv">
<head>
    <meta charset="UTF-8">
    <title>Mājas | Mirklis Elegances</title>
    <meta name="keywords" content="Kubls, Kubla īre, Kubla noma, Kubls uz ratiem, Kubls uz piekabes, Pārvietojams kubls, Kubls Cēsis, Kubls Valmiera, Kubls Limbaži, Kubls Sigulda, Pasākumu inventārs, Inventāra īre, Pasākumu telts, Galdu īre, Krēslu īre, Pasākumu organizēšana, Teltis, Galdi, Krēsli, Sildītāju īre, Audio īre, Īre, Noma" />
    <meta name="description" content="Mirklis Elegances piedāvā pārvietojamā kubla īri, pasākuma telts īri, krēslu un galdu īri. Cēsis. Pasākuma inventāra īre Jūsu svētkiem. Strādājam bez brīvdienām. Piegāde visā Latvijā." />
    <meta name="author" content="www.mirkliselegances.lv" />
    <meta name="robots" content="index, follow">
    <meta name="viewport" content="width=400, initial-scale=1.0">

    <!-- CSS -->
    <link rel="stylesheet" href="assets/css/index.css">
    <link rel="stylesheet" href="assets/css/header.css">
    <link rel="stylesheet" href="assets/css/footer.css">

    <!-- Bibliotēkas/Fonti -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Karla&display=swap">
    <script src="jquery.js" type="text/javascript"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

    <!-- Favikoni (bildītes cilnes augšā) -->
    <link rel="icon" type="image/png" href="assets/images/favicons/favicon-310x310.png" sizes="310x310" />
    <link rel="icon" type="image/png" href="assets/images/favicons/favicon-192x192.png" sizes="192x192" />
    <link rel="icon" type="image/png" href="assets/images/favicons/favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="assets/images/favicons/favicon-16x16.png" sizes="16x16" />

    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-PFZ3WDD');
    </script>


    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PFZ3WDD" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
</head>
<body class="scroll4">

<a id="button"></a> <!-- Ritināt līdz augšai poga. -->

<!-- Konkursa reklāmas baneris. TODO: Papildināt kopā ar css. -->
<div id="myBtn" class="konkurss-banner">
    <div class="button-box">
        <span>#KONKURSS ! Laimē kublu uz nedēļas nogali, par velti! >> SPIED ŠEIT <<</span>
    </div>
</div>

<!-- Uznirstošais logs -->
<div id="myModal" class="modal">
    <!-- Loga saturs -->
    <div class="modal-contents">
        <span class="close2">&times;</span>
        <h1 id="konkurssh1" style="text-align: center">Sezonas atklāšanas #KONKURSS</h1>
        <p style="text-align: center">Iespēja laimēt kublu uz nedēļas nogali.</p>
        <p>Viss kas tev jādara:</p>
        <p>1. Piesekojies mūsu FB lapai.</p>
        <p>2. Dalies ar šo ierakstu.</p>
        <p>3. Komentāros atzīmē 3 draugus, kurus aicināsi kopīgā atpūtā.</p>
        <b><p>Atceries! Lai piedalītos konkursā, jābūt izpildītiem visiem 3 nosacījumiem!</p></b>
        <p>Konkursa noslēgumā – 20.09.2021 – zem šī ieraksta FB izziņosim uzvarētāju. Konkursa uzvarētāja norādītajā adresē (Latvijas teritorijā) piegādāsim kublu, kuru varēsi lietot visu nedēļas nogali.. Atvedīsim, parādīsim, pastāstīsim… lai tavs pasākums būtu izdevies.</p>
        <p>Links uz konkursu: <a target="_blank" href="https://www.facebook.com/MirklisElegances/posts/113110761106487">Šeit</a></p>
    </div>
</div>
<!-- Kartes uznirstošais logs -->
<div id="myModal2" class="modal">
    <!-- Kartes saturs -->
    <div class="modal-contents2">
        <span class="close3">&times;</span>
        <img style="width: 100%;" src="assets/images/karte.jpg">
    </div>
</div>

<?php
include_once "header.php"; // Navigācijas joslas ietveršana.
?>

<!-- Pirmā sadaļa -->
<div class="section1" id="item1">
    <div class="items">
        <div class="section-img-container" data-aos="fade-right" data-aos-offset="-50">
            <img alt="Kublas attēls" src="assets/images/6.webp"  style="width:100%;">
        </div>
        <div class="section1-textdiv" data-aos="fade-left" data-aos-offset="-50">
            <h1>Par “Mirklis Elegances”</h1>
            <ul>
                <li>Esam jauns uzņēmēju pāris no Cēsīm, kuriem patīk piesātināta un organizēta atpūta. Vēlamies arī citiem parādīt to, ko izprotam ar vārdiem “atpūta” un “labs serviss”. Šobrīd savu darbību esam uzsākuši ar pārvietojamā kubla īri, taču negrasāmies pie tā apstāties. Pavisam tuvā nākotnē savu klāstu papildināsim ar Pop-Up teltīm, saliekamajiem galdiem, krēsliem un citām lietām, kas nepieciešamas, lai bez raizēm baudītu ieplānoto pasākumu kā siltā laikā, tā drēgnos rudens un ziemas vakaros.
                </li>
            </ul>
        </div>
    </div>
</div>

<!-- Paralakses bilde 2-->
<div class="parallax image2"></div>

<!-- Otrā sadaļa (telefona versija) -->
<div class="section2_mobile" id="logosection_mobile">
    <div class="items">
        <div class="section-img-container">
            <img class="benifits-img_mobile" alt="" src="assets/images/ico1.png" style="">
        </div>
        <div class="section2-textdiv_mobile">
            <h1>Precizitāte</h1>
            <p>Strādājam visu nedēļu bez brīvdienām – Jūsu svētku laiks ir svarīgākais.</p>
            <p>Ātra un precīza klientu apkalpošana.</p>
            <p>Transportējam inventāru jebkur Latvijā – atsevišķi vienojoties ar klientu.</p>
        </div>

        <div class="section-img-container">
            <img class="benifits-img_mobile" alt="" src="assets/images/ico2.png">
        </div>
        <div class="section2-textdiv_mobile">
            <h1>Pieejamība</h1>
            <p>Rezervācijas pieteikumus pieņemam elektroniski – aizpildīt var jebkurā viedierīcē.</p>
            <p>Ar Mums ērti sazināties telefoniski, FaceBook kā arī caur WhatsApp.</p>
        </div>

        <div class="section-img-container">
            <img class="benifits-img_mobile" alt="" src="assets/images/ico3.png">
        </div>
        <div class="section2-textdiv_mobile">
            <h1>Ātrums</h1>
            <p>Standarta kubla noma uz vienu dienu, parasti ir no 13:00 līdz nākamās dienas 15:00.</p>
            <p>Spējam pielāgoties klienta grafikam.</p>
            <p>Iespējams nomāt arī vairākas dienas – ilgākam periodam atlaides.</p>
        </div>
    </div>
</div>

<!-- Otrā sadaļa (datora versija) -->
<div class="section2_desktop" id="logosection_desktop">
    <div class="items_section2">
        <div class="section-img-container_section2">
            <img class="benifits-img_section2" alt="" src="assets/images/ico1.png">
        </div>
        <div class="section-img-container_section2">
            <img class="benifits-img_section2" alt="" src="assets/images/ico2.png">
        </div>
        <div class="section-img-container_section2">
            <img class="benifits-img_section2" alt="" src="assets/images/ico3.png">
        </div>
        <div class="section2-textdiv_desktop">
            <h1>Precizitāte</h1>
            <p>Strādājam visu nedēļu bez brīvdienām – Jūsu svētku laiks ir svarīgākais.</p>
            <p>Ātra un precīza klientu apkalpošana.</p>
            <p>Transportējam inventāru jebkur Latvijā – atsevišķi vienojoties ar klientu.</p>
        </div>
        <div class="section2-textdiv_desktop">
            <h1>Pieejamība</h1>
            <p>Rezervācijas pieteikumus pieņemam elektroniski – aizpildīt var jebkurā viedierīcē.</p>
            <p>Ar Mums ērti sazināties telefoniski, FaceBook kā arī caur WhatsApp.</p>
        </div>
        <div class="section2-textdiv_desktop">
            <h1>Ātrums</h1>
            <p>Standarta kubla noma uz vienu dienu, parasti ir no 13:00 līdz nākamās dienas 15:00.</p>
            <p>Spējam pielāgoties klienta grafikam.</p>
            <p>Iespējams nomāt arī vairākas dienas – ilgākam periodam atlaides.</p>
        </div>
    </div>
</div>

<!-- Paralakses bilde 3 -->
<div class="parallax image3"></div>

<!-- Trešā sadaļa -->
<div class="section3" id="item2">
    <div class="items">
        <div class="section-img-container" data-aos="fade-left" data-aos-offset="-50">
            <div id="myCarousel2" class="carousel slide" data-ride="carousel">
                <!-- Bumbiņu indikatori slaidrādei -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel2" data-slide-to="1"></li>
                    <li data-target="#myCarousel2" data-slide-to="2"></li>
                </ol>

                <!-- Slaidrādes attēli -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="Kublas attēls" src="assets/images/1.webp"  style="width:100%;">
                    </div>
                    <div class="item">
                        <img alt="Kublas attēls" src="assets/images/3.webp"  style="width:100%;">
                    </div>
                    <div class="item">
                        <img alt="Kublas attēls" src="assets/images/4.webp"  style="width:100%;">
                    </div>
                </div>

                <!-- Bultas pa labi pa kreisi priekš slaidrādes -->
                <a class="left carousel-control" href="#myCarousel2" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel2" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        <div class="section3-textdiv" data-aos="fade-right" data-aos-offset="-50">
            <h1>Kubls</h1>
            <p>Esam izveidojuši mūsu pirmo sapņu kublu-īsts lukss uz riteņiem. Tas apžilbinās ikvienu ar LED apgaismojumu, kas mirdz kā kublā, tā pakāpienos. Burvīgā masāžas funkcija ļaus baudīt patīkamus mirkļus, kā arī  relaksēs pat nogurušākos.
                Iestrādātie glāžu turētāji dos iespēju baudīt gan romantisku divvientulību, gan atpūtu draugu lokā.
                Kubla ārpusē novietotā krāsniņa nodrošina atpūtu bez raizēm, kā arī tā lietošanu padara daudz drošāku un vienkāršāku.
                Esam padomājuši par ērtībām, lai Jūsu pasākums būtu perfekts pat neiespējamos apstākļos. Sīkāku papildus komplektāciju meklē sadaļā “Papildaprīkojums”.</p>
            <p>Kubla lietošanas nosacījumi:</p>
            <p><a class="lielas_pogas" href="assets/files/fails.pdf" download="Kublas_Lietošanas_Nosacījumi"><img alt="Poga, ko nospiežot lejupielādē lietošanas noteikumus." src="assets/images/noteikumi.png"></a></p>
            <!-- Kubla lietošanas noteikumu poga -->
        </div>
    </div>
</div>

<!-- Paralakses bilde 4 -->
<div class="parallax image4"></div>

<!-- Ceturtā sadaļa -->
<div class="section4" id="item3">
    <div class="items">
        <div class="section-img-container"  data-aos="fade-left" data-aos-offset="-50">
            <div id="myCarousel3" class="carousel slide" data-ride="carousel">
                <!-- Bumbiņu indikatori slaidrādei -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel3" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel3" data-slide-to="1"></li>
                    <li data-target="#myCarousel3" data-slide-to="2"></li>
                    <li data-target="#myCarousel3" data-slide-to="3"></li>
                </ol>

                <!-- Slaidrādes attēli -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="Kublas attēls" src="assets/images/5.webp"  style="width:100%;">
                    </div>
                    <div class="item">
                        <img alt="Kublas attēls" src="assets/images/2.webp"  style="width:100%;">
                    </div>
                    <div class="item">
                        <img alt="Kublas attēls" src="assets/images/7.webp"  style="width:100%;">
                    </div>
                    <div class="item">
                        <img alt="Kublas attēls" src="assets/images/8.webp"  style="width:100%;">
                    </div>
                </div>

                <!-- Bultas pa labi pa kreisi priekš slaidrādes -->
                <a class="left carousel-control" href="#myCarousel3" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel3" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        <div class="section4-textdiv" data-aos="fade-right" data-aos-offset="-50">
            <h1>Kubla cenrādis</h1>
            <p>DARBA DIENĀS (P - C)</p>
            <p>50 €/dienā</p>
            <p>NEDĒĻAS NOGALĒ (P, Se, Sv)</p>
            <p>65 €/dienā</p>
            <p>VISA NEDĒĻA (P - Sv)</p>
            <p>270 €</p>
            <p>SVĒTKU DIENĀS (Vecgada diena, Ziemassvētki, Jāņi, u.c.)</p>
            <p>150 €/dienā</p>
            <p style="display:block;">━━━━━━━━━━━━━━━</p>
            <p>KUBLA LIETOŠANAS DROŠĪBAS NAUDA</p>
            <p>100 €</p>
            <p>KUBLAM VARI ARĪ ATBRAUKT PAKAĻ PATS (Vajadzīga automašīna ar sakabes āķi un B kategorijas vadītāja apliecība)</p>
            <p>LIMBAŽOS UN LIMBAŽU APKĀRTNĒ (15km) KUBLA TRANSPORTĒŠANA</p>
            <p>0 €</p>
            <p>TRANSPORTĒŠANA PĀRĒJĀ LATVIJĀ 0,7 €/km (no Limbažiem)</p>
            <p>TRANSPORTĒŠANA LATVIJAS TERITORIJĀ:</p>
                <!-- Transporta kartes poga un pieteikšanās veidlapas poga -->
            <p>
                <a href="#" class="lielas_pogas">
                    <img id="myBtn2" alt="Transporta kartes poga" src="assets/images/transports.png">
                </a>
                <a href="https://forms.gle/1HAvhoEZ76F3Se3L9" target="_blank" rel="noopener noreferrer" class="lielas_pogas">
                    <img alt="Veidlapas saites poga" src="assets/images/veidlapa.png">
                </a>
            </p>
        </div>
    </div>
</div>

<!-- Paralakses bilde 5 -->
<div class="parallax image5"></div>

<!-- Sestā sadaļa (Izveidota pirmajā atjauninājumā) -->
<div class="section6">
    <div class="items">
        <div class="section-img-container"  data-aos="fade-left" data-aos-offset="-50">
            <div id="myCarousel5" class="carousel slide" data-ride="carousel">
                <!-- Bumbiņu indikatori slaidrādei -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel5" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel5" data-slide-to="1"></li>
                    <li data-target="#myCarousel5" data-slide-to="2"></li>
                </ol>

                <!-- Slaidrādes attēli -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="Kublas attēls" src="assets/images/telts1.webp"  style="width:100%;">
                    </div>
                    <div class="item">
                        <img alt="Kublas attēls" src="assets/images/telts2.webp"  style="width:100%;">
                    </div>
                    <div class="item">
                        <img alt="Kublas attēls" src="assets/images/telts3.webp"  style="width:100%;">
                    </div>
                </div>

                <!-- Bultas pa labi pa kreisi priekš slaidrādes -->
                <a class="left carousel-control" href="#myCarousel5" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel5" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        <div class="section6-textdiv" data-aos="fade-right" data-aos-offset="-50">
            <h1>Pasākumu telts (3x6m)</h1>
            <p>Beidzot mūsu klāstu ir papildinājusi pasākumu telts 3x6m. Tā ir balta, ātri saliekama pasākumu telts, kuras komplektā ietilpst trīs sienas un kāju dekoratīvie pārsegi. Telti dažu minūšu laikā var uzstādīt divi cilvēki. Sienas un dekoratīvie elementi stiprinās pie telts jumta detaļas ar velcro klipšiem, nodrošinot stingru un stabilu savienojumu. Visās trīs sienās iestrādāti vinila logi, nodrošinot labu apgaismojumu un plašuma sajūtu. Telti iespējams uzstādīt gan zaļajā zonā (nostiprinot kājas pie zemes ar mietiņiem), gan uz cietas virsmas (uz kājām liekot atsvarus).</p>
            <p>Telts paredzēta nelielu pasākumu rīkošanai - svinībām, ballītēm, tirdzniecībai vai piknikam dabā.</p>
            <h1>Pasākumu telts cenrādis</h1>
            <p>80 €/dienā</p>
            <p>VISA NEDĒĻA (P - Sv) 350 €</p>
            <p>━━━━━━━━━━━━━━━</p>
            <p>TELTS LIETOŠANAS DROŠĪBAS NAUDA</p>
            <p>100 €</p>
            <p>(Telts izmērs izjauktā veidā 0,2x0,4x1,6m 60kg un 0,4x0,5x1m 20kg)</p>
            <p>LIMBAŽOS UN LIMBAŽU APKĀRTNĒ (15km) TELTS PIEGĀDE 0 €</p>
            <p>PIEGĀDE PĀRĒJĀ LATVIJĀ 0,5 €/km (no LIMBAŽIEM)</p>
        </div>
    </div>
</div>

<!-- Paralakses bilde 6 -->
<div class="parallax image6"></div>

<!-- Piektā sadaļa -->
<div class="section5" id="item4" >
    <div class="items">
        <div class="section-img-container" data-aos="fade-right" data-aos-offset="-50">
            <div id="myCarousel4" class="carousel slide" data-ride="carousel">
                <!-- Bumbiņu indikatori slaidrādei -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel4" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel4" data-slide-to="1"></li>
                    <li data-target="#myCarousel4" data-slide-to="2"></li>
                    <li data-target="#myCarousel4" data-slide-to="3"></li>
                    <li data-target="#myCarousel4" data-slide-to="4"></li>
                    <li data-target="#myCarousel4" data-slide-to="5"></li>
                </ol>

                <!-- Slaidrādes attēli -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="Kublas papildaprīkojums" src="assets/images/pa1.webp"  style="width:100%;">
                    </div>
                    <div class="item">
                        <img alt="Kublas papildaprīkojums" src="assets/images/pa2.webp"  style="width:100%;">
                    </div>
                    <div class="item">
                        <img alt="Kublas papildaprīkojums" src="assets/images/pa3.webp"  style="width:100%;">
                    </div>
                    <div class="item">
                        <img alt="Kublas papildaprīkojums" src="assets/images/pa4.webp"  style="width:100%;">
                    </div>
                    <div class="item">
                        <img alt="Kublas papildaprīkojums" src="assets/images/pa6.webp"  style="width:100%;">
                    </div>
                </div>

                <!-- Bultas pa labi pa kreisi priekš slaidrādes -->
                <a class="left carousel-control" href="#myCarousel4" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel4" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        <div class="section5-textdiv" data-aos="fade-left" data-aos-offset="-50">
            <h1>Kubla papildaprīkojums</h1>
            <p>Dekoratīvais LED apgaismojums "pieneņpūkas" 4gab</p>
            <p>5 eur/dienā</p>
            <p>Dekoratīvais LED apgaismojums "virtene" 15m
            <p>5 eur/dienā</p>
            <p>Benzīna ūdenssūknis (kubla piepildīšanai/iztukšošanai)</p>
            <p>10 eur/dienā</p>
            <p>Benzīna elektro ģenerātors (priekš apgaismojuma, masāžas funkcijām)</p>
            <p>10 eur/dienā</p>
            <p>Maiss sausas malkas 40l</p>
            <p>3 eur/gab</p>
        </div>
    </div>
</div>

<?php
include_once "footer.php"; // Kājenes ietveršana
?>
<!-- Uznirstošo logu kods -->
<script>
    // 1 Uznirstošais logs
    // Satvert uznirstošo logu
    var modal = document.getElementById("myModal");

    // Satvert pogu, kas atvērs logu
    var btn = document.getElementById("myBtn");

    // Satvert <span> elementu, kas aizvērs logu
    var span = document.getElementsByClassName("close2")[0];

    // Kad lietotājs uzspiež uz atvēršanas pogu, mēs uzsetojam logu, kā redzamu.
    btn.onclick = function() {
        modal.style.display = "block";
    }

    // Kad uzspiež uz <span> elementa, tad aizveras logs.
    span.onclick = function() {
        modal.style.display = "none";
    }

    // 2 Uznirstošais logs
    // Satvert uznirstošo logu
    var modal2 = document.getElementById("myModal2");

    // Satvert pogu, kas atvērs logu
    var btn2 = document.getElementById("myBtn2");

    // Satvert <span> elementu, kas aizvērs logu
    var span2 = document.getElementsByClassName("close3")[0];

    // Kad lietotājs uzspiež uz atvēršanas pogu, mēs uzsetojam logu, kā redzamu.
    btn2.onclick = function() {
        modal2.style.display = "block";
    }
    // Kad uzspiež uz <span> elementa, tad aizveras logs.
    span2.onclick = function() {
        modal2.style.display = "none";
    }

    // Ja uzspiež ārpus modeli jebkur uz lapas, aizvērt uznirstošo logu.
    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        } else if (event.target == modal2) {
            modal2.style.display = "none";
        }
    }

</script>

<!-- Animācijas bibliotēkas iestatījumi -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
    AOS.init({
        offset: 400,
        duration: 1000
    });
</script>

<!-- Ritināt līdz augšai pogas funkcionalitāte -->
<script>
    // Pogas satveršana
    var btn = $('#button');

    // Parādīt pogu, tikai, ja lietotājs ir nedaudz noritinājis lapu uz leju.
    $(window).scroll(function() {
        if ($(window).scrollTop() > 300) {
            btn.addClass('show');
        } else {
            btn.removeClass('show');
        }
    });

    // Ja uzspiež, tad aiztin līdz augšai.
    btn.on('click', function(e) {
        e.preventDefault();
        $('html, body').animate({scrollTop:0}, '300');
    });
</script>

</body>
</html>