
<!DOCTYPE html>
<html lang="en">

<head>

	<title>Blogs</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="author" content="The Transformation Embassy" />
	<meta name="description" content="Here we tell you about Transformation Embassy.">
	<meta name="keywords" content="Number one Church in Abuja">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<!-- FAVICON AND TOUCH ICONS -->
	<link rel="shortcut icon" href="../assets/images/TBicon.png" type="image/x-icon">
	<link rel="icon" href="../assets/images/website_images/favicon.png" type="image/x-icon">
	<link rel="apple-touch-icon" sizes="152x152" href="../assets/images/TBicon.png">
	<link rel="apple-touch-icon" sizes="120x120" href="../assets/images/TBicon.png">
	<link rel="apple-touch-icon" sizes="76x76" href="../assets/images/TBicon.png">
	<link rel="apple-touch-icon" href="../assets/images/TBicon.png">
	<link rel="icon" href="../assets/images/TBicon.png" type="image/x-icon">
	<link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="../css/style.css" id="theme" rel="stylesheet">

	<!-- font awesome cn -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gotham-fonts@1.0.0/dist/gotham-fonts.min.css">
	<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet">

	<style>
		.navbarstyle {
			box-shadow: 0 2px 5px 0 #D3D3D3;
			background-color: white;
		}

		.navbar-brandimg {
			width: 205px;
			padding: 0.4%;
			margin-left: 6%;
		}

		.navbar-nav-style {
			margin-left: 10%;
		}

		.fform {
			margin-right: 4%;
		}

		.dotted-img {
			width: 120px;
			margin-top: 14%;
			margin-left: -11%;
		}

		.dotted-imgsec {
			width: 120px;
			margin-top: 2%;
			margin-left: 47%;
		}

		.aftwriteup {
			margin-left: 8%;
			margin-top: 6%;
			font-size: 17px;
			color: #3A3A3A;
		}

		.appbtn {
			border: 2px solid #007bff;
			width: 180px;
			border-radius: 10px;
			padding: 2%;
			font-weight: 550;
		}

		.startbtn {
			background-color: #007bff;
			color: white;
			width: 150px;
			border-radius: 10px;
			padding: 2%;
			font-size: 16px;
		}

		.startbtn:hover {
			color: white;
		}

		.btndiv {
			margin-left: 8%;
			margin-top: 9%;
			font-size: 17px;
		}

		.containerimg {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0%;
		}

		.containerimg img {
			width: 120%;
			height: auto;
		}

		.home .home-text h1 {
			font-size: 35px;
			font-weight: 600;
			margin-left: 8%;
		}

		.home .home-text p {
			overflow: hidden;
		}

		.home .home-text p span {
			font-size: 30px;
			font-weight: 600;
			margin-left: 8%;
			display: inline-block;
			display: none;
		}

		.home .home-text p span.text-in {
			display: block;
			animation: textIn .5s ease;
		}

		.home .home-text p span.text-out {
			animation: textOut .5s ease;
		}

		@keyframes textIn {
			0% {
				transform: translateY(100%);
			}

			100% {
				transform: translateY(0%);
			}
		}

		@keyframes textOut {
			0% {
				transform: translateY(0%);
			}

			100% {
				transform: translateY(-100%);

			}
		}

		

		.featuretxt {
			color: #3A3A3A;
			margin-top: 10px;
			font-size: 21px;
			font-weight: 500;
			margin-left: 10%;
		}

		@media screen and (max-width: 767px) {
			.navbarstyle {
				box-shadow: none;
				background-color: white;
				width: 100%;
			}

			.navbar-brandimg {
				width: 30%;
				margin-left: 0%;
			}

			.navbar-nav-style {
				margin-left: 0%;
			}

			.startbtn {
				margin-top: 10px;
				width: 180px;
			}

			.featuretxt {
				font-size: 10px;
			}
		}

		@media only screen and (min-width: 768px) and (max-width:912px) {
			.navbarstyle {
				box-shadow: none;
				background-color: white;
				width: 100%;
			}

			.navbar-brandimg {
				width: 30%;
				margin-left: 0%;
			}

			.navbar-nav-style {
				margin-left: 0%;
			}
		}

		select:focus,
		input:focus,
		textarea:focus,
		button:focus {
			outline: none;
			border: none;
		}

		.image-container {
			display: flex;
			margin-left: 30%;
		}

		.image-container img {
			position: relative;
			margin-right: -45px;
		}

		.image-container img:last-child {
			margin-right: 0;
		}

		.image-container img:nth-child(1) {
			z-index: 6;
		}

		.image-container img:nth-child(2) {
			z-index: 5;
			left: -23px;
		}

		.image-container img:nth-child(3) {
			z-index: 4;
			left: -35px;
		}

		.image-container img:nth-child(4) {
			z-index: 3;
			left: -62px;
		}

		.image-container img:nth-child(5) {
			z-index: 2;
			left: -84px;
		}

		.image-container img:nth-child(6) {
			z-index: 1;
			left: -100px;
		}
	</style>

</head>

<body>

	<main>

			<!--==============================================-->
			<!---===============Heaader Section===============-->
			<?php include '../includes/page-header.php';?>
            <!--==============================================-->
			<!---===============Heaader Section===============-->

			<div style="width: 100%;">

                <!--============================-->
                <!--=========Hero Banner Section-->     
                    <div class="aboutHerobanner pb-5">
                        
                        <div class="container-fluid mb-5 aboutHerobannerOverlay" >
                            <div class="row">
                                <div class="col-12">
                                    <div align="center" style="padding-top: 150px;">
                                        <h1 style="color: #fff; font-size: 70px; font-weight: 800; font-family: 'Gotham', Arial, sans-serif;">Blogs</h1>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                <!--============================-->
                <!--=========Hero Banner Section-->

				<h1 align="center" style="font-weight: 700; font-family: 'Gotham', Arial, sans-serif; padding: 50px 50px;">Under Construction <br> Check back Later</h1>
                
			</div>

			<!--============================-->
			<!--======Contact Us Section====-->
			<?php include '../includes/page-contact.php';?>
			<!--============================-->
			<!--======Contact Us Section====-->
		
		</main>
		<!-- Footer Start -->
		<?php include '../includes/footer.php';?>
		<!-- Footer End -->

	
	<!-- Js Files -->
	<!-- ============================================================== -->
	<script src="../js/global.js"></script>
	<script src="../assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

	
</body>

</html>
