Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"Untitled"
Bootstrap 3.0.1 Snippet by
katalay
3.0.1
Preview
HTML
CSS
View Full Screen
Forked from
Fork
Fork this
Parent
543
 
0 Fav
Post to Facebook
Tweet this
<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="//code.jquery.com/jquery-1.11.1.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
Free Template
Material Dashboard
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76