Skip to content

Instantly share code, notes, and snippets.

@AliYmn
Created June 20, 2018 09:36
Show Gist options
  • Save AliYmn/ce959ed43f91dac7df25af78f6d2bba1 to your computer and use it in GitHub Desktop.
Save AliYmn/ce959ed43f91dac7df25af78f6d2bba1 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<title>instacekilis.com</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://www.instacekilis.com/lib/jquery/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
/* Preloader */
#preloader {
position:fixed;
top:;
left:;
right:;
bottom:;
background-color:#fff; /* sayfa yüklenirken gösterilen arkaplan rengimiz */
z-index:99; /* efektin arkada kalmadığından emin oluyoruz */
}
#status {
width:200px;
height:200px;
position:absolute;
left:50%;
top:50%;
background-image:url(http://www.instacekilis.com/yukleniyor.gif); /* burası yazının ilk başında bahsettiğimiz animasyonu çağırır */
background-repeat:no-repeat;
background-position:center;
margin:-100px -100px;
}
</style>
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div id="status">&nbsp;</div>
</div>
<script type="text/javascript">
//<![CDATA[
$(window).load(function() { // makes sure the whole site is loaded
$('#status').fadeOut(); // will first fade out the loading animation
$('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
$('body').delay(350).css({'overflow':'visible'});
})
//]]>
</script>
<div class="container">
<h2>instacekilis.com</h2>
<hr>
{{ mesaj }}
instacekilis.com cekilis programi.
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment