"Untitled"
Bootstrap 3.0.1 Snippet by katalay

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="page-banner animated8" style="padding:25px 0;"> <div class="container"> Organisazyon Şeması </div> </div> <div class="content" style="padding: 30px 0;"> <div class="container"> <div class="page-content"> <div class="row"> <div class="row animated1"> <div class="col-md-5 col-sm-4 col-xs-4"></div> <div class="col-md-2 col-sm-4 col-xs-4 kutu" onclick="location.href='#'">Rektör</div> <div class="col-md-5 col-sm-4 col-xs-4"></div> </div> <div class="row animated4"> <div class="col-md-6 col-sm-6 col-xs-6 ciz2k"></div> <div class="col-md-6 col-sm-6 col-xs-6"></div> </div> <div class="row animated4"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-9 col-sm-6 col-xs-6"></div> <div class="col-md-3 col-sm-6 col-xs-6 ciz1 ciz2k ciz4k"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6 ciz1 ciz2k"></div> <div class="col-md-9 col-sm-6 col-xs-6"></div> </div> </div> </div> <div class="row" style="animation: flipInX 1s ease-in 700ms both;"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-7 col-sm-4 col-xs-2"></div> <div class="col-md-3 col-sm-4 col-xs-8 kutu" onclick="location.href='#'">Senato</div> <div class="col-md-2 col-sm-4 col-xs-2 ciz2"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 col-sm-4 col-xs-2"></div> <div class="col-md-3 col-sm-4 col-xs-8 kutu" onclick="location.href='#'">Yönetim Kurulu</div> <div class="col-md-7 col-sm-4 col-xs-2"></div> </div> </div> </div> <div class="row" style="animation: bounceInLeft 1s ease-in-out 500ms both;"> <div class="col-md-6 col-sm-6 col-xs-6 ciz2k"></div> <div class="col-md-6 col-sm-6 col-xs-6"></div> </div> <div class="row" style="animation: bounceInLeft 1s ease-in-out 900ms both;"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-4"></div> <div class="col-md-5 col-sm-5 col-xs-5 ciz1 ciz4k"></div> <div class="col-md-3 col-sm-3 col-xs-3 ciz1 ciz2k ciz4k"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-4 ciz1 ciz2k"></div> <div class="col-md-9 col-sm-9 col-xs-8"></div> </div> </div> </div> <div class="row" style="animation: bounceInRight 1s ease-in-out 1300ms both;"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 col-sm-2 hidden-xs"></div> <div class="col-md-3 col-sm-3 col-xs-6 kutu" onclick="location.href='#'">Rektör Yardımcısı</div> <div class="col-md-2 col-sm-2 hidden-xs"></div> <div class="col-md-3 col-sm-3 col-xs-6 kutu" onclick="location.href='#'">Rektör Yardımcısı</div> <div class="col-md-2 col-sm-2 hidden-xs ciz2"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 col-sm-2 col-xs-2"></div> <div class="col-md-3 col-sm-3 col-xs-6 kutu" onclick="location.href='#'">Rektör Yardımcısı</div> <div class="col-md-7 col-sm-7 col-xs-4"></div> </div> </div> </div> <div class=""><!--%%%--> <div class="row" style="animation: bounceIn 1s ease-in 900ms both;"> <div class="col-md-6 col-sm-6 col-xs-6 ciz2k"></div> <div class="col-md-6 col-sm-6 col-xs-6"></div> </div> <div class="row" style="animation: bounceIn 1s ease-in 900ms both;"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 col-sm-2 col-xs-4"></div> <div class="col-md-6 col-sm-6 col-xs-4 ciz1 ciz4k"></div> <div class="col-md-4 col-sm-4 hidden-xs ciz1 ciz4k"></div> <div class="hidden-lg hidden-md hidden-sm col-xs-4 ciz1"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 col-sm-2 hidden-xs ciz1 ciz2k"></div> <div class="col-md-4 col-sm-4 col-xs-4 ciz1 ciz2k"></div> <div class="col-md-4 col-sm-4 hidden-xs ciz1 ciz2k"></div> <div class="col-md-2 col-sm-2 col-xs-8"></div> </div> </div> </div> <div class="row"> <div class="col-md-2 col-sm-2 col-xs-4 animated fadeIn delay-01" style="animation: bounceIn 1s ease-in 100ms both;" data-animation="fadeIn" data-animation-delay="01"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12 kutu renk1" onclick="location.href='#'">Akademik Birimler</div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6 ciz2k"></div> <div class="col-md-6 col-sm-6 col-xs-6"></div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-6 ciz1 ciz4k"></div> <div class="col-md-6"></div> </div> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs ciz1 ciz4"></div> <div class="col-md-10 col-sm-12 col-xs-12 kutu renk1" onclick="location.href='#'">Fakülteler</div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-12 ciz4k"></div> </div> <div class="row hidden-lg hidden-md"> <div class="col-sm-6 col-xs-6 ciz2k"></div> <div class="col-sm-6 col-xs-6"></div> </div> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs ciz1 ciz4"></div> <div class="col-md-10 col-sm-12 col-xs-12 kutu renk1" onclick="location.href='#'">Enstitüler</div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-12 ciz4k"></div> </div> <div class="row hidden-lg hidden-md"> <div class="col-sm-6 col-xs-6 ciz2k"></div> <div class="col-sm-6 col-xs-6"></div> </div> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs ciz1 ciz4"></div> <div class="col-md-10 col-sm-12 col-xs-12 kutu renk1" onclick="location.href='#'">Yüksekokullar</div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-12 ciz4k"></div> </div> <div class="row hidden-lg hidden-md"> <div class="col-sm-6 col-xs-6 ciz2k"></div> <div class="col-sm-6 col-xs-6"></div> </div> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs ciz1 ciz4"></div> <div class="col-md-10 col-sm-12 col-xs-12 kutu kutu2 renk1" onclick="location.href='#'">Meslek Yüksekokulları</div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-12 ciz4k"></div> </div> <div class="row hidden-lg hidden-md"> <div class="col-sm-6 col-xs-6 ciz2k"></div> <div class="col-sm-6 col-xs-6"></div> </div> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs ciz1 ciz4"></div> <div class="col-md-10 col-sm-12 col-xs-12 kutu kutu2 renk1" onclick="location.href='#'">Rektörlüğe Bağlı Bölümler</div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-12 ciz4k"></div> </div> <div class="row hidden-lg hidden-md"> <div class="col-sm-6 col-xs-6 ciz2k"></div> <div class="col-sm-6 col-xs-6"></div> </div> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs ciz1"></div> <div class="col-md-10 col-sm-12 col-xs-12 kutu kutu2 renk1" onclick="location.href='#'">Uygulama ve Araştırma Mrk.</div> </div> </div> <div class="col-md-4 col-sm-4 col-xs-8 animated fadeIn delay-02" data-animation="fadeIn" data-animation-delay="02"> <div class="row"> <div class="col-md-3 col-sm-2 hidden-xs"></div> <div class="col-md-6 col-sm-8 col-xs-12 kutu renk2" onclick="location.href='#'">Genel Sekreter</div> <div class="col-md-3 col-sm-2 hidden-xs"></div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-6 ciz2k"></div> <div class="col-md-6"></div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"></div> <div class="hidden-lg hidden-md col-sm-6 col-xs-6 ciz4k"></div> <div class="hidden-lg col-md-6 hidden-sm hidden-xs ciz1 ciz4k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs ciz1 ciz2k ciz4k"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-lg-6 col-md-6 hidden-sm hidden-xs ciz1 ciz2k"></div> <div class="hidden-lg hidden-md col-sm-6 col-xs-6 ciz2k"></div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"></div> </div> </div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu2 renk2" onclick="location.href='#'">Genel Sekreter Yardımcısı</div> <div class="hidden-md hidden-sm hidden-xs ciz2"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu2 renk2" onclick="location.href='#'">Genel Sekreter Yardımcısı</div> <div class="col-md-2 hidden-sm hidden-xs"></div> </div> </div> </div> <div class="row"> <div class="hidden-lg col-md-3 col-sm-3 col-xs-3 ciz2k"></div> <div class="hidden-lg col-md-6 col-sm-6 col-xs-6 ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs"></div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu2 renk2" onclick="location.href='#'">Bilgi İşlem Daire Başkanlığı</div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1 ciz2"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu2 renk2" onclick="location.href='#'">Hukuk<br>Müşavirliği</div> <div class="col-md-2 hidden-sm hidden-xs"></div> </div> </div> </div> <div class="row"> <div class="hidden-lg col-md-3 col-sm-3 col-xs-3 ciz2k"></div> <div class="hidden-lg col-md-6 col-sm-6 col-xs-6 ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs"></div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu3 renk2" onclick="location.href='#'">İdari ve Mali<br>İşler Daire<br>Başkanlığı</div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1 ciz2"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu3 renk2" onclick="location.href='#'">Döner Sermaye<br>İşletme<br> Müdürlüğü</div> <div class="col-md-2 hidden-sm hidden-xs"></div> </div> </div> </div> <div class="row"> <div class="hidden-lg col-md-3 col-sm-3 col-xs-3 ciz2k"></div> <div class="hidden-lg col-md-6 col-sm-6 col-xs-6 ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs"></div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu3 renk2" onclick="location.href='#'">Kütüphane ve Dökümantasyon Daire Başkanlığı</div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1 ciz2"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu3 renk2" onclick="location.href='#'">BAP<br>Koordinasyon<br>Birimi</div> <div class="col-md-2 hidden-sm hidden-xs"></div> </div> </div> </div> <div class="row"> <div class="hidden-lg col-md-3 col-sm-3 col-xs-3 ciz2k"></div> <div class="hidden-lg col-md-6 col-sm-6 col-xs-6 ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs"></div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu3 renk2" onclick="location.href='#'">Öğrenci İşleri<br>Daire<br>Başkanlığı</div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1 ciz2"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu3 renk2" onclick="location.href='#'">Sivil<br>Savunma<br>Uzmanlığı</div> <div class="col-md-2 hidden-sm hidden-xs"></div> </div> </div> </div> <div class="row"> <div class="hidden-lg col-md-3 col-sm-3 col-xs-3 ciz2k"></div> <div class="hidden-lg col-md-6 col-sm-6 col-xs-6 ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs"></div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu3 renk2" onclick="location.href='#'">Personel<br>Daire<br>Başkanlığı</div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu2 renk2" onclick="location.href='#'">Enformasyon<br>Müdürlüğü</div> <div class="col-md-2 hidden-sm hidden-xs"></div> </div> </div> </div> </div> <div class="col-md-2 col-sm-2 col-xs-4 animated fadeIn delay-03" data-animation="fadeIn" data-animation-delay="03"> <div class="row"> <div class="col-md-12 kutu kutu2 renk3">Rektörlüğe<br />Bağlı Birimler</div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6 ciz2k"></div> <div class="col-md-6 col-sm-6 col-xs-6"></div> </div> <div class="row"> <div class="col-md-6 hidden-sm hidden-xs ciz1 ciz4k"></div> <div class="col-md-6 hidden-sm hidden-xs"></div> </div> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs ciz1 ciz4"></div> <div class="col-md-10 col-sm-12 col-xs-12 kutu kutu2 renk3" onclick="location.href='dio'">Dış İlişkiler<br />Koordinatörlüğü</div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-2 ciz4k"></div> <div class="col-md-10 ciz4k"></div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-2 ciz4"></div> <div class="col-md-2 ciz1 ciz4"></div> <div class="col-md-8 kutu renk3" onclick="location.href='ofinaf'">Erasmus</div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-2 ciz4k"></div> <div class="col-md-10 ciz4k"></div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-2 ciz4"></div> <div class="col-md-2 ciz1 ciz4"></div> <div class="col-md-8 kutu renk3" onclick="location.href='http://www.farabi.ktu.edu.tr/'">Farabi</div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-2 ciz4k"></div> <div class="col-md-10 ciz4k"></div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-2 ciz4"></div> <div class="col-md-2 ciz1"></div> <div class="col-md-8 kutu renk3" onclick="location.href='mevlana'">Mevlana</div> </div> <div class="row"> <div class="col-md-12 hidden-sm hidden-xs ciz4k"></div> <div class="hidden-lg hidden-md col-sm-6 col-xs-6 ciz2k"></div> <div class="hidden-lg hidden-md col-sm-6 col-xs-6"></div> </div> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs ciz1 ciz4"></div> <div class="col-md-10 col-sm-12 col-xs-12 kutu renk3" onclick="location.href='#'">Kariyer Merkezi</div> </div> <div class="row"> <div class="col-md-12 hidden-sm hidden-xs ciz4k"></div> <div class="hidden-lg hidden-md col-sm-6 col-xs-6 ciz2k"></div> <div class="hidden-lg hidden-md col-sm-6 col-xs-6"></div> </div> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs ciz1"></div> <div class="col-md-10 col-sm-12 col-xs-12 kutu kutu2 renk3" onclick="location.href='#'">Proje Üretim<br>Merkezi</div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-8 animated fadeIn delay-0" data-animation="fadeIn" data-animation-delay="04"> <div class="row"> <div class="col-md-1 hidden-sm hidden-xs"></div> <div class="col-md-5 col-sm-6 col-xs-6 kutu kutu2 renk4">Rektörlüğe Bağlı<br />Kurul ve Komisyonlar</div> <div class="col-lg-1 hidden-md hidden-sm hidden-xs"></div> <div class="col-lg-5 col-md-5 col-sm-6 col-xs-6 kutu kutu2 renk6 animated fadeIn delay-05" data-animation="fadeIn" data-animation-delay="05" onclick="location.href='http://icdenetim.ktu.edu.tr'">İç Denetim<br />Birimi Başkanlığı</div> </div> <div class="row"> <div class="col-md-4 col-sm-3 col-xs-3 ciz2k"></div> <div class="col-md-8 col-sm-9 col-xs-9"></div> </div> <div class="row hidden-sm hidden-xs"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"></div> <div class="hidden-md col-sm-6 col-xs-6 ciz1 ciz2k ciz4k"></div> <div class="hidden-lg col-md-6 hidden-sm hidden-xs ciz1 ciz4k"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6 ciz1 ciz2k"></div> <div class="col-md-6 col-sm-6 col-xs-6"></div> </div> </div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 colxs-12 kutu kutu3 renk4" onclick="location.href='#'">Strateji<br>Geliştirme<br>Kurulu</div> <div class="hidden-md hidden-sm hidden-xs ciz2"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 colxs-12 kutu kutu2 renk4" onclick="location.href='#'">Sanayi İşbirliği Komisyonu</div> <div class="col-md-2 hidden-sm hidden-xs"></div> </div> </div> </div> <div class="row"> <div class="hidden-lg col-md-3 col-sm-3 col-xs-3 ciz2k"></div> <div class="hidden-lg col-md-6 col-sm-6 col-xs-6 ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs"></div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu2 renk4">Eğitim<br>Komisyonu</div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1 ciz2"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1"></div> <div class="hidden-lg col-md-2 col-sm-2 col-xs-2"></div> <div class="col-md-8 kutu kutu3 renk4">Ceza<br>Soruşturma<br>Kurulu</div> <div class="col-md-2 hidden-sm hidden-xs"></div> </div> </div> </div> <div class="row"> <div class="hidden-lg col-md-3 col-sm-3 col-xs-3 ciz2k"></div> <div class="hidden-lg col-md-6 col-sm-6 col-xs-6 ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs ciz2k"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs"></div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu3 renk4">İç İzleme<br>ve Değerlendirme<br>Kurulu</div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1 ciz2"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1"></div> <div class="hidden-lg col-md-2 col-sm-2 col-xs-2"></div> <div class="col-md-8 kutu renk4" onclick="location.href='#'">Etik Kurullar</div> <div class="col-md-2 hidden-sm hidden-xs"></div> </div> </div> </div> <div class="row"> <div class="hidden-lg col-md-3 col-sm-3 col-xs-3 ciz2k"></div> <div class="hidden-lg col-md-8 hidden-sm hidden-xs ciz2k"></div> <div class="hidden-lg col-md-1 hidden-sm hidden-xs"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs ciz2k"></div> <div class="col-lg-1 hidden-md hidden-sm hidden-xs "></div> <div class="col-lg-5 hidden-md hidden-sm hidden-xs ciz4k"></div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu2 renk4" onclick="location.href='#'">Kalite<br>Komisyonu</div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1 ciz2"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2"></div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1 ciz4"></div> <div class="hidden-lg col-md-2 col-sm-2 col-xs-2"></div> <div class="hidden-sm hidden-xs col-md-6 kutu kutu3 renk4" onclick="location.href='#'">Sağlık<br>Bilimleri<br>Etik Kurulu</div> <div class="col-md-2 hidden-sm hidden-xs"></div> </div> </div> </div> <div class="row"> <div class="hidden-lg col-md-3 col-sm-3 col-xs-3 ciz2k"></div> <div class="hidden-lg col-md-8 hidden-sm hidden-xs ciz2k"></div> <div class="hidden-lg col-md-1 hidden-sm hidden-xs"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs ciz2k"></div> <div class="col-lg-1 hidden-md hidden-sm hidden-xs "></div> <div class="col-lg-5 hidden-md hidden-sm hidden-xs ciz4k"></div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2 hidden-sm hidden-xs"></div> <div class="col-md-8 col-sm-12 col-xs-12 kutu kutu2 renk4">Danışma<br>Kurulu</div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1 ciz2"></div> <div class="hidden-lg col-md-2 hidden-sm hidden-xs"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2"></div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1 ciz4"></div> <div class="hidden-lg col-md-2 col-sm-2 col-xs-2"></div> <div class="hidden-sm hidden-xs col-md-6 kutu kutu3 renk4" onclick="location.href='#'">Fen ve Müh.<br>Bilimleri<br>Etik Kurulu</div> <div class="col-md-2"></div> </div> </div> </div> <div class="row"> <div class="hidden-lg col-md-3 col-sm-3 col-xs-3 ciz2k"></div> <div class="hidden-lg col-md-8 hidden-sm hidden-xs ciz2k"></div> <div class="hidden-lg col-md-1 hidden-sm hidden-xs"></div> <div class="col-lg-6 hidden-md hidden-sm hidden-xs ciz2k"></div> <div class="col-lg-1 hidden-md hidden-sm hidden-xs "></div> <div class="col-lg-5 hidden-md hidden-sm hidden-xs ciz4k"></div> </div> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8 kutu kutu3 renk4">Bologna<br>Eşgüdüm<br>Komisyonu</div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1"></div> <div class="hidden-lg col-md-2 col-sm-2 col-xs-2"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <div class="row"> <div class="col-md-2"></div> <div class="col-lg-2 hidden-md hidden-sm hidden-xs ciz1"></div> <div class="hidden-lg col-md-2 col-sm-2 col-xs-2"></div> <div class="hidden-sm hidden-xs col-md-6 kutu kutu3 renk4" onclick="location.href='#'">Sosyal ve<br>Beşeri Bilimler<br>Etik Kurulu</div> <div class="col-md-2"></div> </div> </div> </div> </div> </div> </div> <!--%%%--></div> </div></div></div>
.kutu { font-family: Arial; font-size: 12px; line-height:15px; background:#4d6baa; border: 1px solid #002147; box-shadow: 5px 5px 5px #888888; color: #fff; padding: 20px 5px 20px; position: relative; text-align:center; height:60px; transition: all .5s ease-in-out; cursor: pointer; z-index:20; } .kutu:hover { background-color:#6c757d; transform: scale(1.2); -webkit-transform: scale(1.2); } .renk1 { background:#007bff; } .renk2 { background:#5EA770; } .renk3 { background:#ab4e5b; } .renk4 { background:#17a2b8; } .renk5 { background:#afae51; } .renk6 { background:#e0914a; } .kutu2 { padding: 15px 5px 5px; } .kutu3 { padding: 7px 5px 5px; } .ciz1 { border-top: 1px solid #002147; padding: 1px 1px 1px; position: relative; } .ciz2 { border-right: 1px solid #002147; padding: 1px 1px 1px; position: relative; height: 60px; } .ciz2k { border-right: 1px solid #002147; padding: 1px 1px 1px; position: relative; height: 30px; } .ciz3 { border-bottom: 1px solid #002147; padding: 1px 1px 1px; position: relative; } .ciz4 { border-left: 1px solid #002147; padding: 1px 1px 1px; position: relative; height: 60px; } .ciz4k { border-left: 1px solid #002147; padding: 1px 1px 1px; position: relative; height: 30px; } /*-- Animation --*/ .animated1 { } .animated2 { -webkit-animation: lightSpeedIn 1s ease-in 200ms both; animation: lightSpeedIn 1s ease-in 200ms both; } .animated3 { -webkit-animation: bounceInLeft 1s ease-in-out 500ms both; animation: bounceInLeft 1s ease-in-out 500ms both; } .animated4 { -webkit-animation: flipInX 1s ease-in 500ms both; animation: flipInX 1s ease-in 500ms both; } .animated5 { -webkit-animation: bounceInLeft 1s ease-in-out 100ms both; animation: bounceInLeft 1s ease-in-out 100ms both; } .animated6 { -webkit-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both; } .animated7 { -webkit-animation: bounceIn 1s ease-in 800ms both; animation: bounceIn 1s ease-in 800ms both; } .animated8 { -webkit-animation: fadeInDown 1s ease-in 1000ms both; animation: fadeInDown 1s ease-in 1000ms both; }

Related: See More


Questions / Comments: