html{
background-color:purple;
margin-top:15pt;
margin-bottom:15pt;
text-align:center;
font-family:Georgia, verdana;
}




 

 
 
a:link
{
font-weight:bold;
text-decoration: none;
}

a:visited
{
font-weight:bold;

text-decoration: none;
}





.about
{font-size:45px;
color: red ;

font-weight:bold;

text-align:center;
}


 
.left {
 float: left;
 padding: 0 20px 20px 0;
} 

 
.pic {
 padding: 0 20px 20px 0;
 max-height: 100%;
 max-width: 100%;
  float: left;
}

.pic2 {
 padding: 0 20px 20px 0;
 max-height: 100%;
 max-width: 100%;
  float: center;
}

.stfont
{font-size:15px;
color:#228B22;
text-align:center;
}


.contact
{font-size:25px;
color: #0000FF ;

font-weight:bold;

text-align:center;
}

.stfont3
{font-size:15px;
font-weight:bold;
color: red;
text-align:center;
}


.header3 {

  max-height: 300px;
  margin: auto;
max-width: 100%;
  text-decoration: none;
  text-align: center;
    padding-bottom:10px;
	padding-top:10px;
  
}

.navbar {
  max-width: 350px;
  max-height: 300px;
  margin: auto;
  border: 3px solid #0000FF ;
  text-decoration: none;
  text-align: center;
  padding-bottom:10px;
  padding-top: 10px;
  color:#228B22;
  
}
.about2 {
  
color: #4C8CD8;
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
  
}







			<p align="center"><b><font color="blue">Modeling</font></b></p>

			<p align="center"><b><font color="blue">Acting<br />
			<br />
			<img height="300" src="mecca2.jpg" style="max-width:100%; " /> </font></b></p>

			&nbsp;


			</td>
		</tr>
	
		<tr>
			<td>
			<div class="header3">
		
			<p align="center"><b><font color="#2530D7"><a href="gallery.html">Click Here For More Photos</a></font></b></p>
			</div>
			</td>
		</tr>
	
	</tbody>
</table>