page_index_about.php

<style type="text/css">
	.caption{
		width: 100%;
		max-width: 100%;
		position: absolute;
		text-align: center;
		top: 50%;
		color: #fff9;
		text-transform: uppercase;
	}

	body{
		animation: animate 20s ease-in-out infinite;
		background-size: cover;
	}

	@keyframes animate{
		0%, 100%{
			background-image: url('<?php echo base_url('assets/image/1.jpg')  ?>');
		}
		50%{
			background-image: url('<?php echo base_url('assets/image/3.jpg')  ?>');
		}
		75%{
			background-image: url('<?php echo base_url('assets/image/4.jpg')  ?>');
		}
		100%{
			background-image: url('<?php echo base_url('assets/image/6.jpg')  ?>');
		}
		150%{
			background-image: url('<?php echo base_url('assets/image/7.jpg')  ?>');
		}
		200%{
			background-image: url('<?php echo base_url('assets/image/8.jpg')  ?>');
		}
		225%{
			background-image: url('<?php echo base_url('assets/image/9.jpg')  ?>');
		}
		250%{
			background-image: url('<?php echo base_url('assets/image/10.jpg')  ?>');
		}
		300%{
			background-image: url('<?php echo base_url('assets/image/11.jpg')  ?>');
		}
	}
</style>
</body>
</html>