CINXE.COM
<!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="" name="description" /> <meta content="" name="author" /> <meta name="MobileOptimized" content="320" /> <!-- BEGIN GLOBAL MANDATORY STYLES --> <link rel="icon" type="image/x-icon" href="https://portal.itu.edu.tr/design/img/favicon.ico" /> <link href="/Content/assets/plugins/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <!-- BEGIN THEME STYLES --> <link href="/Content/assets/css/style.css" rel="stylesheet" type="text/css" /> <link href="/Content/assets/css/style-responsive.css" rel="stylesheet" type="text/css" /> <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCczxhfbOHgXPyDHsAUj6o0vkLYqZpArHE&sensor=false"></script> <script src="/Scripts/js/jquery-1.9.1.min.js"></script> <script src="/Scripts/js/sammy-0.7.6.min.js"></script> <script src="/Scripts/js/select2.min.js"></script> <script src="/Scripts/js/bootstrap.min.js"></script> <script src="/Scripts/js/bootstrap-datetimepicker.min.js"></script> <script src="/Scripts/js/bootstrap-slider.js"></script> <script src="/Scripts/js/bootstro.js"></script> <script src="/Scripts/jquery-ui.min.js"></script> <link href="/Content/css/bootstrap.min.css" rel="stylesheet" /> <link href="/Content/css/bootstrap-datetimepicker.min.css" rel="stylesheet" /> <link href="/Content/css/select2.css" rel="stylesheet" /> <link href="/Content/css/select2.bootstrap.css" rel="stylesheet" /> <link href="/Content/css/bootstro.css" rel="stylesheet" /> <link href="/Content/assets/css/style-metronic.css" rel="stylesheet" /> <link href="/Content/assets/css/plugins.css" rel="stylesheet" /> <link href="/Content/assets/css/custom.css" rel="stylesheet" /> <link href="/Content/assets/css/themes/default.css" rel="stylesheet" /> <link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/ui-darkness/jquery-ui.min.css" rel="stylesheet"> <link href="/Content/flex/flexslider.css" rel="stylesheet" /> <script src="/Content/flex/jquery.flexslider-min.js"></script> <script> $(function () { $("ul#tab li:first").addClass("selectList"); $("div.tab_ic").hide(); $("div.tab_ic:first").show(); $("ul#tab li").click(function (e) { var index = $(this).index(); $("ul#tab li").removeClass("selectList"); $(this).addClass("selectList"); $("div.tab_ic").hide(); $("div.tab_ic:eq(" + index + ")").show(); return false }); }); </script> <link href="/Content/main.css" rel="stylesheet" /> <style> .photo-cover { border-radius: 50%; -webkit-border-radius: 50%; width: 51px; height: 51px; overflow: hidden; position: absolute; top: 0; right: 0; } .photo-cover img { width: 44px; height: auto; } #loading { z-index: 999; opacity: 1; } </style> </head> <body style="overflow: hidden"> <div class="modal fade loading" id="loading" tabindex="-1" role="basic" style="display:block" aria-hidden="false"> <div class="spinner"> <div class="dot1"></div> <div class="dot2"></div> </div> </div> <div class="page-header navbar navbar-fixed-top"> <div class="page-header-inner"> <div class="top-menu"> <ul class="nav navbar-nav pull-right"> <li> <a href="/Auth/Login.aspx"> <img alt="" class="" src="/Content/Images/loginuser.png"> </a> </li> </ul> </div> </div> </div> <div class="header navbar navbar-inverse navbar-fixed-top navbar-toggle "> <!-- BEGIN TOP NAVIGATION BAR --> <div class="header-inner navbar-toggle"> <!-- BEGIN LOGO --> <!-- END LOGO --> <!-- BEGIN RESPONSIVE MENU TOGGLER --> <a href="javascript:;" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <img src="/Content/assets/img/menu-toggler.png" alt="" /> </a> <!-- END RESPONSIVE MENU TOGGLER --> <!-- BEGIN TOP NAVIGATION MENU --> <!-- END TOP NAVIGATION MENU --> </div> <!-- END TOP NAVIGATION BAR --> </div> <!-- BEGIN CONTAINER --> <div class="page-container"> <!-- BEGIN SIDEBAR --> <div class="page-sidebar-wrapper"> <div class="page-sidebar navbar-collapse collapse"> <!-- BEGIN SIDEBAR MENU --> <ul class="page-sidebar-menu"> <li class="sidebar-toggler-wrapper cf"> <!-- BEGIN SIDEBAR TOGGLER BUTTON --> <div class="itu-harita-title"><img src="/Content/Images/harita-logo.png" /></div> <div class="sidebar-toggler hidden-phone"> <img src="/Content/Images/mobil-menu.png" /> </div> <!-- BEGIN SIDEBAR TOGGLER BUTTON --> </li> <li class="sidebar-search-wrapper"> <!-- BEGIN RESPONSIVE QUICK SEARCH FORM --> <div class="sidebar-search" action="extra_search.html" method="POST"> <div class="form-container"> <div class="input-box"> <a href="javascript:;" class="remove"></a> <input type="text" placeholder="陌T脺 Kamp眉ste Ara" id="search" /> <input type="button" class="submit" value=" " onclick="ITUBIDB.Harita.SearchMore()" id="searchMore" /> </div> </div> </div> <!-- END RESPONSIVE QUICK SEARCH FORM --> </li> <li class="kampusum"> <a data-toggle="modal" href="#CampusesModal"> <span class="title" id="selectedCampus"> </span> <span class="sima"> <i class="harita-im im02"></i></span> </a> </li> <li> <a href="javascript:;"> <span class="sim"> <i class="harita-im im01"></i></span> <span class="title"> Bina Tipleri </span> <span class="arrow "> </span> </a> <ul class="sub-menu bina-tipleri" id="ulBuildingTypes"></ul> </li> <li class="dropdown visible-xs"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Haritalar <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#" onclick="ITUBIDB.Harita.ChangeMapType(1)">Yol</a></li> <li><a href="#" onclick="ITUBIDB.Harita.ChangeMapType(2)">Uydu</a></li> </ul> </li> <li class=""> <a href="#ToursModal" onclick="ITUBIDB.Harita.GetTours('orientation')" data-toggle="modal"> <span class="sim"> <i class="harita-im im03"></i></span> <span class="title"> Turlar </span> </a> </li> <li class=""> <a href="javascript:;"> <span class="sim"> <i class="harita-im im05"></i></span> <span class="title"> Servisler </span> <span class="arrow "> </span> </a> <ul class="sub-menu" id="ulServices"></ul> </li> <li class="last-ch"> <a href="javascript:void(0);"> <span class="sim"> <i class="harita-im im04"></i></span> <span class="title"> Ayarlar </span> <span class="arrow "> </span> </a> <ul class="sub-menu"> <li class=""> <a href="javascript:;"> <span class="title"> TR </span> <span class="arrow "> </span> </a> <ul class="sub-menu" id="culture"> <li><a href="#" onclick="ITUBIDB.Harita.ChangeCulture('/','tr')">T眉rk莽e</a></li> <li><a href="#" onclick="ITUBIDB.Harita.ChangeCulture('/','en')">English</a></li> </ul> </li> <li class=""> <a href="javascript:;"> <span class="title"> Haritalar </span> <span class="arrow "> </span> </a> <ul class="sub-menu" id="mapType"> <li><a href="#" onclick="ITUBIDB.Harita.ChangeMapType(1)">Yol</a></li> <li><a href="#" onclick="ITUBIDB.Harita.ChangeMapType(2)">Uydu</a></li> </ul> </li> </ul> </li> </ul> <!-- END SIDEBAR MENU --> </div> </div> <!-- END SIDEBAR --> <!-- BEGIN CONTENT --> <div class="page-content-wrapper"> <div class="page-content" style="padding:0px"> <div class="map-container"> <div id="map-canvas" style="width:100%"> </div> </div> <!-- END PAGE CONTENT--> </div> </div> <!-- END CONTENT --> </div> <div class="modal fade" id="ToursModal" tabindex="-1" role="basic" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> <h4 class="modal-title">Turlar</h4> </div> <div class="page-sidebar modal-search"> <div class="sidebar-search-wrapper"> <!-- BEGIN RESPONSIVE QUICK SEARCH FORM --> <div class="sidebar-search" action="extra_search.html" method="POST"> <div class="form-container"> <div class="input-box"> <a href="javascript:;" class="remove"></a> <input type="text" placeholder="Aramak istedi臒iniz yer" id="search" class="ui-autocomplete-input" autocomplete="off"> <input type="button" class="submit" value=" " onclick="ITUBIDB.Harita.SearchMore()" id="searchMore"> </div> </div> </div> <!-- END RESPONSIVE QUICK SEARCH FORM --> </div> </div> <div class="modal-body"> <ul class="sub-menu" id="ulTours"></ul> </div> <div class="modal-footer"> <button type="button" class="btn default" data-dismiss="modal">陌ptal</button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <div class="modal fade" id="CampusesModal" tabindex="-1" role="basic" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> <h4 class="modal-title">Kampüsler</h4> </div> <div class="modal-body"> <ul class="sub-menu" id="ulCampuses"></ul> </div> <div class="modal-footer"> <button type="button" class="btn default" data-dismiss="modal">陌ptal</button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <div class="modal fade" id="BuildingsModal" tabindex="-1" role="basic" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> <h4 class="modal-title">Binalar</h4> </div> <div class="modal-body"> <ul class="sub-menu" id="ulBuildings"></ul> </div> <div class="modal-footer"> <button type="button" class="btn default" data-dismiss="modal">陌ptal</button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <div class="tour-control"> <ul> <li class=""> <a href="#" id="StartTourProgress"></a> </li> <li class=""> <a href="#" id="TourStepPrevious"></a> </li> <li class="tour-title"> Lorem ipsum dolor sit amet </li> <li class=""> <a href="#" id="TourStepNext"></a> </li> </ul> </div> <div class="etkinlik-timeline-wrap" style="visibility:hidden"> <div class="etkinlik-timeline cf"> <div class="timeline-wrap timeline-hour"> <div id="timeline" class="timelines"> <a href="#" id="next" class="nexts">+</a> <a href="#" id="prev" class="prevs">-</a> <ul class="dates t-hour dn"> <!----> <li><a href="#h1030">10:30</a></li> <li><a href="#h1100">11:00</a></li> <li><a href="#h1200">12:00</a></li> <li><a href="#h1230">12:30</a></li> <li><a href="#h1415">14:15</a></li> <li><a href="#h1430">14:30</a></li> <li><a href="#h1500">15:00</a></li> <li><a href="#h1630">16:30</a></li> <li><a href="#h1730">17:30</a></li> <!----> </ul> <ul class="dates t-date dn aktif"> <li><a href="#d0104">01.04</a></li> <li><a href="#d0204">02.04</a></li> <li><a href="#d0304">03.04</a></li> <li><a href="#d0404">04.04</a></li> <li><a href="#d0504">05.04</a></li> <li><a href="#d0604">06.04</a></li> <li><a href="#d0704">07.04</a></li> <li><a href="#d0804">08.04</a></li> <li><a href="#d0904">09.04</a></li> </ul> <ul class="issues i-hour dn"> <li id="h1030"> <div class="baloncuk"> <h6>Etkinlik ad谋 1</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="h1100"> <div class="baloncuk"> <h6>Etkinlik ad谋 2</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="h1200"> <div class="baloncuk"> <h6>Etkinlik ad谋 3</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="h1230"> <div class="baloncuk"> <h6>Etkinlik ad谋 4</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="h1415"> <div class="baloncuk"> <h6>Etkinlik ad谋 5</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="h1430"> <div class="baloncuk"> <h6>Etkinlik ad谋 6</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="h1500"> <div class="baloncuk"> <h6>Etkinlik ad谋 7</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="h1630"> <div class="baloncuk"> <h6>Etkinlik ad谋 8</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="h1730"> <div class="baloncuk"> <h6>Etkinlik ad谋 9</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <!----> </ul><ul class="issues i-date dn aktif"> <li id="d0104"> <div class="baloncuk"> <h6>Etkinlik ad谋 1</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0204"> <div class="baloncuk"> <h6>Etkinlik ad谋 2</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0304"> <div class="baloncuk"> <h6>Etkinlik ad谋 3</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0404"> <div class="baloncuk"> <h6>Etkinlik ad谋 4</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0504"> <div class="baloncuk"> <h6>Etkinlik ad谋 5</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0604"> <div class="baloncuk"> <h6>Etkinlik ad谋 6</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0704"> <div class="baloncuk"> <h6>Etkinlik ad谋 7</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0804"> <div class="baloncuk"> <h6>Etkinlik ad谋 8</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0904"> <div class="baloncuk"> <h6>Etkinlik ad谋 9</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> </ul> </div> </div> <!-- <div class="timeline-wrap timeline-date" style="display:none;"> <div id="timeline2" class="timelines"> <a href="#" id="next2" class="nexts">+</a> <a href="#" id="prev2" class="prevs">-</a> <ul id="dates2" class="dates"> <li><a href="#d0104">01.04</a></li> <li><a href="#d0204">02.04</a></li> <li><a href="#d0304">03.04</a></li> <li><a href="#d0404">04.04</a></li> <li><a href="#d0504">05.04</a></li> <li><a href="#d0604">06.04</a></li> <li><a href="#d0704">07.04</a></li> <li><a href="#d0804">08.04</a></li> <li><a href="#d0904">09.04</a></li> </ul> <ul id="issues2" class="issues"> <li id="d0104"> <div class="baloncuk"> <h6>Etkinlik ad谋 1</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0204"> <div class="baloncuk"> <h6>Etkinlik ad谋 2</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0304"> <div class="baloncuk"> <h6>Etkinlik ad谋 3</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0404"> <div class="baloncuk"> <h6>Etkinlik ad谋 4</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0504"> <div class="baloncuk"> <h6>Etkinlik ad谋 5</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0604"> <div class="baloncuk"> <h6>Etkinlik ad谋 6</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0704"> <div class="baloncuk"> <h6>Etkinlik ad谋 7</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0804"> <div class="baloncuk"> <h6>Etkinlik ad谋 8</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> <li id="d0904"> <div class="baloncuk"> <h6>Etkinlik ad谋 9</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam purus nisl, suscipit ac sem sit amet, eleifend elementum felis....</p> </div> </li> </ul> </div> </div>--> <div class="timeline-control pull-right"> <div class="col-sm-4 col-lg-4"> </div> <div class="col-sm-3 col-lg-3"> <div class="switch-hour switchs"></div> </div> <div class="col-sm-5 col-lg-5 pull-right"> <div class="dateobje">Nisan 2015</div> <div class="hourobje dn">14.04.2015</div> </div> </div> </div> </div> <script src="/Content/assets/plugins/jquery.cokie.min.js" type="text/javascript"></script> <!-- END CORE PLUGINS --> <!-- BEGIN PAGE LEVEL PLUGINS --> <!-- END:File Upload Plugin JS files--> <input type="hidden" id="resources_Detail" value="Detay" /> <input type="hidden" id="resources_student" value="Ö臒renci" /> <input type="hidden" id="resources_staff" value="Personel" /> <script src="/Content/assets/scripts/app.js"></script> <div class="modal fade" id="modalMarkerInfo" style="visibility:hidden"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body modal-body-p0"> <div class="map-detail clearfix"> <div class="tab-left"> <div class="tabs"> <ul id="tab"> <li><a href="javascript:;"><i class="harita-im mim01"></i></a></li> <li><a href="javascript:;"><i class="harita-im mim02"></i></a></li> <li><a href="javascript:;"><i class="harita-im mim03"></i></a></li> <li><a href="javascript:;"><i class="harita-im mim04"></i></a></li> </ul> </div> </div> <div class="tablar"> <div class="tab_ic"> <h3>Lorem Ipsum Dolor Sit Amet</h3> <div class="icerik-list"> <img src="/Content/Images/ornek/840x200.jpg" /> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p> <p> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis. <a href="#" class="devami"> ...Devam谋</a> </p> <script> $(function () { $("#tab li:nth-child(3)").click(function () { $('.flexslider').flexslider({ animation: "slide", controlNav: false, /*directionNav: true, */ prevText: "", nextText: "" }); }); });</script> <div class="photo-gallery"> <div class="gallery-bar cf"><h4>Foto臒raf Galerisi</h4> <a href="#">T眉m眉</a></div> <ul class="cf"> <li><img src="/Content/Images/ornek/195x125.jpg" /></li> <li><img src="/Content/Images/ornek/195x125.jpg" /></li> <li><img src="/Content/Images/ornek/195x125.jpg" /></li> <li><img src="/Content/Images/ornek/195x125.jpg" /></li> </ul> </div> </div> <div class="photo-gallery"> <div class="gallery-bar cf"><h4>Videolar</h4> <a href="#">T眉m眉</a></div> <ul class="cf"> <li><img src="/Content/Images/ornek/195x125.jpg" /></li> <li><img src="/Content/Images/ornek/195x125.jpg" /></li> <li><img src="/Content/Images/ornek/195x125.jpg" /></li> <li><img src="/Content/Images/ornek/195x125.jpg" /></li> </ul> </div> </div> <div class="tab_ic"> <h3>Lorem Ipsum Dolor Sit Amet</h3> <div class="icerik-list"> <img src="/Content/Images/ornek/840x200.jpg" /> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p> <p> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis. </p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p> <p> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis. </p> </div> </div> <div class="tab_ic"> <div class="flexslider slidex"> <ul class="slides"> <li> <img src="/Content/Images/ornek/library.jpg" /> <div class="slide-title">Lorem ipsum dolor sit amet proin gravida.</div> </li> <li> <img src="/Content/Images/ornek/library.jpg" /><div class="slide-title">Lorem ipsum dolor sit amet proin gravida.</div> </li> <li> <img src="/Content/Images/ornek/library.jpg" /><div class="slide-title">Lorem ipsum dolor sit amet proin gravida.</div> </li> <li> <img src="/Content/Images/ornek/library.jpg" /><div class="slide-title">Lorem ipsum dolor sit amet proin gravida.</div> </li> <!-- items mirrored twice, total of 12 --> </ul> </div> </div> <div class="tab_ic"> <h3>Lorem Ipsum Dolor Sit Amet</h3> <div class="videos"> <ul class="cf"> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> <li> <img src="/Content/Images/ornek/195x125.jpg" /> <span class="video-title">Lorem ipsum dolor sit amet proin gravida.</span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <script> jQuery(document).ready(function () { // initiate layout and plugins App.init(); }); </script> <!-- END JAVASCRIPTS --> </body> <script> $(document).ready(function () { ITUBIDB.Harita.Init(); }); </script> </html> <script src="/Scripts/ITUBIDB.Harita2.js"></script> <script> ITUBIDB.HaritaUrl.getCampuses = '/Home/GetCampuses'; ITUBIDB.HaritaUrl.getAllMarkers = '/Home/GetAllMarkers'; ITUBIDB.HaritaUrl.getBuildingTypes = '/Home/GetBuildingTypes'; ITUBIDB.HaritaUrl.getTourTypes = '/Home/GetTourTypes'; ITUBIDB.HaritaUrl.getTourDetails = '/Home/GetTourDetails'; ITUBIDB.HaritaUrl.searchUrl = '/Home/Search'; ITUBIDB.HaritaUrl.getSuttlePosition = '/Home/GetSuttlePosition'; ITUBIDB.HaritaUrl.getActivities = '/Home/GetActivities'; ITUBIDB.HaritaUrl.getTours = '/Home/GetTours'; ITUBIDB.HaritaUrl.getServices = '/Home/GetTours'; ITUBIDB.HaritaUrl.introWasSeen = '/Home/IntroWasSeen'; ITUBIDB.HaritaUrl.cultureUrl = '/Culture'; ITUBIDB.HaritaUrl.iconPath = '/Content/Images/'; </script> <script> $(function () { $(window).resize(function () { var w = $(window).width(); var h = $(window).height(); if (w < 799) { $("body").addClass("page-sidebar-closed"); } //else { // $('body').removeClass("page-sidebar-closed"); //} var modelh = $(".map-detail").height(); $(".tabs").css("height", "" + modelh + ""); }); var w = $(window).width(); if (w < 799) { $("body").addClass("page-sidebar-closed"); } else { $('body').removeClass("page-sidebar-closed"); } }); </script>