
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="/assets/ico/favicon.png">
    <title>
        Kolegium Okupasi Terapis Indonesia
    </title>
    <!-- Bootstrap Core CSS -->
    <link href="/assets/css/bootstrap.css" rel="stylesheet">
    <!-- Custom Stylesheet For This Template -->
    <link href="/assets/css/stylesheet.css" rel="stylesheet">
    <link href="/assets/css/skins.css" rel="stylesheet">
    <!-- Font Awesome  -->
    <link href="/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic|Montserrat:400,700" rel='stylesheet' type='text/css'>
        <style>
        .required:after {
            content: "*";
        }
    </style>
    <script src="https://code.jquery.com/jquery-2.0.3.min.js"
            integrity="sha256-sTy1mJ4I/LAjFCCdEB4RAvPSmRCb3CU7YqodohyeOLo="
            crossorigin="anonymous"></script>
    <script src="/assets/js/bootstrap.min.js"></script>
</head>
<body>
<div id="main-wrapper" class="color-skin-3">
   <!---
    <header id="header-1" class="header">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-8 header-info-wrapper">
                    <ul class="list-inline">
                        <li><i class="icon-envelope"></i>Mail: rol.pusdik@gmail.com</li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-4 social-link-wrapper">
                    <ul class="social-links">
                        <li><a href="#"><i class="icon-facebook"></i></a></li>
                        <li><a href="#"><i class="icon-google-plus"></i></a></li>
                        <li><a href="#"><i class="icon-twitter"></i></a></li>
                        <li><a href="#"><i class="icon-pinterest"></i></a></li>
                        <li><a href="#"><i class="icon-linkedin"></i></a></li>
                        <li><a href="#"><i class="icon-dribbble"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
	-->
    <!-- /.header-1 -->
    <header id="header-2" class="header">
        <nav class="navbar navbar-default" role="navigation">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="/">
                        <img src="/uploads/images/688316fe1b38e834775727.jpg" align="left" class="hidden-xs hidden-sm" style="padding-top: 8px;padding-left: 1px;" height="80"/>
                    </a>
                    <a class="navbar-brand hidden-xs hidden-sm" href="/" style="margin-top: -20px;">
                        <span style="margin-top: 20px;">
                         Uji Kompetensi
                        </span> <br />
                        <div style="width: 65%">
                            Kolegium Okupasi Terapis Indonesia
                        </div>

                    </a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-ex1-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active">
                            <a href="/">Beranda</a>
                        </li>
                        <li class="">
                            <a href="/berita">Berita</a>
                        </li>
                                                                                <li>
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Reset Password</a>
                                <ul class="dropdown-menu">
                                    <li><a href="/form-cetak-kode-reset">Cetak kode reset</a></li>
                                    <li><a href="/form-aktivasi-reset">Konfirmasi reset</a></li>
                                </ul>
                            </li>
                                                                            <li>
                                <a href="/login">Login</a>
                            </li>
                        
                    </ul>
                    <!-- /.nav -->
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>
        <!-- /.navbar -->
    </header>
    <!-- /#header-2 -->

        <section id="blog-posts" class="section">
        <div class="container">

                <div class="row">
                    <div class="col-md-12">
                                                                                                                                                                                                                                                                                        
                        
                        <ul style="margin-top: 10px">
                                                    </ul>
                    </div>
                </div>



            <div class="row">
                <div class="col-md-12">
                   <!-- <div class="alert alert-warning alert-dismissable">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        Pendaftaran Tryout  dibuka dari Tgl 10 November 2018 - 14 November 2018,  Batas akhir pembayaran  Jatuh pada tanggal <strong>14 November 2018 pukul 23:59</strong>
                    </div>-->
                </div>
            </div>
            <div class="wrapper-2">
                <h5 class="subpage-title">
                    <span>Berita terbaru</span>
                    <span id="blog-posts-next" class="next black"><i class="icon-angle-right"></i></span>
                    <span id="blog-posts-prev" class="prev black"><i class="icon-angle-left"></i></span>
                </h5>
                <div class="row">
                    <div id="caroufredsel-blog-posts-container">
                                                     <div class="col-xs-12 col-sm-6 col-md-4">
                            <article class="post post-2">
                                <div class="post-thumb">
                                    <a href="/uploads/images/605965b9f2fe4241879081.jpg"><img src="/uploads/images/605965b9f2fe4241879081.jpg" class="img-responsive" alt="Responsive image"></a>
                                </div>
                                <div class="post-content">
                                    <h5 class="post-title"><a href="/berita/9273a52f-de65-11e7-adc7-622970084a6f/detail">Daftar Lokasi CBT</a></h5>
                                </div>
                                <div class="post-meta">
                                    <ul class="meta-list">
                                        <li>
                                            <span>Posted on</span>
                                            <span class="black" >16-Feb-2021</span>
                                        </li>
                                    </ul>
                                </div>
                            </article>
                        </div>
                                                     <div class="col-xs-12 col-sm-6 col-md-4">
                            <article class="post post-2">
                                <div class="post-thumb">
                                    <a href="/uploads/images/605965ac378ef040330819.gif"><img src="/uploads/images/605965ac378ef040330819.gif" class="img-responsive" alt="Responsive image"></a>
                                </div>
                                <div class="post-content">
                                    <h5 class="post-title"><a href="/berita/aee9685b-7001-11eb-89e6-42401b693a10/detail">Cara mendaftar online Tryout</a></h5>
                                </div>
                                <div class="post-meta">
                                    <ul class="meta-list">
                                        <li>
                                            <span>Posted on</span>
                                            <span class="black" >16-Feb-2021</span>
                                        </li>
                                    </ul>
                                </div>
                            </article>
                        </div>
                                            </div>
                </div>
            </div>
        </div>
    </section>


    <!-- /#our-clients -->
    <footer id="footer-1" class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="widget">
                        <span class="footer-brand">
                           KOTI

                        </span>
                        <div style="color: white">
                            Jl. Hang Jebat III Blok F3 Kebayoran Baru, Jakarta Selatan 12120
                        </div>
                    </div>
                    <!-- /.about-us -->
                </div>

                <div class="col-md-3">
    <div class="widget popular-posts">
        <h5 class="subpage-title">Berita Terpopuler</h5>
        <ul class="recent-posts">
                        <li>
                <h5>
                    <a href="/berita/9273a52f-de65-11e7-adc7-622970084a6f/detail">Daftar Lokasi CBT</a>
                    <small>16-Feb-2021</small>
                </h5>
            </li>
                        <li>
                <h5>
                    <a href="/berita/aee9685b-7001-11eb-89e6-42401b693a10/detail">Cara mendaftar online Tryout</a>
                    <small>16-Feb-2021</small>
                </h5>
            </li>
                    </ul>
    </div>
    <!-- /.popular-posts -->
</div>




                <div class="col-md-3">
    <div class="widget popular-posts">
        <h5 class="subpage-title">Agenda Kegiatan</h5>
        <ul class="recent-posts">
                    </ul>
    </div>
    <!-- /.popular-posts -->
</div>


            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </footer>
    <!-- /#footer-1 -->
    <footer id="footer-2" class="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-8 footer-info-wrapper">
                    <span>
                         Kolegium Okupasi Terapis Indonesia© 2021. Powered by <a href="#">Flash Informatika Cemerlang</a></span>
                </div>
                <!-- /.footer-info-wrapper -->
                <div class="col-xs-12 col-sm-4 social-link-wrapper">
                    <ul class="social-links">
                        <li><a href="#"><i class="icon-facebook"></i></a></li>
                        <li><a href="#"><i class="icon-google-plus"></i></a></li>
                        <li><a href="#"><i class="icon-twitter"></i></a></li>
                    </ul>
                </div>
                <!-- /.social-link-wrapper -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </footer>
    <!-- /#footer-2 -->

</div>
<!-- /#main-wrapper -->
    


    <script src="/assets/js/jquery.carouFredSel-6.2.1.js"></script>

    <script type="text/javascript">

        $(document).ready(function() {
            var caroufredsel = function () {
                jQuery('#caroufredsel-portfolio-container').carouFredSel({
                    responsive: true,
                    scroll: 1,
                    circular: true,
                    infinite: false,
                    items: {
                        visible: {
                            min: 1,
                            max: 4
                        }
                    },
                    prev: '#portfolio-prev',
                    next: '#portfolio-next',
                    auto: {
                        play: false
                    }
                });
                jQuery('#caroufredsel-blog-posts-container').carouFredSel({
                    responsive: true,
                    scroll: 1,
                    circular: false,
                    infinite: false,
                    items: {
                        visible: {
                            min: 1,
                            max: 3
                        }
                    },
                    prev: '#blog-posts-prev',
                    next: '#blog-posts-next',
                    auto: {
                        play: false
                    }
                });
                jQuery('#caroufredsel-clients-container').carouFredSel({
                    height: '100%',
                    responsive: true,
                    scroll: 1,
                    circular: false,
                    infinite: false,
                    items: {
                        visible: {
                            min: 1,
                            max: 3
                        }
                    },
                    prev: '#client-prev',
                    next: '#client-next',
                    auto: {
                        play: true
                    }
                });
            };
            jQuery(window).load(function () {
                caroufredsel();
            });
            jQuery(window).resize(function () {
                caroufredsel();
            });

            $('#by_judul').on('click',function(){
                $('#by').val('judul');
                $('#simple_search').submit();
            });

            $('#by_pengarang').on('click',function(){
                $('#by').val('pengarang');
                $('#simple_search').submit();
            });

            $('#by_penerbit').on('click',function(){
                $('#by').val('penerbit');
                $('#simple_search').submit();
            });
        });


    </script>

<!--Start of Tawk.to Script-->
<!--<script type="text/javascript">
    var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
    (function(){
        var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
        s1.async=true;
        s1.src='https://embed.tawk.to/5be5c9a670ff5a5a3a7171b6/default';
        s1.charset='UTF-8';
        s1.setAttribute('crossorigin','*');
        s0.parentNode.insertBefore(s1,s0);
    })();
</script>-->
<!--End of Tawk.to Script-->
</body>
</html>
