slicebox.php

		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="Slicebox - 3D Image Slider with Fallback" />
        <meta name="keywords" content="jquery, css3, 3d, webkit, fallback, slider, css3, 3d transforms, slices, rotate, box, automatic" />
		<meta name="author" content="Pedro Botelho for Codrops" />
		<link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="demo.css" />
		<link rel="stylesheet" type="text/css" href="slicebox.css" />
		<link rel="stylesheet" type="text/css" href="custom.css" />

		<div class="container">
			<div class="wrapper">

				<ul id="sb-slider" class="sb-slider">
					<li>
					<img src="images/images1.jpg" alt="image1" width=700px height=467px/>
						<div class="sb-description">
							<h3>ORMS</h3>
						</div>
					</li>
					<li>
						<img src="img/header.jpg" alt="image2" width=700px height=467px/>
						<div class="sb-description">
							<h3>Reduce PaperWork</h3>
						</div>
					</li>
					<li>
						<img src="img/portfolio/ai1.jpg" alt="image1" width=700px height=467px/>
						<div class="sb-description">
							<h3>Recruitment Portal</h3>
						</div>
					</li>
					<li>
						<img src="img/portfolio/civil.jpg" alt="image1" width=700px height=467px/>
						<div class="sb-description">
							<h3>Say bye to Introvert</h3>
						</div>
					</li>
					<li>
						<img src="img/portfolio/hiring.jpg" alt="image1" width=700px height=467px/>
						<div class="sb-description">
							<h3>Get Hired</h3>
						</div>
					</li>
					<li>
						<img src="img/header.jpg" alt="image1" width=700px height=467px/>
						<div class="sb-description">
							<h3>Variety of Talent</h3>
						</div>
					</li>
					<li>
						<img src="img/portfolio/mechanical.jpg" alt="image1" width=700px height=467px/>
						<div class="sb-description">
							<h3>Hiring in progress</h3>
						</div>
					</li>
				</ul>

				<div id="shadow" class="shadow"></div>

				<div id="nav-arrows" class="nav-arrows">
					<a href="#">Next</a>
					<a href="#">Previous</a>
				</div>

				<div id="nav-dots" class="nav-dots">
					<span class="nav-dot-current"></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
				</div>

		</div>