index.html

<!DOCTYPE html>
<html>

<head>
	<title>NAFI.COM</title>
	<meta name=viewport content="width=device-width, initial-scale=1.0">
	<!-- Icon -->
	<link rel="icon" href="https://i.imgur.com/By9bbw2.png" type="image/x-icon" sizes="256x256">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link href="https://fonts.googleapis.com/css?family=Flamenco" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<body>

	<header>
		<nav>
			<div class="row clearfix">
				<img src="images/logo.png" style="width:50px;height:50px;" class="logo">

				<ul class="main-nav animated slideInDown" id="check-class">
					<li><a href="http://nafi.epizy.com/Blog/Content/index.php"><span>NAFI<span
									style="color: yellow">.</span>COM<span style="color:#00E9FF"> Blog</span></span></a>
					</li>
					<li><a href="http://nafi.epizy.com/HousingManagement">HousingManagement.com</a></li>
					<li><a href="http://nafi.epizy.com/E-Pay">E-Pay.com</a></li>
					<li><a href="http://nafi.epizy.com/Contact/index.php">CONTACT</a></li>
				</ul>
				<a href="#" class="mobile-icon" onclick="slideshow()"> <i class="fa fa-bars"></i> </a>
			</div>
		</nav>

		<div class="main-content-header">
			<b>
				<h2> WELCOME TO</h2><br>
				<h1><span class="colorchange"> NAFI.COM</h1>
				<div><a href="http://sourcecodebd.github.io/nafi.com_content" class="btn btn-full" text-align="center">
						Get Access</a></div>
			</b>

		</div>
	</header>

	<script type="text/javascript">

		function slideshow() {
			var x = document.getElementById('check-class');
			if (x.style.display === "none") {
				x.style.display = "block";
			} else {
				x.style.display = "none";
			}
		}

	</script>

</body>

</html>