История












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

            *
            ******************************************************************************************
                                                                                                      
              ?? ???????? ????? ???                                                                   
              60-?????? ?????? ???????????? ???????? ????? ? ?????????? ????????? ?? ????????? ??????,

            <style> /* Timeline Container */ .timeline { background: var(--primary-color); margin: 20p

            left: 60px; } /* Outer Layer with the timeline border */ .outer { border-left: 1px solid #
            container */ .card { position: relative; margin: 0 0 0 20px; padding: 10px; background: wh
            border-radius: 8px; max-width: 100%; } /* Information about the timeline */ .info { displa

            direction: column; gap: 10px; } /* Title of the card */ .title-tl { color: black; position
            Timeline dot */ .title-tl::before { content: ""; position: absolute; width: 21px; height: 

            #cccccc; border-radius: 999px; left: -41px; border: 3px solid #cccccc; } /* Title of the c
            tl-rok { color: #d32d41; position: relative; } /* Timeline dot */ .title-tl-rok::before { 
            position: absolute; width: 30px; height: 30px; background: white; border-radius: 999px; le

            border: 3px solid #d32d41; } </style> <div class="timeline"> <div class="outer"> <div clas
            class="info"> <p class="title-tl">????? ??? ?????????? ????????</p> </div> </div> <div cla
            class="info"> <p class="title-tl">???????? ?????????? ?????????? ? ???????? ????????????</

            div> <div class="card"> <div class="info"> <p class="title-tl">????????? ??????????? ?????
            </p> </div> </div> <div class="card"> <div class="info"> <h2 class="title-tl-
            rok"><b>2020</b></h2> </div> </div> <div class="card"> <div class="info"> <p class="title-

            tl">????????? ???????????? ???????? ????? ??? ???????????? ? ????? ? ?? ???????? </p> </di
            <div class="card"> <div class="info"> <p class="title-tl">??????? ???? ??? ??????</p> </di
            <div class="card"> <div class="info"> <p class="title-tl">???????????????? ??????????? ???

            </div> </div> <div class="card"> <div class="info"> <h2 class="title-tl-rok"><b>2010</b></
            </div> <div class="card"> <div class="info"> <p class="title-tl">Online ?????</p> </div> <
            class="card"> <div class="info"> <p class="title-tl">???????? ? ALTE</p> </div> </div> <di

            <div class="info"> <p class="title-tl">????????????????? ???????? ?? ???????? ????? ??? ??
            (CCE)</p> </div> </div> <div class="card"> <div class="info"> <p class="title-
            tl">?????????? ????????????????? ????????????</p> </div> </div> <div class="card"> <div cl

            <p class="title-tl">???????? ????????? ? ?????? ????????? Erasmus</p> </div> </div> <div c
            <div class="info"> <p class="title-tl">?????????????? ? ????????????</p> </div> </div> <di
            <div class="info"> <h2 class="title-tl-rok"><b>2000</b></h2> </div> </div> <div class="car

            <div class="info"> <p class="title-tl">?????????? ? ??????????? ? ??????????? ?? ?????????
            </p> </div> </div> <div class="card"> <div class="info"> <p class="title-
            tl">????????? ?????? ??? ???????????? ?????????</p> </div> </div> <div class="card"> <div

            class="info"> <p class="title-tl">????????? ?????????????? ???????? ??? ??????? ?????????<
            div> </div> <div class="card"> <div class="info"> <p class="title-tl">?????????? ?????????
            br> - ?????? ?????</br> - ????????????? ?????</br> - ????????? ?????? ????? ????????</br>

            - ????? ??? ?????????????????, ??????????? ?? ???????</p> </div> </div> <div class="card">
            class="info"> <h2 class="title-tl-rok"><b>1990</b></h2> </div> </div> <div class="card"> <
            <p class="title-tl">????????????????? ????????????</p> </div> </div> <div class="card"> <d

            <p class="title-tl">? 1986 ???? ???????? ? ??????? ???????????? ?????? ??????????? ??????<
            <div class="card"> <div class="info"> <p class="title-tl">????? ??????????????? ???????</p
            <div class="card"> <div class="info"> <p class="title-tl">??????? ?????????? ?????????????

            </p> </div> </div> <div class="card"> <div class="info"> <h2 class="title-tl-rok"><b>1980<
            b></h2> </div> </div> <div class="card"> <div class="info"> <p class="title-tl"><b>1974</b
            div> ? ???????? ????????? ???????? ? ???????????????? ?????????? ??????? ???????????? ????

            (ÚJOP UK)</p> </div> </div> <div class="card"> <div class="info"> <h2 class="title-tl-
            rok"><b>1970</b></h2> </div> </div> <div class="card"> <div class="info"> <p class="title-
            tl">???????? ??????????? ??????? ??????????</p> </div> </div> <div class="card"> <div clas

            <p class="title-tl">?????? ??????? ???????: ??????? ???? ??? ???????????</p> </div> </div>
            class="card"> <div class="info"> <h2 class="title-tl-rok"><b>1960</b></h2> </div> </div> <
            <div class="info"> <p class="title-tl">?????? ???????? ??????????? ?????????</p> </div> </

            class="card"> <div class="info"> <h2 class="title-tl-rok"><b>1950</b></h2> </div> </div> <