<style>
	.sportlet-content-center {
		height: 200px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.sportlet-content-center img {
		margin-top: 30px;
	}
	.sportlet-content-center span {
		font-size: 24px;
		color: #134165;
	}
	.serverTodo li {
		display: flex;
		align-items: center;
		margin: 5px;
		font-size: 16px;
	}
	.serverTodo li.maked {
		color: #198754;
	}
	.serverTodo li.active {
		color: #fd7e14;
	}
	.serverTodo li.waiting {
		color: #134165;
	}
	.serverTodo li i {
		margin: 0px 5px;
	}
	i.fa-close {
		color: #dc3545;
	}
	i.fa-refresh {
		color: #fd7e14
	}
	i.fa-check {
		color: #198754;
	}
	.todoExtra {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.todoInfo {
		display: flex;
		justify-content: flex-end;
		margin: 10px 0px;
	}
	.todoInfo ul li {
		display: flex;
		align-items: center;
		font-size: 14px;
	}
    .statusIcon {
        font-size: 24px;
        color: #134165;
    }
</style>
<div class="row">
	<div class="col-12">
		<div class="card">
			<div class="card-header">
				<span class="card-title"><i class="ri-unsplash-line"></i> Kurulum Yapılıyor</span>
			</div>
			<div class="card-content">
				<div class="sportlet">
					<div class="smain">
						<div class="sportlet-content-center">
							<span id="statusText">Sunucu kurulumu devam ediyor lütfen aralıklarla ekranı yenileyiniz</span>
							<i class="fa fa-refresh fa-spin statusIcon"></i>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>