UncleSamIceland.html

<html>
<head>
<title> Uncle Sam Iceland Short Sleeve </title>
<style>
.zoom {
    transition: transform .2s;
     display: block;

}

.zoom:hover {
    transform: scale(2.0);

}
.center{
   position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: 500px;
   margin-top: -100px; /* Half the height */
   margin-left: -250px; /* Half the width */
}

</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<center><body>
 <div class='center zoom'> <img id='zoom01' src="images/Americans for Iceland Sam SS.PNG" data-zoom-image="images/Iceland Sam SS (front).PNG" alt="CEO" style="width:45%" Height="300px" class="w3-round"> 
 <img src="images/Americans for Iceland SS (back).PNG" alt="CEO" style="width:45%" Height="300px" class="w3-round"></div>
</body> </center>
<script>


</script>
</html>


<!--<a href="UncleSamIceland.html" target="_blank">-->