"Panels with nav tabs"
Bootstrap 3.2.0 Snippet by explotter

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/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="-container"> <div class="-row"> <div class="-col-md-12"> <div class="panel with-nav-tabs panel-default"> <div class="panel-heading"> <ul class="nav nav-tabs"> <li class="active"><a href="#tab1default" data-toggle="tab">KBC TECRÜBE</a></li> <li><a href="#tab2default" data-toggle="tab">SOSYAL SORUMLULUK</a></li> <li><a href="#tab3default" data-toggle="tab">EĞİTİM</a></li> <!--li class="dropdown"> <a href="#" data-toggle="dropdown">Dropdown <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="#tab4default" data-toggle="tab">Default 4</a></li> <li><a href="#tab5default" data-toggle="tab">Default 5</a></li> </ul> </li--> </ul> </div> <div class="panel-body"> <div class="tab-content"> <div class="tab-pane fade in active" id="tab1default"> <p><strong>KBC Facility Services tarafından sunulan hizmetler ÜÇ ana grupta toplanır.</strong></p> <ol> <li>Bina & Tesis Yönetim Hizmetleri - yönetim hizmetleri ve binaların bakımı (çevresel hijyen, teknik hizmetler – Temizlik, Güvenlik, İdari Mali Hukuki yönetim, lojistik hizmetleri, yardımcı hizmetleri)</li> <li>Gayrimenkul İşletmeciliği</li> <li>Enerji Yönetimi ve Özel Hizmetler ( ısı yönetimi Enerji yöneticiliği, Enerji verimliliği)</li> </ol> <p>KBC Facility Services 'in Türkiye’de bu sayılı üç faaliyet alanında hizmet veren İlkler arasında yer aldı Entegre Tesis Yönetimi ve bugün lideri takip eden Türk Hizmet operatörü ve Şu an Türkiye’nin ve Yakın Gelecekte Türkî Cumhuriyetleri ve Ortadoğu – Basra Körfezi Ülkelerinde başlıca oyuncularından biri olma hedefini korumaktadır.</p> <p>Yenilik eğilimi, kanıtlanmış organizasyon becerileri ve nitelikli personeli ile entelektüel birikimi bulunan KBC ‘ ye Binaları, tesisleri kısaca gayrimenkullerinizi emanet edilebilecek özenli-güvenli-titiz ideal bir çözüm ortağıdır.</p> <!--table class="table table-striped pull-left" style="width:45%;"> <thead> <tr> <th>2010 - 2015 (Temizlik)</th> <th>ALAN</th> <th>BİRİM</th> </tr> </thead> <tbody> <tr> <th scope="row">İnşaat Sonrası Temizlik</th> <td>1.345.000</td> <td>m2</td> </tr> <tr> <th scope="row">Dış Cephe Temizlik</th> <td>92.000</td> <td>m2</td> </tr> <tr> <th scope="row">Bina- Tesis İçi ve Çevre Temizliği</th> <td>560.000</td> <td>m2</td> </tr> <tr> <th scope="row">Housekeeping</th> <td>171.000</td> <td>m2</td> </tr> </tbody> <tfoot> <tr> <th>TEMİZLİK TOPLAM</th> <th>2.168.000</th> <th>m2</th> </tr> </tfoot> </table> <table class="table table-striped pull-left" style="width:45%;margin-left:5%;"> <thead> <tr> <th>DİĞER HİZMETLER</th> <th>ALAN</th> <th>BİRİM</th> </tr> </thead> <tbody> <tr> <th scope="row">Bahçe Bakım - Peyzaj</th> <td>150.000</td> <td>m2</td> </tr> <tr> <th scope="row">PEST kontrol</th> <td>200.000</td> <td>m2</td> </tr> <tr> <th scope="row">Entegre Site Yönetimi</th> <td>521.000</td> <td>m2</td> </tr> <tr> <th scope="row">Gayrimenkul Danışmanlık Hizmeti</th> <td> </td> <td> </td> </tr> </tbody> </table--> <img src="/upload/tecrubeler.jpg" class="img-responsive"> </div> <div class="tab-pane fade" id="tab2default"> <p><strong>"KBC Ailesi" SOSYAL SORUMLULUK PROJELERİ İLE DE YANINIZDA OLACAK...</strong></p> <p><strong>“KBC Facility Service Ailesi” ;</strong> sosyal sorumluluk felsefesinin odağında, şirket çalışanları, müşterileri, iş ortaklarına ve paydaşlarına karşı duyduğu sorumluluk yer almaktadır. <strong>“ Biz bir hizmet şirketiyiz, İnsana değer veririz “</strong> sloganımızı her yaptığımız işin kalbine koyan, İnsan odaklı yaklaşımı ile sunduğu çözüm ve hizmetlerle en iyiye odaklı çalışan şirketimiz, topluma ve insana saygı anlayışı ile ihtiyaçlar doğrultusunda çalışmalarına yön vermektedir. 2015 yılı sonu itibari ile yapılan Yönetimi Gözden Geçirme ve değerlendirme Toplantılarımızda ortaya çıkan sosyal sorumluluk projeleri yaratılma fikri tüm yönetim kadrosunca benimsenmiştir. Sosyal sorumluluk projeleri için bir birim kurulmasına karar verilmiş olup, ilk olacak projelerimiz ile de fikirler bu toplantıda doğmuştur. Araştırmaları yapılan sosyal sorumluluk faaliyetleri, İK ve Kalite Yönetimi Departmanı bünyesinde oluşturulan bir birim tarafından yürütülmektedir. Oluşturulan projelerde KBC çalışanlarının ve paydaşlarımızın gönüllük çerçevesinde katılımı kabul edilmektedir.</p> <p> </p> <p>Sosyal sorumluluk çalışmalarımızı yürüten birimimiz, 2016 yılının ilk yarısında sonra uygulamaya koyacağı 2 farklı proje geliştirmiştir. Bu hususta yapılan çalışmalar devam etmekte olup, projelerin alt yapıları tamamlanır tamamlanmaz sizlerle paylaşacağız.</p> <p> </p> <p>2016 yılının ilk yarısından sonra ilk sosyal sorumluluk projesine başlangıç yapan İnsan Kaynakları ve Kalite Sistemler birimimiz, ilerleyen dönemlerde farklı projelerle çalışmalarına devam ediyor olacak. </p> <p> </p> <p> <strong>Projelere vereceğiniz Desteklerinizden ve de Sosyal sorumluluk proje fikirlerinizi bizlere iletmenizden her daim mutluluk duyarız.</strong> </p> <p> </p> <p>Saygılarımızla</p> </div> <div class="tab-pane fade" id="tab3default"> <p><strong>"KBC Ailesi" EĞİTİM HİZMETLERİ İLE DE YANINIZDA OLACAK</strong></p> <p>KBC Facility Services Ailesi olarak ; <strong>“Biz bir hizmet şirketiyiz, İnsana değer veririz “</strong> sloganımıza paralel olarak Site, Rezidans, AVM, İş merkezi Apartman ve Endüstriyel alan gibi tüm faaliyet alanlarımızda, Bina yönetim, İdari- Mali Hukuki hizmetler, Temizlik, Güvenlik, Teknik bakım gibi burada sayılı olan Hizmetlerle bağlı kalmamak üzere <strong>KURUMSAL ve BİREYSEL</strong> <br /> 1) <strong>Entegre Bina Yönetim hizmetleri</strong> çatısı altında topladığımız hizmetlerin tümü ve <br /> 2) <strong>Enerji Yönetim Hizmetleri</strong> ile <br /> 3) <strong>Gayrimenkul işletmeciliği</strong> çatısı altında sunduğumuz; Tapu Kadastro Müşavirlik Hizmetleri, Kentsel Dönüşüm Hizmetleri, Mülk Yönetimi ve Arazi Geliştirme gibi hizmetleri <strong>sizin memnuniyetinizi önemseyerek sunmaktayız.</strong> </p> <p>Memnuniyetinizi Çalışanlarımıza verdiğimiz <strong>EĞİTİM</strong> ‘ lere borçluyuz.</p> <p>Yukarıda sayılı Hizmetlerimizden faydalanmak istemez ve bu hizmetleri kendi çalışanlarınızla yerine getirmek isteyebilir, bu gelişen sektör için kariyerinizi geliştirmek ve ilerletmek isterseniz şayet …</p> <p>Yine KBC ailesi olarak sizin yanınızdayız.</p> <p> </p> <h2>Nasıl mı?</h2> <p>Alanında uzman, titiz tecrübeleri “ eğitim görevlilerimizle “</p> Site Yönetimi – Yönetici Eğitimi, <ol> <li>Gayrimenkul eğitimi,</li> <li>Operasyonel Hizmetler Personel Eğitimi ( Temizlik, Güvenlik, İdari Mali Hukuki personel …)</li> <li>Vb. alanlarda eğitimlerimizden faydalanmanızı isteriz.</li> </ol> <p> </p> <p> Daha detaylı bilgi almak isterseniz <a href="http://kbcgrup.com/tr/kurumsal/hizmetler/bina-tesis-mali-hizmetler">http://kbcgrup.com/tr/kurumsal/hizmetler/bina-tesis-mali-hizmetler</a> linkimizi inceleyin lütfen</p> </div> </div> </div> </div> </div> </div> </div> <br/>
.panel.with-nav-tabs .panel-heading{ padding: 5px 5px 0 5px; } .panel.with-nav-tabs .nav-tabs{ border-bottom: none; } .panel.with-nav-tabs .nav-justified{ margin-bottom: -1px; } /********************************************************************/ /*** PANEL DEFAULT ***/ .with-nav-tabs.panel-default .nav-tabs > li > a, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus { color: #777; } .with-nav-tabs.panel-default .nav-tabs > .open > a, .with-nav-tabs.panel-default .nav-tabs > .open > a:hover, .with-nav-tabs.panel-default .nav-tabs > .open > a:focus, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus { color: #777; background-color: #ddd; border-color: transparent; } .with-nav-tabs.panel-default .nav-tabs > li.active > a, .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus { color: #555; background-color: #fff; border-color: #ddd; border-bottom-color: transparent; } .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu { background-color: #f5f5f5; border-color: #ddd; } .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #777; } .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #ddd; } .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #555; }

Related: See More


Questions / Comments: