EVOLUTION-NINJA

Edit File: image-main.html

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">	
	<title>Praveen Nayak</title>	
	
	<link rel="stylesheet" href="css/main.css" />
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/font-awesome.min.css" />
	<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet"> 
	
	<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
	<div class="image-main-middle">
		<div class="container">
			<p class="text-head"><span style="color: #0097e1; text-transform:uppercase; font-weight:bold;">infinity line</span>: Beauty and Technology</p>
			<hr class="hr_line"/>
			
			<div class="col-sm-4">
				<div class="i-main">
					<a href="image-gallery.html" >
						<img src="images/color-gallery/imagem_infinitycf_olsen.png" alt="" class="img-responsive center-block" />
						Dental Set
					</a>
					<p>infinity cross flex</p>
				</div>
			</div>
			
			<div class="col-sm-4">
				<div class="i-main">
					<a href="image-gallery-1.html" >
						<img src="images/color-gallery/imagem_infinity_olsen.png" alt="" class="img-responsive center-block" />
						Dental Set
					</a>
					<p>infinity</p>
				</div>
			</div>	
			
			<div class="col-sm-4">
				
			</div>
		</div>
	</div>
	
	
	
</body>
</html>

<style>
		.image-main-middle
		{
			padding-top:30px;
			padding-bottom:30px;
		}
		
		.i-main
		{
			text-align:center;
			
		}
		
		.i-main a
		{
			color:#000000;
			font-weight:bold;
		}
		
		.i-main p
		{
			padding-top:10px;
			text-transform:uppercase;
			font-weight: 300;
			font-size: 22px;
			color: #222222;	
		}
		
		.text-head
		{
			font-size:28px;
			color:#777777;
		}
		
		.hr_line
		{
			background-color: #dedede;
			border: 0;
			height: 3px;
			margin-bottom: 10px !important;
			margin-top: 10px !important;
		}
		
	@media only screen and (min-width:320px) and (max-width:640px) 
	{
		.text-head
		{
			font-size:16px;
			text-align:center;
		}
	}
	</style>