<style>
						body {
							margin:0 !important;  
							overflow: hidden;
							margin-top: -20px !important;
						}
						.nav>li>a:hover {
							color: initial !important;
						}
						.nav>li>a {
							text-transform: uppercase;
						}
						.btn-default:hover, .btn:hover {
							color: #fff !important;
						}
						.btn-dark {
							background:#333;
							color:#fff;
						}
						.btn-dark:hover {
							background:#000;
							color:#fff;							
						}
					</style>	

  					<meta charset="utf-8">
					  <meta http-equiv="X-UA-Compatible" content="IE=edge">
					  <title> Pro 12 Temalı Emlak Scripti Demo - Hazır Emlak Portalı </title>
					  <!-- Tell the browser to be responsive to screen width -->
					  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
					  <!-- Bootstrap 3.3.7 -->
					  <link rel="stylesheet" href="admin/bower_components/bootstrap/dist/css/bootstrap.min.css">
					  <!-- Font Awesome -->
					  <link rel="stylesheet" href="admin/bower_components/font-awesome/css/font-awesome.min.css">
					  <!-- Ionicons -->
					  <link rel="stylesheet" href="admin/bower_components/Ionicons/css/ionicons.min.css">
					  <!-- daterange picker -->
					  <link rel="stylesheet" href="admin/bower_components/bootstrap-daterangepicker/daterangepicker.css">
					  <!-- bootstrap datepicker -->
					  <link rel="stylesheet" href="admin/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
					  <!-- iCheck for checkboxes and radio inputs -->
					  <link rel="stylesheet" href="plugins/iCheck/all.css">
					  <!-- Bootstrap Color Picker -->
					  <link rel="stylesheet" href="admin/bower_components/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css">
					  <!-- Bootstrap time Picker -->
					  <link rel="stylesheet" href="plugins/timepicker/bootstrap-timepicker.min.css">
					  <!-- Select2 -->
					  <link rel="stylesheet" href="admin/bower_components/select2/dist/css/select2.min.css">
					  <!-- Theme style -->
					  <link rel="stylesheet" href="dist/css/AdminLTE.min.css"> 
					  <!-- AdminLTE Skins. Choose a skin from the css/skins
					       folder instead of downloading all of them to reduce the load. -->
					  <link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
					  <!-- plupload css -->
					  <link rel="stylesheet" href="plugins/plupload/js/jquery.plupload.queue/css/jquery.plupload.queue.css" type="text/css" media="screen" />
					  
					  <link href="https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">

					  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
					  <link rel="stylesheet" href="admin/bower_components/froalaeditor/css/froala_editor.css"> 
					  <link rel="stylesheet" href="admin/bower_components/froalaeditor/css/plugins/code_view.css"> 
					  <link rel="stylesheet" href="admin/bower_components/froalaeditor/css/plugins/video.css"> 
					  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  

					  <!-- Data Table -->
					  <link rel="stylesheet" href="admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css"> 
					 

					  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
					  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
					  <!--[if lt IE 9]>
					  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
					  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
					  <![endif]-->
					  <!-- Google Font -->
					  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
					  <!-- Global site tag (gtag.js) - Google Analytics -->
					<script async src="https://www.googletagmanager.com/gtag/js?id=UA-100549436-1"></script>
					<!-- Global site tag (gtag.js) - Google Analytics -->
					<script async src="https://www.googletagmanager.com/gtag/js?id=UA-100549436-1"></script>

					
					<div class="hidden-xs" style="background: #fff; color: #fff; line-height: 65px; height: 65px; padding: 13px 0; border-bottom:2px solid #ddd;">  
						<div class="container-fluid">
							<div class="row">
								<div class="col-lg-5 col-md-4 col-sm-12" style="margin-bottom:15px !important;">
									<ul class="nav nav-pills nav-justified">
			                            <li class="dropdown">
						                    <a href="#" target="_blank" class="dropdown-toggle btn btn-primary" style="margin:0px 5px;" data-toggle="dropdown">
						                        <strong>Seçili Tema: <span class="label label-danger">Tema 131</span></strong>
						                    </a> 
						                </li> 
			                            <li class="dropdown">
						                    <a href="https://webnimo.com/tum-urunler/" target="_blank" class="dropdown-toggle btn btn-danger" style="margin:0px 5px;">
						                        <i class="fa fa-arrow-right"></i> <strong>Satın Al</strong>
						                    </a> 
						                </li> 
			                            <li class="dropdown">
						                    <a href="index.php?do=bildirimler" class="dropdown-toggle btn btn-default" style="margin:0px 5px;" data-toggle="dropdown">
						                         <i class="fa fa-desktop"></i><strong> Emlak Teması Seçiniz </strong><i class="fa fa-angle-down"></i>
						                    </a>
						                    <ul class="dropdown-menu" role="menu" style="max-height: 100vh; overflow: auto; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto;">
						                    							                        <div class="col-lg-6 col-md-12">
						                            <p>
						                                <a href="index.php?temagetir=tema151">
						                                    <p><img style="background: #ddd; padding:5px; " src="/uploads/resim/tema151.jpg" width="100%"> </p>
						                                <p class="btn btn-success btn-block">Tema 151</p>
						                            </a> 
						                            </p>
						                        </div>
						                        						                        <div class="col-lg-6 col-md-12">
						                            <p>
						                                <a href="index.php?temagetir=tema150">
						                                    <p><img style="background: #ddd; padding:5px; " src="/uploads/resim/tema150.jpg" width="100%"> </p>
						                                <p class="btn btn-success btn-block">Tema 150</p>
						                            </a> 
						                            </p>
						                        </div>
						                        						                        <div class="col-lg-6 col-md-12">
						                            <p>
						                                <a href="index.php?temagetir=tema149">
						                                    <p><img style="background: #ddd; padding:5px; " src="/uploads/resim/tema149.jpg" width="100%"> </p>
						                                <p class="btn btn-success btn-block">Tema 149</p>
						                            </a> 
						                            </p>
						                        </div>
						                        						                        <div class="col-lg-6 col-md-12">
						                            <p>
						                                <a href="index.php?temagetir=tema148">
						                                    <p><img style="background: #ddd; padding:5px; " src="/uploads/resim/tema148.jpg" width="100%"> </p>
						                                <p class="btn btn-success btn-block">Tema 148</p>
						                            </a> 
						                            </p>
						                        </div>
						                        						                        <div class="col-lg-6 col-md-12">
						                            <p>
						                                <a href="index.php?temagetir=tema147">
						                                    <p><img style="background: #ddd; padding:5px; " src="/uploads/resim/tema147.jpg" width="100%"> </p>
						                                <p class="btn btn-success btn-block">Tema 147</p>
						                            </a> 
						                            </p>
						                        </div>
						                        						                        <div class="col-lg-6 col-md-12">
						                            <p>
						                                <a href="index.php?temagetir=tema146">
						                                    <p><img style="background: #ddd; padding:5px; " src="/uploads/resim/tema146.jpg" width="100%"> </p>
						                                <p class="btn btn-success btn-block">Tema 146</p>
						                            </a> 
						                            </p>
						                        </div>
						                        						                        <div class="col-lg-6 col-md-12">
						                            <p>
						                                <a href="index.php?temagetir=tema145">
						                                    <p><img style="background: #ddd; padding:5px; " src="/uploads/resim/tema145.jpg" width="100%"> </p>
						                                <p class="btn btn-success btn-block">Tema 145</p>
						                            </a> 
						                            </p>
						                        </div>
						                        						                        <div class="col-lg-6 col-md-12">
						                            <p>
						                                <a href="index.php?temagetir=tema138">
						                                    <p><img style="background: #ddd; padding:5px; " src="/uploads/resim/tema138.jpg" width="100%"> </p>
						                                <p class="btn btn-success btn-block">Tema 138</p>
						                            </a> 
						                            </p>
						                        </div>
						                        						                        <div class="col-lg-6 col-md-12">
						                            <p>
						                                <a href="index.php?temagetir=tema134">
						                                    <p><img style="background: #ddd; padding:5px; " src="/uploads/resim/tema134.jpg" width="100%"> </p>
						                                <p class="btn btn-success btn-block">Tema 134</p>
						                            </a> 
						                            </p>
						                        </div>
						                        						                        <div class="col-lg-6 col-md-12">
						                            <p>
						                                <a href="index.php?temagetir=tema133">
						                                    <p><img style="background: #ddd; padding:5px; " src="/uploads/resim/tema133.jpg" width="100%"> </p>
						                                <p class="btn btn-success btn-block">Tema 133</p>
						                            </a> 
						                            </p>
						                        </div>
						                        						                        <div class="col-lg-6 col-md-12">
						                            <p>
						                                <a href="index.php?temagetir=tema132">
						                                    <p><img style="background: #ddd; padding:5px; " src="/uploads/resim/tema132.jpg" width="100%"> </p>
						                                <p class="btn btn-success btn-block">Tema 132</p>
						                            </a> 
						                            </p>
						                        </div>
						                        						                        <div class="col-lg-6 col-md-12">
						                            <p>
						                                <a href="index.php?temagetir=tema131">
						                                    <p><img style="background: #ddd; padding:5px; " src="/uploads/resim/tema131.jpg" width="100%"> </p>
						                                <p class="btn btn-success btn-block">Tema 131</p>
						                            </a> 
						                            </p>
						                        </div>
						                         
						                    </ul>
						                </li>   
						            </ul>
								</div>
								<div class="col-lg-offset-3 col-md-offset-3 col-lg-4 col-md-5 col-sm-7" style="margin-bottom:15px !important;">
									<ul class="nav nav-pills nav-justified">
			                            <li class="dropdown">
						                    <a href="/admin" target="_blank" class="dropdown-toggle btn btn-primary btn-dark" style="margin:0px 5px;">
						                        <i class="fa fa-send"></i> <strong>Yönetim Paneli</strong>
						                    </a>
						                </li>   
			                            <li class="dropdown">
						                    <a href="/index.php" class="dropdown-toggle btn" style="margin:0px 5px;">
						                        <i class="fa fa-close"></i> <strong>Çerçeveyi Kaldır</strong>
						                    </a>
						                </li>  
						            </ul>

								</div>
							
								<div class="col-lg-12 col-md-12 col-sm-5" style="margin-bottom:5px !important;">
								
									<ul class="nav nav-pills nav-justified">
			                            <li>
						                    <a id="web" href="#" class="dropdown-toggle btn btn-dark" style="margin:0px 5px;">
						                        <i class="fa fa-desktop"></i> <strong>Web</span></strong>
						                    </a> 
						                </li>   
			                            <li>
						                    <a id="tablet" href="#" class="dropdown-toggle btn btn-dark" style="margin:0px 5px;">
						                        <i class="fa fa-tablet"></i> <strong>Tablet</span></strong>
						                    </a> 
						                </li> 
			                            <li>
						                    <a id="mobil" href="#" class="dropdown-toggle btn btn-dark" style="margin:0px 5px;">
						                        <i class="fa fa-phone"></i> <strong>Mobil</span></strong>
						                    </a> 
						                </li>    
						            </ul>
									
								</div>
							</div> 
						</div>
					</div> 

					<iframe id="cerceve" src="https://wn1237.demosergile.com.tr" style="width: 100%; height: 95%; border: 0; padding: 0; margin:auto;">


					</iframe>
					
					<script>
						$('#web').click(function(){
							$('#cerceve').css({'width' : '100%'});
							console.log('web');
						});
						$('#tablet').click(function(){
							$('#cerceve').css({'width' : '768px','margin':'auto','display':'block','border':'1px solid #333'});
							console.log('tablet');
						});
						$('#mobil').click(function(){
							$('#cerceve').css({'width' : '425px','margin':'auto','display':'block','border':'1px solid #333'});
							console.log('mobil');
						});
					</script>


					<!-- jQuery 3 -->
					<script src="admin/bower_components/jquery/dist/jquery.min.js"></script>
					<!-- production -->
					<script type="text/javascript" src="plugins/plupload/js/plupload.full.min.js"></script>
					<script type="text/javascript" src="plugins/plupload/js/jquery.plupload.queue/jquery.plupload.queue.js"></script>
					<script type="text/javascript" src="plugins/plupload/js/i18n/tr.js"></script>
					<!-- Bootstrap 3.3.7 -->
					<script src="admin/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
					<!-- Select2 -->
					<script src="admin/bower_components/select2/dist/js/select2.full.min.js"></script>
					<!-- InputMask -->
					<script src="plugins/input-mask/jquery.inputmask.js"></script>
					<script src="plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
					<script src="plugins/input-mask/jquery.inputmask.extensions.js"></script>
					<!-- date-range-picker -->
					<script src="admin/bower_components/moment/min/moment.min.js"></script>
					<script src="admin/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
					<!-- Data Tables -->
					<script src="admin/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
					<script src="admin/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
					<!-- bootstrap datepicker -->
					<script src="admin/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
					<!-- bootstrap color picker -->
					<script src="admin/bower_components/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"></script>
					<!-- bootstrap time picker -->
					<script src="plugins/timepicker/bootstrap-timepicker.min.js"></script>
					<!-- SlimScroll -->
					<script src="admin/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
					<!-- iCheck 1.0.1 -->
					<script src="plugins/iCheck/icheck.min.js"></script>
					<!-- FastClick -->
					<script src="admin/bower_components/fastclick/lib/fastclick.js"></script>
					<!-- AdminLTE App -->
					<script src="dist/js/adminlte.min.js"></script>
					<!-- AdminLTE for demo purposes -->
					<script src="dist/js/demo.js"></script>
					<!-- CK Editor -->
					<script src="admin/bower_components/ckeditor/ckeditor.js"></script>   
					  <script type="text/javascript" src="admin/bower_components/froalaeditor/js/froala_editor.min.js"></script> 
					  <script type="text/javascript" src="admin/bower_components/froalaeditor/js/plugins/code_view.min.js"></script> 
					  <script type="text/javascript" src="admin/bower_components/froalaeditor/js/plugins/video.min.js"></script> 
					  <script type="text/javascript" src="admin/bower_components/froalaeditor/js/languages/tr.js"></script>