<!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">

    <link rel="stylesheet" href="assets/css/index.css">

    <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">


    <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" />

    <script src="jquery.js" type="text/javascript"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

    <!-- 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>
    <!-- End Google Tag Manager -->


    <!-- 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>
    <!-- End Google Tag Manager (noscript) -->
</head>
<body class="scroll4">

<?php
include_once "cookie.php";
?>

<a id="button"></a> <!-- Go up button -->

<!-- Trigger for banner -->
<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>

<!-- Banner model stuff -->
<div id="myModal" class="modal">
    <!-- Modal content -->
    <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>
<!-- Map model -->
<div id="myModal2" class="modal">
    <!-- Map model content -->
    <div class="modal-contents2">
        <span class="close3">&times;</span>
        <img style="width: 100%;" src="assets/images/karte.png">
    </div>
</div>

<header>
    <!-- Mirklis Elegances logo -->
    <div class="logo-center">
        <div class="logo-container">
            <img alt="Mirklis Elegances logo" class="logo" src="assets/images/logo1.png">
        </div>
    </div>
    <!-- Nav menu lines -->
    <input type="checkbox" id="nav-toggle" class="nav-toggle">
    <label for="nav-toggle" class="nav-toggle-label">
        <span></span>
    </label>
    <!-- Nav menu buttons -->
    <nav>
        <ul>
            <li><a href="#item1">Par Mums</a></li>
            <li><a href="#item2">Kubls</a></li>
            <li><a href="#item3">Cenrādis</a></li>
            <li><a href="#item4">Papildaprīkojums</a></li>
            <li><a href="galerija.php">Galerija</a></li>
        </ul>
    </nav>
    <!-- Social buttons -->
    <div class="social-container">
        <a href="https://www.instagram.com/mirklis.elegances/" target="_blank" rel="noopener noreferrer"><embed alt="Instagram logo" width="35px" height="35px" src="assets/images/insta.png"></a>
        <a href="https://www.facebook.com/MirklisElegances" target="_blank" rel="noopener noreferrer"><embed alt="Facebook logo" width="35px" height="35px" src="assets/images/fb.png"></a>
        <a href="https://api.whatsapp.com/send?phone=37128070571" target="_blank" rel="noopener noreferrer"><embed alt="Whatsapp logo" width="35px" height="35px" src="assets/images/wpp.png"></a>
    </div>
</header>

<!-- Parallax image 1 -->
<div class="parallax image1" style="height:100%"></div>

<!-- First section -->
<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>

<!-- Parallax image 2-->
<div class="parallax image2"></div>

<!-- Second section -->
<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>

<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>

<!-- Parallax image 3 -->
<div class="parallax image3"></div>

<!-- Third section -->
<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">
                <!-- Indicators -->
                <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>

                <!-- Wrapper for slides -->
                <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>

                <!-- Left and right controls -->
                <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>
        </div>
    </div>
</div>

<!-- Parallax image 4 -->
<div class="parallax image4"></div>

<!-- Fourth section -->
<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">
                <!-- Indicators -->
                <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>

                <!-- Wrapper for slides -->
                <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>

                <!-- Left and right controls -->
                <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>CĒSĪS UN CĒSU APKĀRTNĒ (15km) KUBLA TRANSPORTĒŠANA</p>
            <p>0 €</p>
            <p>TRANSPORTĒŠANA PĀRĒJĀ LATVIJĀ 0,7 €/km (no Cēsīm)</p>
            <p>TRANSPORTĒŠANA LATVIJAS TERITORIJĀ:</p>
            <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>

<!-- Parallax image 5 -->
<div class="parallax image5"></div>

<!-- Sixth section (Created in update 1) -->
<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">
                <!-- Indicators -->
                <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>

                <!-- Wrapper for slides -->
                <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>

                <!-- Left and right controls -->
                <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>TELTIJ VARI ARĪ ATBRAUKT PAKAĻ PATS ( Telts izmērs izjauktā veidā 0,2x0,4x1,6m 60kg un 0,4x0,5x1m 20kg)</p>
            <p>CĒSĪS UN CĒSU APKĀRTNĒ (15km) TELTS PIEGĀDE 0 €</p>
            <p>PIEGĀDE PĀRĒJĀ LATVIJĀ 0,5 €/km (no Cēsīm)</p>
        </div>
    </div>
</div>

<!-- Parallax image 6 -->
<div class="parallax image6"></div>

<!-- Fifth section -->
<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">
                <!-- Indicators -->
                <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>

                <!-- Wrapper for slides -->
                <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/pa5.webp"  style="width:100%;">
                    </div>
                    <div class="item">
                        <img alt="Kublas papildaprīkojums" src="assets/images/pa6.webp"  style="width:100%;">
                    </div>
                </div>

                <!-- Left and right controls -->
                <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>Saulessargs/lietussargs kublam (3m)</p>
            <p>5 eur/dienā</p>
            <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>

<footer>
    <div class="footer-vert">
        <div class="footer-text">
            <span>Cēsis</span>
            <span>|</span>
            <span><a href="tel:+37128070571">(+371) 28070571</a></span>
            <span>|</span>
            <span><a href="mailto: mirklis.elegances@gmail.com">mirklis.elegances@gmail.com</a></span>
        </div>
        <br id="footer-split">
        <div class="credits">
            <span>Designed by Rihards Lācis</span>
            <a rel="noreferrer" target="_blank" href="https://github.com/SolidShock"><img alt="Github logo" src="assets/images/github_logo.png"></a>
            <a rel="noreferrer" target="_blank" href="https://www.linkedin.com/in/rihards-l%C4%81cis-56047021a/"><img alt="LinkedIn logo" src="assets/images/linkedin_logo.png"></a>
        </div>
    </div>
</footer>
<!-- Modals -->
<script>
    // Get the modal
    var modal = document.getElementById("myModal");

    // Get the button that opens the modal
    var btn = document.getElementById("myBtn");

    // Get the <span> element that closes the modal
    var span = document.getElementsByClassName("close2")[0];

    // When the user clicks on the button, open the modal
    btn.onclick = function() {
        modal.style.display = "block";
    }

    // When the user clicks on <span> (x), close the modal
    span.onclick = function() {
        modal.style.display = "none";
    }

    // Get the modal
    var modal2 = document.getElementById("myModal2");

    // Get the button that opens the modal
    var btn2 = document.getElementById("myBtn2");

    // Get the <span> element that closes the modal
    var span2 = document.getElementsByClassName("close3")[0];

    // When the user clicks on the button, open the modal
    btn2.onclick = function() {
        modal2.style.display = "block";
    }

    // When the user clicks on <span> (x), close the modal
    span2.onclick = function() {
        modal2.style.display = "none";
    }

    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        } else if (event.target == modal2) {
            modal2.style.display = "none";
        }
    }

</script>

<!-- Animation library/settings -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
    AOS.init({
        offset: 400,
        duration: 1000
    });
</script>

<!-- Scroll-up button functionality -->
<script>
    var btn = $('#button');

    $(window).scroll(function() {
        if ($(window).scrollTop() > 300) {
            btn.addClass('show');
        } else {
            btn.removeClass('show');
        }
    });

    btn.on('click', function(e) {
        e.preventDefault();
        $('html, body').animate({scrollTop:0}, '300');
    });
</script>

</body>
</html>