Обучение в Чехии бесплатно – программа LITE












            ******************************************************************************************

            *
            ******************************************************************************************
            <style> .parallax-container { display: flex; min-height: 70vh; flex-direction: column; ali

            center; justify-content: center; background-attachment: fixed; background-image: linear-gr
            0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(https://ujop.cuni.cz/UJOPEN-167-version1-bg_02.jpg); 
            position: center; background-size: cover; row-gap: 4rem; text-align: center; } .parallax-c

            { flex-direction: row; flex-wrap: wrap; padding: 6rem 0; background-image: linear-gradient
            0, 0, 0.0), rgba(0, 0, 0, 0.2)), url(https://ujop.cuni.cz/UJOPEN-167-version1-bg_04.jpg); 
            1.6em; } .parallax-container3 { flex-direction: row; flex-wrap: wrap; padding: 6rem 0; bac

            linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2)), url(https://ujop.cuni.cz/UJOPEN-1
            bg_01.jpg); gap: 1.6em; } .parallax-container41 { flex-direction: row; flex-wrap: wrap; pa

            0; background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2)), url(https://
            UJOPEN-180-version1-bg_11.jpg); gap: 1.6em; } .parallax-container42 { min-height: 30vh; fl
            row; flex-wrap: wrap; padding: 6rem 0; background-image: linear-gradient(rgba(0, 0, 0, 0.0

            0, 0.2)), url(https://ujop.cuni.cz/UJOPEN-180-version1-bg_10.jpg); gap: 1.6em; } .parallax
            { flex-direction: row; flex-wrap: wrap; padding: 6rem 0; background-image: linear-gradient
            0, 0, 0.0), rgba(0, 0, 0, 0.2)), url(https://ujop.cuni.cz/UJOPEN-167-version1-bg_05.jpg); 

            1.6em; } .parallax-container5 { flex-direction: row; flex-wrap: wrap; padding: 6rem 0; bac
            image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2)), url(https://ujop.cuni.cz/U
            version1-bg_06.jpg); gap: 1.6em; } .parallax-container6 { flex-direction: row; flex-wrap: 

            6rem 0; background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(255, 255, 255, 0.9)), u
            ujop.cuni.cz/UJOPEN-167-version1-bg_08.jpg); gap: 1.6em; } .parallax-container7 { flex-dir
            flex-wrap: wrap; padding: 6rem 0; background-image: linear-gradient(rgba(0, 0, 0, 0.0), rg

            0, 0.2)), url(https://ujop.cuni.cz/UJOPEN-167-version1-bg_07.jpg); gap: 1.6em; } .parallax
            { min-height: 50vh; flex-direction: column; flex-wrap: wrap; padding: 6rem 0; background-i
            gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)), url(https://ujop.cuni.cz/UJOPEN-167-vers

            gap: 1.6em; } .parallax-container p:nth-child(n+2) { margin-top: 10px; } .buffer { width: 
            height: 1vh; background-color: rgb(63 63 63); } .box-middle { background-color: rgb(0,0,0)
            color: rgba(0,0,0, 0.7); color: white; font-size: 1.2em; width: 80%; padding: 20px; margin

            text-align: center; } .box-middle1 { background-color: rgb(0,0,0); background-color: rgba(
            color: white; font-size: 1.4em; width: 80%; padding: 20px; margin: 5vh 10vh; text-align: c
            middle2 { background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.7); color: white; 

            1.4em; width: 83%; padding: 20px; text-align: center; } .box-middle3 { background-color: r
            background-color: rgba(0,0,0, 0.7); color: white; font-size: 1.2em; width: 83%; padding: 2
            align: center; } .box-middle4 { background-color: rgb(0,0,0); background-color: rgba(0,0,0

            white; font-size: 0.8em; width: 100%; padding: 0.5em; text-align: center; } .span-blink { 
            animation: blink 1s linear infinite; } @keyframes blink{ 0%{opacity: 0;} 100%{opacity: 1;}
            { display: flex; max-width: 40%; min-height: 10vh; flex-direction: column; align-items: ce

            bottom: 1rem; border-radius: 0.5em; background-color: white; box-shadow: 0 29px 38px -15px
            0 / 43%); } .card-img { width: 100%; height: 200px; border-radius: 0.3em; background-posit
            background-size: cover; } .card:nth-of-type(1) .card-img { background-image: url(https://u

            UJOPEN-167-version1-czech_krumlov.jpg); } .card:nth-of-type(2) .card-img { background-imag
            ujop.cuni.cz/UJOPEN-167-version1-uni_ranking.jpg); } .card:nth-of-type(3) .card-img { back
            image: url(https://ujop.cuni.cz/UJOPEN-167-version1-mapa_cr.jpg); } .card:nth-of-type(4) .

            img { background-image: url(https://ujop.cuni.cz/UJOPEN-167-version1-dancing_house.jpg); }
            { display: flex; max-width: 40%; align-items: center; padding: 1rem; color: white; backgro
            color: rgba(0,0,0, 0.5); box-shadow: 0 29px 38px -15px rgb(0 0 0 / 43%); } .card3 { displa

            width: 40%; padding: 1rem; color: white; background-color: rgba(0,0,0, 0.7); box-shadow: 0
            -15px rgb(0 0 0 / 43%); text-align: left; } .container-piktogr { display: flex; flex-direc
            flex-wrap: wrap; justify-content: center; } .piktogr { display: flex; width: 15%; flex-dir

            column; justify-content: center align-items: center; border-radius: 1.3em; margin: 10px; c
            white; background-color: rgba(0,0,0, 0.5); box-shadow: 0 29px 38px -15px rgb(0 0 0 / 43%);
            size: 1.1em; line-height: 0.9; } .piktogr img { width: 100%; } .piktogr a { color: white; 

            decoration: none; } .popisek { width: 100%; padding: 20px 0px; } .red { color: #cc2c32; fo
            bold; } .img-resize { width: 40%; } .icon-contact { width: 2.5em; margin: 10px; } .countdo
            { display: flex; justify-content: center; width: 80%; max-width: 80%; } .days-container, .

            container, .minutes-container, .seconds-container { display: flex; flex-direction: column;
            center; justify-content: center; color: white; background-color: rgba(0,0,0, 0.7); box-sha
            38px -15px rgb(0 0 0 / 43%); width: 80px; height: 80px; margin: 5px; } .days, .hours, .min

            { font-size: 2em; margin: 3px 0; } .days-label, .hours-label, .minutes-label, .seconds-lab
            transform: uppercase; margin-bottom: 5px; } @media (max-width: 800px) { .parallax-containe
            height: 100vh; background-size: cover; } .parallax-container3 { flex-direction: column; } 

            width: 80%; } .card2 { max-width: 80%; } .card3 { width: 80%; } .piktogr { display: flex; 
            flex-direction: column; justify-content: center align-items: center; border-radius: 1.3em;
            10px; color: white; background-color: rgba(0,0,0, 0.5); box-shadow: 0 29px 38px -15px rgb(

            43%); font-size: 1em; line-height: 0.9; } .img-resize { width: 80vw; } .countdown-containe
            width: 90%; } .days-container, .hours-container, .minutes-container, .seconds-container { 
            0.8em; width: 160px; height: 160px; } } </style> <section class="parallax-container"> <div

            middle"><p><strong>?????? ??????????? ? ????? ????????? ??? ????, ? ??? ????? ??? ????????
            <p>???????????? ???????
            – ?? ?????? ??????? ?? ??????? ?????. ?? ??????? ?????! ? ???? ?? ????????????? ? ????? ? 

            p> <p>?? ????????? ??????? ???? ??????????? ????? 70 ???
            – ?? ????? ?????, ??? ?????? ??? ??????????? ???? ????? – ??????? ????????? ? ?????? ?????
            p></div> </section> <section class="buffer"></section> <section

            class="parallax-container parallax-container2"> <div class="box-
            middle"><p>?? ????????? ????? ??? ???????????????? ?????? – <strong>LITE</strong>.</p> <p>
            7 ???????</strong> ?? ???????????? ? ???????? ???????? ????? ? ???????????????? ??????????

            <strong> ??????? ????????? ???? ????? - ????????? ? ???.</strong> </p></div> </section> <s
            class="buffer"></section> <section class="parallax-container parallax-container3"> <span
            style="color: white; background-color: rgba(0, 0, 0, 0.5); font-size: 1.5em; padding: 10px

            <p>?? ?????? ????? ?????, ??? ???????????? ? ???????????????? ???????? ??? ??????? ???????
            p></span> <div class="container-piktogr"> <div class="piktogr"><a href="https://ujop.cuni.
            UJOPRU-47.html?filtrvalue_oborstudia=18" target="_blank"> <img src="https://ujop.cuni.cz/U

            version1-ujop_piktogram_tech.png" alt="tech"> <div class="popisek">??????????? ? ?? ??????
            a> </div><div class="piktogr"><a href="https://ujop.cuni.cz/UJOPRU-47.html?filtrvalue_obor
            target="_blank"> <img src="https://ujop.cuni.cz/UJOPEN-167-version1-ujop_piktogram_eko.png

            alt="eko"> <div class="popisek">????????????? ?????????????</div></a> </div> <div class="p
            href="https://ujop.cuni.cz/UJOPRU-47.html?filtrvalue_oborstudia=17" target="_blank"> <img
            src="https://ujop.cuni.cz/UJOPEN-167-version1-ujop_piktogram_prir.png" alt="natural"> <div

            class="popisek">?????????????????? ?????????????</div></a> </div> <div class="piktogr"> <a
            ujop.cuni.cz/UJOPRU-47.html?filtrvalue_oborstudia=16" target="_blank"> <img src="https://u
            UJOPEN-167-version1-ujop_piktogram_med.png" alt="med"> <div class="popisek">??????????????

            a> </div> <div class="piktogr"><a href="https://ujop.cuni.cz/UJOPRU-47.html?filtrvalue_obo
            target="_blank"> <img src="https://ujop.cuni.cz/UJOPEN-167-version1-ujop_piktogram_hum.png
            alt="hum"> <div class="popisek">???????????? ?????????????</div></a> </div> </div> </secti

            <section class="buffer"></section> <section class="parallax-container parallax-container41
            class="box-middle2">???? ??????? ????????????? ? ???????? ?????????? ??? ? ????? ? ???????
            7 ??????? ????????? ????????????, ?????????????, ??????????? ? ????????? ???????????????? 

            div> <div class="card3" style="font-size: 1.2em;"><div style="padding-right: 30px; float: 
            size: 1.2em;"> <span class="glyphicon glyphicon-ok title" style="font-size: initial; font-
            color: #cc2c32ed;" aria-hidden="true"></span></div> <div>??????? ??????? ???? ??<span clas

            B1</span>.</div></div> <div class="card3" style="font-size: 1.2em;"><div style="padding-ri
            30px; float: left; font-size: 1.2em;"> <span class="glyphicon glyphicon-ok title" style="f
            size: initial; font-weight: normal; color: #cc2c32ed;" aria-hidden="true"></span></div> <d

            <span class="red"> ???????????????? ????????????</span>.</div></div> <div class="card3" st
            size: 1.2em;"><div style="padding-right: 30px; float: left; v"> <span class="glyphicon gly
            ok title" style="font-size: initial; font-weight: normal; color: #cc2c32ed;" aria-hidden="

            span></div> <div>???????????? ? ????????????? ????? ?<span class="red"> ???????? ???? ????
            span> ??? ????.</div></div> <div class="card3" style="font-size: 1.2em;"><div style="paddi
            30px; float: left; font-size: 1.2em;"> <span class="glyphicon glyphicon-ok title" style="f

            initial; font-weight: normal; color: #cc2c32ed;" aria-hidden="true"></span></div> <div>???
            class="red"> ??????? ????????</span>, ????? ????????, ??? ??? ???? ?? ????????????? ??????
            div> <div class="card3" style="font-size: 1.2em;"><div style="padding-right: 30px; float: 

            size: 1.2em;"> <span class="glyphicon glyphicon-ok title" style="font-size: initial; font-
            color: #cc2c32ed;" aria-hidden="true"></span></div> <div>???????? ?????? ?????? ? ????????
            <span class="red"> ??????? ??? ???????? ??????</span> ? ???????? ??????? ????????? ??????.

            <div class="card3" style="font-size: 1.2em;"><div style="padding-right: 30px; float: left;
            1.2em;"> <span class="glyphicon glyphicon-ok title" style="font-size: initial; font-weight
            color: #cc2c32ed;" aria-hidden="true"></span></div> <div>?????? ??????????<span class="red

            span> ? ????? ?????????????? ???????????????? ????? ????????, ??? ?????? ???????? ?? ?????
            div></div> <div class="box-middle2"> <p><center>??? ??? ? ?????????? ????? <a href=" https
            ujop.cuni.cz/UJOPRU-79.html " target="_blank" rel="noopener"> ?????????? ?????? ????????? 

            a></center></p> </div> </section> <section class="buffer"></section> <section class="paral
            container parallax-container42"> <div class="box-middle1"> <p>???? ???????? ? <b>??????</
            b>, ???????, ???? ??? ????? ????, ? ??? ???? ??? ?????????????? ?????? ?? ?? ??????????

            - ??? ?? ???????? ???????? ?? ?????????, ??????? ?????????? ???????? ?? ????? ? ????????.<
            <p>?????? ?? ??????? ???, ????? ????????? ?????? ???? ???????? ? ???????????? ???????? ???
            p> <br> <div class="box-middle2" style="width: 100%; font-size: 1.8em; text-align:center">

            class="span-blink"><b>???? ?????</b>: 3 500 ????</span></div></p></div> </section> <style>
            { height: 400px; } </style> <section class="buffer"></section> <section class="parallax-
            container parallax-container3"> <span style="color: white; background-color: rgba(0, 0, 0,

            0.5); padding: 10px 10px;"><h1 style="color: white;">?????? ????? ??????? ? ????????????? 
            </h1></span> <div class="card"> <div class="card-img"></div> <h3>?????????? ??????</h3>
            <div style="padding: 1% 5%;"><p>????? – ???? ?? ????? ?????????? ????? ? ????. ?? ??????<a

            href="https://www.visionofhumanity.org/maps/#/" target="_blank" rel="noopener"> Global Pea
            a>, ??????? ???????? ????????? Institute for Economics and Peace, ????? ? 2020 ???? ??????
            8 ????? ? ???? ?? ???????????? ?????. ?? ?????? ?? ?????? ???????? ??????? ???????????? ? 

            </p></div> </div> <div class="card"> <div class="card-img"></div> <h3>?????? ????????????<
            style="padding: 1%
            5%;"><p>??????? ???????????? ?????? ? ??????? ?????? ????? ????. ?????? ??????????? ??????

            QS World University Rankings ??<a href="https://www.topuniversities.com/universities/charl
            university" target="_blank" rel="noopener"> 288 ?????</a> ? ??????? ??????? ?????? ???<a h

            www.topuniversities.com/university-rankings/world-university-rankings/2023" target="_blank
            rel="noopener"> 10 ??????? ?????</a>. </p></div> </div> <div class="card"> <div class="car
            <h3>?????? ??????</h3> <div style="padding: 1% 5%;"><p>?? ??????? ???????? ?????????????? 

            – ????????? ???, ???? ?? ??????? ???????. ???????, ? ???? ????? – ?????????? ???????? ????
            </div> <div class="card"> <div class="card-img"></div> <h3>????????? ????</h3> <div style=
            5%;"><p>? ????? ??????? ??????? ????? ? ???????? ??????????? ??? ? ???????. ????????? ? ??

            <a href="https://blog.ujop.cuni.cz/2022/08/19/how-fast-will-the-preparation-czech-language
            pay-off/" target="_blank" rel="noopener"> "??? ?????? ???????? ?????"</a>. </p></div> </di
            section> <section class="buffer"></section> <section class="parallax-container parallax-co

            <div><img class="img-resize" src="https://ujop.cuni.cz/UJOPEN-167-version1-znak_uk_white.p
            alt="znak UK"></div> <span style="color: white; background-color: rgba(0, 0, 0, 0.5); padd
            10px 10px;"><h1 style="color: white;">????????? ????????? ??????? ????????????</h1></span>

            <div class="card2"> <p>?? ????? ??????? ? ????????????? ?????????? ????? ????? 700-?????? 
            class="red">????????? ??????? ????????????</
            span>, ?????????? ???? ?? ?????? ? ?????, ?? ? ?? ???? ??????????? ??????.

            </p></div> <div class="card2"> <p><span class="red">???????? ??????????</
            span>, ??????? ?? ???????? ? ?????, ??????????? ??? ?? ?????????????? ???????? ?? ????????
            (<a href="https://arche.is.cuni.cz/images/zkousky/CCE_VS_uznavajici.pdf"

            target="_blank" rel="noopener">?????, ??? ?? 80 ???????????</a>). </p></div>
            <div class="card2"> <p><span class="red">???????????? ????.</span> ???? ????? ??
            3500 ????. ??? ???? ???????? ?? ?????? ???? ???????, ?? ? ??? ????????, ??????????? ??????

            </p></div> <div class="card2"> <p><span class="red">??????????? ?????????.</span> ?? ?? ??
            – ??? ?????? ??????? ???????? ????? ???????, ????????? ??-?????? ??? ??-?????????. ? ?????
            (??????????) ????? ???????? ? ??????????????? ???????? ??? ????? ??????? ???????? ???????.

            class="card2"> <p><span class="red">????????????? ?????????????? ??????? ????????????.</sp
            – ????? ??????? ????????????, ?? ?? ?????? ????????? ???????????? ? ??????????????? ??????
            Eduroam. ????? ?? ??????? ????????? ???????????? ???????????? ???????????, ? ? ?????? ????

            – ????????? ???????? ?????? ? ???????????? ? ???????? ???????? ?????????. </p></div> </sec
            <section class="buffer"></section> <section class="parallax-container parallax-container6"
            class="box-middle2">? ????????? ÚJOP ??????</div> <div class="card3"><div style="padding-r

            float: left;"><span class="glyphicon glyphicon-ok title" style="font-size: initial; font-w
            normal; color: red;" aria-hidden="true"></span></div> <div>650 ??????? ????? ? ???</div></
            class="card3"><div style="padding-right: 30px; float: left;"><span class="glyphicon glyphi

            title" style="font-size: initial; font-weight: normal; color: red;" aria-hidden="true"></s
            div> <div>??????????, ????????????? ?? ???????? ?? ???????? ?? ??????????? ???????????</di
            <div class="card3"><div style="padding-right: 30px; float: left;"><span class="glyphicon g

            ok title" style="font-size: initial; font-weight: normal; color: red;" aria-hidden="true">
            div> <div>???????????? InfoPoint (email / WhatsApp)</div></div> <div class="card3"><div st
            right: 30px; float: left;"><span class="glyphicon glyphicon-ok title" style="font-size: in

            weight: normal; color: red;" aria-hidden="true"></span></div> <div>?????? ? ?????????? ???
            </div></div> <div class="card3"><div style="padding-right: 30px; float: left;"><span class
            glyphicon-ok title" style="font-size: initial; font-weight: normal; color: red;" aria-hidd

            span></div> <div>??????????? ????????? ??? ????????</div></div> <div class="card3"><div st
            right: 30px; float: left;"><span class="glyphicon glyphicon-ok title" style="font-size: in
            weight: normal; color: red;" aria-hidden="true"></span></div> <div>????????????? ?????????

            div></div> <div class="card3"><div style="padding-right: 30px; float: left;"><span class="
            glyphicon-ok title" style="font-size: initial; font-weight: normal; color: red;" aria-hidd
            span></div> <div>??????????????</div></div> <div class="card3"><div style="padding-right: 

            left;"><span class="glyphicon glyphicon-ok title" style="font-size: initial; font-weight: 
            color: red;" aria-hidden="true"></span></div> <div>??????????? ? ???????????? ???? Wi-Fi</
            <div class="card3"><div style="padding-right: 30px; float: left;"><span class="glyphicon g

            ok title" style="font-size: initial; font-weight: normal; color: redn;" aria-hidden="true"
            div> <div>???????? Microsoft Teams</div></div> <div class="card3"><div style="padding-righ
            float: left;"><span class="glyphicon glyphicon-ok title" style="font-size: initial; font-w

            color: red;" aria-hidden="true"></span></div> <div>?????? ? ??????????? ??????? ??????????
            div> <div class="card3"><div style="padding-right: 30px; float: left;"><span class="glyphi
            ok title" style="font-size: initial; font-weight: normal; color: red;" aria-hidden="true">

            div> <div>???????? ?? ???? ?????????</div></div> <div class="card3"><div style="padding-ri
            float: left;"><span class="glyphicon glyphicon-ok title" style="font-size: initial; font-w
            color: red;" aria-hidden="true"></span></div> <div>??????? ??????? ??????</div></div> </se

            <section class="buffer"></section> <link rel="stylesheet" href="https://cdnjs.cloudflare.c
            libs/font-awesome/5.15.3/css/all.min.css"> <section class="parallax-container parallax-con
            style="display: flex; flex-direction: column; align-items: center;"> <span style="color: w

            color: rgba(0, 0, 0, 0.5); padding: 10px 10px;"> <h1 style="color: white;">??? ? ????? ???
            <br>? ??????? ???????? ?1</h1> </span> <div class="box-middle2"> <details> <summary> <span
            class="fas fa-chevron-down"></i></span><span class="red"> ??????????? ????????????? ? IT</

            summary> <div class="box-middle4"> <ul> <li>Faculty of Mechanical Engineering, Technical U
            <b>Liberec</b></li><br> <li>Faculty of Mining and Geology, VSB – Technical University of <
            b></li><br> <li>Faculty of Civil Engineering, VSB – Technical University of <b>Ostrava</b>

            <li>Faculty of Materials Science and Technology, VSB – Technical University of <b>Ostrava<
            <li>Faculty of Electrical Engineering and Computer Science, VSB – Technical University of 
            b></li><br> <li>Faculty of Mechanical Engineering, VSB – Technical University of <b>Ostrav

            <li>Faculty of Mechanical Engineering, University of West Bohemia, <b>Pilsen</b></li><br> 
            Electrical Engineering, University of West Bohemia, <b>Pilsen</b></li><br> <li>Faculty of 
            University of West Bohemia, <b>Pilsen</b></li><br> <li>Institute of Forensic Engineering, 

            of <b>Technology</b></li><br> </ul> </div> </details> </div> <div class="box-middle2"> <de
            <span class="white"><i class="fas fa-chevron-down"></i></span><span class="red"> ?????????
            summary> <div class="box-middle4"> <ul> <li>Faculty of Economics, University of South Bohe

            Budějovice</b></li><br> <li>Faculty of Social and Economic Studies, Jan Evangelista Purkyn
            in <b>Ústí nad Labem</b></li><br> <li>Faculty of Economics, VSB – Technical University of 
            b></li><br> <li>Faculty of Business and Management, Brno University of <b>Technology</b></

            div> </details> </div> <div class="box-middle2"> <details> <summary> <span class="white"><
            chevron-down"></i></span><span class="red"> ???????????????</span> </summary> <div class="
            <ul> <li>Faculty of Health Studies, Jan Evangelista Purkyně University in <b>Ústí nad Labe

            <li>Faculty of Health Care Studies, University of West Bohemia, <b>Pilsen</b></li> </ul> <
            </div> <div class="box-middle2"> <details> <summary> <span class="white"><i class="fas fa-
            i></span><span class="red"> ??????????????</span> </summary> <div class="box-middle4"> <ul

            of Environment, Jan Evangelista Purkyně University in <b>Ústí nad Labem</b></li><br> <li>F
            Agriculture and Technology, University of South Bohemia in <b>České Budějovice</b></li><br
            of Science, Jan Evangelista Purkyně University in <b>Ústí nad Labem</b></li><br> <li>Facul

            University of <b>Ostrava</b></li><br> </ul> </div> </details> </div> <div class="box-middl
            <summary> <span class="white"><i class="fas fa-chevron-down"></i></span><span class="red">
            span> </summary> <div class="box-middle4"> <ul> <li>Faculty of Education, University of <b

            li><br> <li>Faculty of Education, Charles University, <b>Prague</b></li> </ul> </div> </de
            <div class="box-middle3"> <p><i>?????? ??????? ?<span class="red"> ????? ?????????? ??????
            </span>?</i></p> <p><i>?? ??????? ?????????????????? ??????? (????????, <span

            class="red"> ????????, ????????????? ? ?. ?.</span>)?</i></p> <p><i><span class="red">?? ?
            </span> ???????</i></p> <p><b><span class="red">...</span>???????????? ? ?????? <a
            href="https://ujop.cuni.cz/UJOPRU-47.html">COMPLEX</a> ???????????? ??????????? ??????????

            <p>???? ?? ?????? ?????? ?????? ? ?????? ? ?????????? ? ????? ??????? ?????, ?? ????? ????
            LITE ?? ?????? ?????? ???? ????????? <a href="https://ujop.cuni.cz/
            UJOPRU-47.html">FAST</a>.</b></p> <p><b><span class="red">... </

            span> ?? ?? ????? ?????? ????????????? ? ???? ?<a href=" https://ujop.cuni.cz/UJOPRU-47.ht
            filtrvalue_jazykvyuky=10"> ? ??????????? ? ???????? ?? ?????????? ????? ?? ????????? ????<
            a>.</b></p> </div> </section> <section class="buffer"></section> <section class="parallax-

            container parallax-container7"> <div class="card2" style="min-width: 80%; font-size:
            1.2em">???? ?? ?????? ??????? ? ????????? ??????, ? ??? ???? ??? ??????????? ?????? ??????
            </div> <div class="box-middle2" style="width: 80%; font-size: 1.4em; padding: 0px; border:

            #cc2c32;"><a class="link" style="text-decoration: none;" href="https://ujop.cuni.cz/UJOPRU
            target="_blank" rel="noopener noreferrer"> <span class="call-button" style="padding: 20px;
            block; text-align: center; color: white">??????? ?????? ?? ???? ÚJOP 2023/24</span></a> </

            class="box-middle2" style="width: 50%; font-size: 1.4em"><span class="span-blink">??????? 
            2023 ????.</span></div> <section class="countdown-container"> <div class="days-container">
            class="days" id="days"></div> <div class="days-label">days</div> </div> <div class="hours-

            <div class="hours" id="hours"></div> <div class="hours-label">hours</div> </div> <div clas
            container"> <div class="minutes" id="minutes"></div> <div class="minutes-label">minutes</d
            div> <div class="seconds-container"> <div class="seconds" id="seconds"></div> <div class="

            label">seconds</div> </div> </section> <div class="box-middle2" style="width: 60%; font-si
            href="https://ujop.cuni.cz/UJOPRU-61.html" target="_blank"> ????????? ??????????</a> – ???
            99% ??????? ?? ???? ???????, ????????? ? ?????????? ?????, ??????, ????????? ??????? ? <a 

            ujop.cuni.cz/UJOPRU-88.html" target="_blank">???????????</a>.</div> <div class="box-middle
            60%; font-size: 1em">?? ???? ?????? ?? ??????? ????????? <a href="https://ujop.cuni.cz/UJO
            target="_blank">?????????? ? ???????? ????????</a>.</div> </section> <section class="buffe

            <section class="parallax-container parallax-container8"> <h1>???????? ????????</h1> <p sty
            1.4em; color: white;">??? InfoPoint ? ???????? ??????? ?? ??? ???? ???????.</p> <p style="
            1em; color: white;">????? ?????????? ???????????? ??????????? ???????? <a href="https://uj

            UJOPRU-61.html" target="_blank"> ????????? ??????????</a>, ??????????? ????.</p> <div><p s
            3em; color: #cc2c32;">@</p> <a href="mailto:studujop@ujop.cuni.cz" target="_blank"><p styl
            1.4em; color: white;">studujop@ujop.cuni.cz</p></a></div> <div><img class="icon-contact" s

            ujop.cuni.cz/UJOP-380-version1-whapp_icon.png"><p style="font-size: 1.4em; color: white;">
            754 481</p></div> <img src="https://ujop.cuni.cz/UJOP-380-version1-ujop_srdce.png" width="

            section></p><script> // Set the date we're counting down to var countDownDate = new Date("
            01:00:00").getTime(); // Update the count down every 1 second var x = setInterval(function
            today's date and time var now = new Date().getTime(); // Find the distance between now and

            date var distance = countDownDate - now; // Time calculations for days, hours, minutes and
            days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1
            * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000

            seconds = Math.floor((distance % (1000 * 60)) / 1000); // Output the result in an element 
            document.getElementById("days").innerHTML = days; document.getElementById("hours").innerHT
            document.getElementById("minutes").innerHTML = minutes; document.getElementById("seconds")

            = seconds; // If the count down is over, write some text if (distance < 0) { clearInterval
            document.getElementById("demo").innerHTML = "EXPIRED"; } }, 1000); </script>