Americans for France Sam LS.html

<html>
<head>
<title>Americans for France Uncle Sam Long 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 France Sam LS.PNG" data-zoom-image="Americans for France Sam Eagle LS.PNG" alt="CEO" style="width:45%" height="300px" class="w3-round">
 <img src="images/Americans for France Sam LS (back).PNG" alt="CEO" style="width:45%" height="300px" class="w3-round"></div>
</body> </center>
<script>


</script>
</html>