<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hacked by Zembud17</title>
<link rel="icon" type="image/jpg" href="https://uploads.sitepoint.com/wp-content/uploads/2016/12/1480916828seven-atom-addons_feature.jpg">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<meta charset="utf-8">
<meta name="description" content="Hacked By Zembud17">
<meta name="googlebot" content="index,follow">
<meta name="robots" content="all">
<meta name="robots schedule" content="auto">
<meta name="distribution" content="global">
<style>
.large-header {
position: relative;
width: 100%;
background: #111;
overflow: hidden;
background-size: cover;
background-position: center center;
z-index: 1;
}
.demo .large-header {
background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/demo-bg.jpg");
}
.main-title {
position: absolute;
margin: 0;
padding: 0;
color: #F9F1E9;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.demo .main-title {
text-transform: uppercase;
font-size: 2.5em;
letter-spacing: 0.1em;
}
.main-title .thin {
font-weight: 200;
}
@media only screen and (max-width: 768px) {
.demo .main-title {
font-size: 3em;
}
}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
.ze:hover{
color: red;
font-family: 'Playfair Display', serif;
}
</style>
</head>
<body>
<!-- partial:index.partial.html -->
<div class="container demo">
<div class="content">
<div id="large-header" class="large-header">
<canvas id="demo-canvas"></canvas>
<h3 class="main-title"><span class="thin ze">Hacked By Zembud17</span> bgolive.net</h3>
</div>
</div>
</div>
<!-- partial -->
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/TweenLite.min.js'></script>
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/EasePack.min.js'></script>
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/demo.js'></script>
</body>
</html>