Untitled

<!DOCTYPE html>
<html>

<!--background-->
<head>
<link href = "MULTIMEDIA PRAC.CSS" rel="stylesheet" type="text/css">
<style>
body {
    background-color: lightblue;
}

h1 {
    color: white;
    text-align: center;
}

p {
    font-family: Freestyle Script;
    font-size: 20px;
}
</style>
</head>


<!--============================================================================================================================================-->
<head>

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<div id= "content"/>
<style>
.center {
    text-align: center;
    border: 1px solid grey;
}
</style>
</head>
<style>

p {
    font-size: 40px;
}
</style>
<body>


<div class="center">

  <p>Jewellery for Africa
 <img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">

 <br><br>
<a href="default.asp" target="_blank">About </a>
<a href="default.asp" target="_blank">Types</a>
<a href="default.asp" target="_blank">Discounts</a>
<a href="default.asp" target="_blank">Prices</a>
<a href="default.asp" target="_blank">Gallery</a>
<a href="default.asp" target="_blank">Location</a>
<br><br>

<a href="default.asp" target="_blank">Contact Us<i class="material-icons">computer</i> </a> </p>
</div>

<div id =picture1>
<img src ="https://images.pexels.com/photos/356148/pexels-photo-356148.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt ="jewellery" width="300" height="500">
</div>
<div id =picture2>
<img src ="https://images.pexels.com/photos/356148/pexels-photo-356148.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt ="jewellery" width="300" height="500">
</div>


<marquee scrollment ="5" direction ="left">
<h1> Jewellery For Africa</h1>
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">
<img src="http://inspired-journeys.com/wp-content/uploads/2015/12/IJ-CIRCLE-AFRICA-SLATE.png" alt="Africa" width="100" height="100">

</body>

<head>


<style>
div.relative {
    position: relative;
    right: 30px;
    border: 3px solid #73AD21;
}

a:link, a:visited {
    background-color: #11453C;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


a:hover, a:active {
    background-color: black;
}

</style>
</head>
</body>


<!--============================================================================================================================================-->


</html>

<!--============================================================================================================================================--
#picture2{
height:10%;
width: 30%;
margin-top:-46.81%;
float:right;
margin-right:-7.6%;

}