<!DOCTYPE html>
&nbsp;
<html>
<head> 
<title>Creative Computing</title>
</head>
<style>
body {
    background-image: url(http://images4.alphacoders.com/430/4304.jpg);
  }

  #text{
  	background: rgba(121, 236, 242,  0.5);
  	font-family: helvetica;
  	font-size: 20pt;
  	display: inline-block;
  	margin-top: center

  }
  #text2{
  	background: rgba(119, 121, 121, 0.8);
  	font-family: helvetica;
  	font-size: 14pt;
  	display:block;
  	margin: left;
  }
h1{
font-family: helvetica;
        display: inline-block;
        margin: center;
     
}

h2{
	font-size: 15pt;
	display:center;
	margin:left;
}
.container {
    width: 200px;
    height: 120px;
}


.container img {
    width: 100%;
    height: auto;

  margin: 10px auto;
  padding: 20px;
  border-width: 5px;
}
.fancy {
  width: 500px;
  margin: 10px auto;
  padding: 20px;
  border-width: 5px;
}
.fancy2 {
  width: 50%;
  margin: 10px auto;
  padding: 20px;
  border-width: 5px;
}
</style>
 
<body> 
	<div class="fancy">
<div id="text">
<hr><h1>Raida Saveree Sarwar</h1></hr>
	<hr><h2>sarwr457@newschool.edu</h2></hr>

</div>
</div>
<br>
<div class="fancy2"
<div class="container">
<img src="raidaisme.jpg" />
</div>
</div>
<br>

</div>

<div id="text2">
<a href="1">First Project</a><hr>
<a href="2">Second Project</a><hr>
<a href="3"> Third Project</a>
<hr>
<a href="4"> Fourth Project</a>
<hr>
<a href="5"> Five Project</a>
<hr>
<a href="6"> Six Project</a>
<hr>
<a href="7"> Seven Project</a>
<hr>
<a href="8"> Eight Project</a>
<hr>
<a href="9"> Nine Project</a>
<hr>
<a href="10"> Tenth Project</a>
</div>
<audio autoplay loop src="audio/shine.mp3"></audio>;
</body>
</html>