<!doctype html><html lang="en">
<head>
<meta charset="utf-8">
<title>HTMLgraphic</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<style>
body{
background: url(/img/bfgg.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
}
h1, h3{
font-family: Open Sans Condensed;
font-size: 5em;
font-weight: 100;
text-align: center;
  color: #fff;
}
h3{
font-size: 3em;
text-transform: uppercase;
}
#prelaoder{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,1);z-index:1000}
</style>
<script async src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<!-- PRELOADER -->
<div id="prelaoder">
<div class="spinner"><div class="spinner-inner"></div></div>
</div>
<!-- /PRELOADER -->
<div class="slide">
<h1><span>HTMLgraphic</span></h1>
<h3><span>Coming Soon</span></h3>
</div>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script>
$(window).load(function() {
	setTimeout(function() {
	$('#prelaoder').fadeOut("slow");

	  setTimeout(function() {
		  $('.content-block').addClass('animated fadeInDown').fadeIn("slow");
	       $('#footer').fadeIn('slow');
	  }, 900);
	}, 700);
});
</script>
</body>
