Parcial Cami

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Camilo </title>

<style>
#banner
{


	align-self:center;
	display:flex;
	justify-content:center;
	background:#FFFFFF;
	justify-content:center;


}

.bot
{
	height:100px;
	width:150px;

	align-self:center;
display:flex;
	justify-content:center;
}

.logobanner
{
justify-content:flex-start;
width:inherit;
}


#foto
{

	border:#FFFFFF;
background:#F5F5F8;
}

.gimg
{
	padding: 5px;
	display:flex;
	justify-content:center;
	align-self:center;

}

.fotoff
{
   display: flex;
   -webkit-flex-direction:row;
   flex-direction:row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}


</style>

</head>

<body>
<div id = "banner">
<div class="bot logobanner"><img src="file:///Sin título/Users/estudiante/Desktop/Parcial Tecno/img/logo.png" width="220" height="100" alt=""/></div>
<div class="bot">HOME</div>
<div class="bot">PORTFOLIO</div>
<div class="bot">BLOG</div>
<div class="bot">SERVICES</div>
<div class="bot">ABOUT</div>
<div class="bot">CONTACT</div>
</div>

<div id = "foto">
<div class="foto fotoff"><img src="file:///Sin título/Users/estudiante/Desktop/Parcial Tecno2/img/portfolio/work5.jpg" width="955" height="460" alt=""/></div>
<div class="foto fotoff"><img src="file:///Sin título/Users/estudiante/Desktop/Parcial Tecno2/img/portfolio/work5.jpg" width="240" height="115" alt=""/><img src="file:///Sin título/Users/estudiante/Desktop/Parcial Tecno2/img/portfolio/work1.jpg" width="240" height="115" alt=""/><img src="file:///Sin título/Users/estudiante/Desktop/Parcial Tecno2/img/portfolio/work6.jpg" width="237" height="115" alt=""/><img src="file:///Sin título/Users/estudiante/Desktop/Parcial Tecno2/img/portfolio/work3.jpg" width="238" height="115" alt=""/></div>
<div class="foto fotoff"></div>
</div>


</body>
</html>