Навчання в Чехії безкоштовно — Підготовча програма до вступу в університет COMPLEX (че












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

            *
            ******************************************************************************************
            <style> .flex-container1 { display: flex; flex-direction: row; width: 100%; justify-conten

            align-items: center; text-align: center; } .flex-item-40l { flex: 40%; padding: 30px; alig
            text-align: center; } .flex-item-60r { flex: 60%; align-self: center; text-align: center; 
            item-60l { flex: 60%; text-align: center; } .flex-item-40r { flex: 40%; padding: 30px; ali

            self: center; text-align: center; } .card-container { display: flex; flex-direction: row; 
            wrap: wrap; padding: 2em 0; align-items: center; justify-content: center; gap: 1.6em; text
            center; } .card { display: flex; max-width: 40%; min-height: 10vh; flex-direction: column;

            items: center; padding-bottom: 1rem; background-color: white; box-shadow: 0 4px 8px 0 rgba
            0, 0.2); } .card-img { width: 100%; height: 200px; background-position: center; background

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

            ujop.cuni.cz/UJOPEN-167-version1-mapa_cr.jpg); } .card:nth-of-type(4) .card-img { backgrou
            url(https://ujop.cuni.cz/UJOPEN-167-version1-dancing_house.jpg); } .flex-container2 { disp
            align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; paddin

            gap: 4rem; text-align: center; gap: 1.6em; } .card2 { display: flex; max-width: 40%; align
            padding: 1rem; color: white; background-color: rgba(0, 0, 0, 0.5) box-shadow: 0 29px 38px 
            0 0 / 43%); } .red { color: #cc2c32; font-weight: bold; } .container-piktogr { display: fl

            direction: row; flex-wrap: wrap; justify-content: space-around; padding: 1em 0em 2em 0em; 
            center; row-gap: 4rem; } .piktogr { display: flex; width: 14%; flex-direction: column; jus
            center align-items: center; border-radius: 1.3em; font-size: 1.3em; line-height: 1.1; } .p

            { width: 100%; } .piktogr a { color: black; text-decoration: none; } .popisek { width: 100
            0px; } .card-list { display: flex; padding: 0.3em; color: white; text-align: left; } .glyp
            right: 10px; } .span-blink { padding: 20px 0px; font-size: 1.4em; color: cc2c32; animation

            infinite; } @keyframes blink{ 0%{opacity: 0;} 100%{opacity: 1;} } .countdown-container { d
            justify-content: center; width: 100%; padding-top: 1.5em; } .days-container, .hours-contai
            container, .seconds-container { display: flex; flex-direction: column; align-items: center

            content: center; color: white; width: 80px; height: 80px; margin: 5px; } .days, .hours, .m
            { font-size: 2em; margin: 3px 0; } .days-label, .hours-label, .minutes-label, .seconds-lab
            transform: uppercase; margin-bottom: 5px; } .flex-container1 button { border: none; outlin

            1em; margin: 0.5em 0em 2em 0em; font-size: 1.2em; border-radius: 6px; color: white; backgr
            #333333; text-align: center; cursor: pointer; width: 100%; } .flex-container1 button:hover
            0.7; } .img-resize1 { width: 40%; } .icon-contact { width: 1.8em; margin: 10px; } @media (

            800px) { .flex-container1 { flex-direction: column; } .flex-item-40l { margin: 40px 40px; 
            item-60l { order: 2; } .flex-item-40r { order: 1; margin: 40px 40px; } .card { max-width: 
            img { height: 400px; margin-bottom: 20px; } .flex-container2 { padding: 2em 0 3em 0em; } .

            { width: 40%; } .card2 { max-width: 80%; } .glyph { padding-right: 20px; } .img-resize1 { 
            50px; width: 90%; } .days-container, .hours-container, .minutes-container, .seconds-contai
            size: 0.8em; width: 160px; height: 160px; } .flex-container1 button { border-radius: 10px;

            <section class="flex-container1" style="background-color: #003657; color: white; font-size
            class="flex-item-40l"> <p>???? ?????? ? ????? — ??????????? ??? ????, ??????? ??? ????????
            (?????????). ????? ????? — ???????? ???????????? ??????? ?????.</p> <p>&nbsp;</p>

            <p>?? ??????????! ???????? ?????? ???? ?????????? ?? ??????? ??? ??????? ???? ? ???? ?? ??
            <p>&nbsp;</p> <p><a href="https://ujop.cuni.cz/UJOPEN-69.html?filtrvalue_jazykvyuky=7"> <i
            ujop.cuni.cz/UJOPEN-180-version1-study_english.png" alt="Study in English" width="30%"></a

            <div class="flex-item-60r"> <img src="https://ujop.cuni.cz/UJOPEN-167-version1-prague_pano
            alt="praha" width="100%"> </div> </section> <section class="flex-container1" style="backgr
            #d32d41; color: white; font-size: 1.1em"> <div class="flex-item-60l"> <img src="https://uj

            UJOPEN-167-version1-cuni_jump.jpg" alt="charles university jumping students" width="100%">
            <div class="flex-item-40r"> <p>???? ????? ????????? ? ????????? ????????????, ? ????????? 
            70 ????? ?? ??????? ???????? ????????? ??????? ???? ?? ????? ??????, ?? ????????? ??? ????

            — ????????? ??????????? ? ????????? ????????????? ????? </p> </div> </section> <br/> <h1 s
            align: center;">??????? ????? ???????.</br>?? ??????? ?? ?????? ?? ?????????? ?????????? ?
            h1></br> <section class="container-piktogr"> <div class="piktogr"><a href="https://ujop.cu

            UJOPEN-69.html?filtrvalue_oborstudia=10" target="_blank"> <img src="https://ujop.cuni.cz/
            UJOPEN-230-version1-medicina2.png" alt="medicine"><div class="popisek">???????? ?? ???????
            </div></a> </div> <div class="piktogr"><a href="https://ujop.cuni.cz/UJOPEN-69.html?

            filtrvalue_oborstudia=11" target="_blank"> <img src="https://ujop.cuni.cz/UJOPEN-266-versi
            prirodni_vedy.png" alt="medicine"><div div class="popisek">?????????? ?????</div></a> </di
            <div class="piktogr"><a href="https://ujop.cuni.cz/UJOPEN-69.html?filtrvalue_oborstudia=12

            target="_blank"> <img src="https://ujop.cuni.cz/UJOPEN-234-version1-technika_a_it.png" alt
            class="popisek">????????? ?? ??</div></a> </div> <div class="piktogr"><a href="https://ujo
            UJOPEN-69.html?filtrvalue_oborstudia=8" target="_blank"> <img src="https://ujop.cuni.cz/UJ

            version1-ekonomie.png" alt="eko"><div class="popisek">?????????? ?????????????</div></a> <
            div> <div class="piktogr"><a href="https://ujop.cuni.cz/UJOPEN-69.html?filtrvalue_oborstud
            target="_blank"> <img src="https://ujop.cuni.cz/UJOPEN-238-version1-humanitni_vedy.png" al

            class="popisek">??????????? ?????</div></a> </div> <div class="piktogr"><a href="https://u
            UJOPEN-69.html?filtrvalue_oborstudia=13" target="_blank"> <img src="https://ujop.cuni.cz/U
            version1-umeni_a_architektura.png" alt="umel"><div class="popisek">????????? ?? ??????????

            div></a> </div> </section> <div style="padding-bottom: 0.5em;"> <h1 style="text-align: cen
            color: #003657;">?????????? ???????? ?? ?????? ? ??????????? ???????</h1></div> <div class
            container1" style="background-color: #003657; color: white; font-size: 1.1em"> <div class=

            item-40l" style="text-align: left"> <div class="card-list"><div class="glyph"> <span class
            glyphicon-ok title" style="font-size: initial; font-weight: normal; color: #cc2c32;" aria-
            hidden="true"></span></div> <div>1250 ????? ?????? ?? ??? (??????? ? ??????????? ?? ??????

            div></div> <div class="card-list"><div class="glyph"> <span class="glyphicon glyphicon-ok 
            style="font-size: initial; font-weight: normal; color: #cc2c32;" aria-hidden="true"></span
            <div>??????????, ?? ???????? ??? ?????? ? ??????? ???? ?? ????????? ???????????</div></div

            class="card-list"><div class="glyph"> <span class="glyphicon glyphicon-ok title" style="fo
            font-weight: normal; color: #cc2c32;" aria-hidden="true"></span></div> <div>???????? ? ???
            </div></div> <div class="card-list"><div class="glyph"> <span class="glyphicon glyphicon-o

            style="font-size: initial; font-weight: normal; color: #cc2c32;" aria-hidden="true"></span
            <div>???????? ??? ??? ????????????? ?????????? ??? ??????</div></div> <div class="card-lis
            class="glyph"> <span class="glyphicon glyphicon-ok title" style="font-size: initial; font-

            normal; color: #cc2c32;" aria-hidden="true"></span></div> <div>???’???? ????????????</div>
            class="card-list"><div class="glyph"> <span class="glyphicon glyphicon-ok title" style="fo
            initial; font-weight: normal; color: #cc2c32;" aria-hidden="true"></span></div> <div>?????

            InfoPoint (studujop@ujop.cuni.cz/WhatsApp)</div></div> </div> <div class="flex-item-60r"> 
            src="https://ujop.cuni.cz/UJOPEN-167-version1-class_01.jpg" alt="class" width="100%"> </di
            <section class="flex-container1" style="background-color: #003657; color: white; font-size

            <div class="flex-item-60l"> <img src="https://ujop.cuni.cz/UJOPEN-167-version1-certif_jump
            alt="ujop jumping students" width="100%"> </div> <div class="flex-item-40r"> <div class="c
            class="glyph"> <span class="glyphicon glyphicon-ok title" style="font-size: initial; font-

            normal; color: #cc2c32;" aria-hidden="true"></span></div> <div>?????????????? ????????? ??
            </div></div> <div class="card-list"><div class="glyph"> <span class="glyphicon glyphicon-o
            style="font-size: initial; font-weight: normal; color: #cc2c32;" aria-hidden="true"></span

            <div>?????????? ??? ???? ?????????</div></div> <div class="card-list"><div class="glyph"> 
            class="glyphicon glyphicon-ok title" style="font-size: initial; font-weight: normal; color
            aria-hidden="true"></span></div> <div>??????????? ?? ???????????? Wi-Fi ??????</div></div>

            class="card-list"><div class="glyph"> <span class="glyphicon glyphicon-ok title" style="fo
            initial; font-weight: normal; color: #cc2c32;" aria-hidden="true"></span></div> <div>?????
            div></div> <div class="card-list"><div class="glyph"> <span class="glyphicon glyphicon-ok 

            style="font-size: initial; font-weight: normal; color: #cc2c32;" aria-hidden="true"></span
            <div>?????? ?? ????????? ????????? ????????????</div></div> <div class="card-list"><div cl
            <span class="glyphicon glyphicon-ok title" style="font-size: initial; font-weight: normal;

            aria-hidden="true"></span></div> <div>?????? ?????????? ????????</div></div> </div> </sect
            class="flex-container1" > <div class="flex-item-40l" style="background-color: #d32d41; col
            font-size: 1.1em; text-align: center"> <span class="span-blink">???? ?? ????????? ??????? 

            <br/>25 ?????? 2025 ????.</span> <div class="countdown-container"> <div class="days-contai
            <div class="days" id="days"></div> <div class="days-label">days</div> </div> <div class="h
            container"> <div class="hours" id="hours"></div> <div class="hours-label">hours</div> </di

            <div class="minutes-container"> <div class="minutes" id="minutes"></div> <div class="minut
            label">minutes</div> </div> <div class="seconds-container"> <div class="seconds" id="secon
            div> <div class="seconds-label">seconds</div> </div> </div> </div> <div class="flex-item-6

            style="background-color: white; color: #003657; font-size: 1.1em; padding: 40px;"> <div><a
            href="https://ujop.cuni.cz/UJOPEN-69.html" target="_blank"><button>??????? ??????</button>
            <div><p>??????? ?????? ?? ?????? ? ???????? ???????????. ??????? ?????? ?????, ??? ???????

            p></div> </div> </div> <section class="card-container"> <h1>???? ????? ??????? ???? ? ????
            </h1> <div class="card"> <div class="card-img"></div> <h3>???????? ??????</h3> <div style=
            1% 5% 5% 5%;"><p>????? — ???? ? ?????????????? ????? ? ?????. ?? ?????? <a href="https://

            www.visionofhumanity.org/maps/#/" target="_blank" rel="noopener">??????????? ??????? ????
            </a>, ???? ?????? ???????? ???????? ????????? ?? ????, ? 2024 ???? ????? ??????
            12-?? ????? ? ????? ?? ?????? ??????? ?????. </p></div> </div> <div class="card"> <div

            class="card-img"></div> <h3>???????? ????????????</h3> <div style="padding: 1% 5% 5%
            5%;"><p>?????? ???????????? ??????? ?? ???????? ????????? ????????????? ?????. ???????? ??
            <a href="https://www.topuniversities.com/universities/charles-university"

            target="_blank" rel="noopener">246 ?????</a> ? ???????? QS World University
            Rankings. ? ????????? ???????? ????? ???????????? <a href="https://www.topuniversities.com
            rankings/world-university-rankings/2023" target="_blank" rel="noopener">?? 10 ??????? ????

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

            <div class="card"> <div class="card-img"></div> <h3>???????? ???????? ?????</h3> <div styl
            5% 5%;"><p>? ????? ??????? ?????? ????? ?? ??????? ?????????????? ??? ???????? ? ?????????
            — ? ?????? ?? ?????? ????? <a href="https://blog.ujop.cuni.cz/2022/08/19/how-fast-will-the

            czech-language-course-pay-off/" target="_blank" rel="noopener">«?? ?????? ????????? ?????»
            a>. </p></div> </div> </section> <section class="flex-container2" style="background-
            color: #003657;"> <div><img class="img-resize1" src="https://ujop.cuni.cz/UJOPEN-167-

            version1-znak_uk_white.png" alt="znak UK"></div> <h1 style="color: white; padding:
            0.5em; line-height: 1;">???????? ?????????? ???????? ????????? ????????????

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

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

            span> ??? ??????????? ??????????. ?? ??????????? ??????, ????????? ?? ????????????. ????? 
            — ??????????? ????????? ? ???????? ???????? ????????????. </p></div> <div class="card2">
            <p><span 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>???????? ?? ? ???????? ????????? ????????????, ?? ??????? ??????????? ???????????? ??
            Fi-??????. ????? ???????? ?????????? ?????? ????????????? ???????????? ???????????. </p></
            section> <br/> <br/><br/> <div style="padding-bottom: 0.5em;"> <h1 style="text-align: cent

            #003657;">?????????? ??????????</h1></div> <section class="flex-container1" style="backgro
            color: #003657; color: white; font-size: 1.1em;"> <div class="flex-item-60l"> <img src="ht
            ujop.cuni.cz/UJOPEN-167-version1-infopoint.jpg" alt="infopoint" width="100%"> </div> <div 

            item-40r"> <p>???????? ????-??? ????????? ?????? InfoPoint ? ?? ? ??????? ??? ??????????.<
            style="font-size: 2em; color: white; padding-top: 20px;">@</p> <a href="mailto:studujop@uj
            target="_blank"><p>studujop@ujop.cuni.cz</p></a></div> <div style="padding-top: 20px;"><im

            contact" src="https://ujop.cuni.cz/UJOP-380-version1-whapp_icon.png"><p style="font-size: 
            white;"> +420 778 754 481</p></div> </div> </section>
            <script> // Set the date we're counting down to var countDownDate = new Date("August 25, 2

            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>